The Challenge
Create a medium-fidelity interactive prototype of the flight booking app using screen sketches and the user flow diagram.
Objectives:
-
Add enough detail to the prototype for usability testing.
-
Include interactions to confirm the application's high-level flow.
Process
-
Convert screen sketches and user flow diagram into a medium-fidelity prototype.
-
Include essential elements for usability testing.
-
Add interactions for user validation of the overall flow.
-
Refine the prototype based on usability test feedback.
Key Takeaways
-
The prototype brought user research to life, validating decisions made in sketches and the user flow.
-
User testing and refining the prototype were essential before moving to wireframing and handoff.
-
Keeping an organized design system in Figma ensured efficient global changes and easy management.
![](https://static.wixstatic.com/media/af1674_f1e15f27e3b542d7b7b840e3adc882cf~mv2.jpg/v1/fill/w_1,h_1,q_90/af1674_f1e15f27e3b542d7b7b840e3adc882cf~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_f1e15f27e3b542d7b7b840e3adc882cf~mv2.jpg/v1/fill/w_481,h_270,q_90,usm_1.00_0.10_0.00/af1674_f1e15f27e3b542d7b7b840e3adc882cf~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_06259c411b564e12b62b6f51f43c6c2f~mv2.jpg/v1/fill/w_1,h_1,q_90/af1674_06259c411b564e12b62b6f51f43c6c2f~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_06259c411b564e12b62b6f51f43c6c2f~mv2.jpg/v1/fill/w_481,h_270,q_90,usm_1.00_0.10_0.00/af1674_06259c411b564e12b62b6f51f43c6c2f~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_4b1f513dcb0f49a89d7240035c622c0a~mv2.jpg/v1/fill/w_1,h_1,q_90/af1674_4b1f513dcb0f49a89d7240035c622c0a~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_4b1f513dcb0f49a89d7240035c622c0a~mv2.jpg/v1/fill/w_480,h_270,q_90,usm_1.00_0.10_0.00/af1674_4b1f513dcb0f49a89d7240035c622c0a~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_108977d3bda344acb722e759b456d7ce~mv2.jpg/v1/fill/w_1,h_1,q_90/af1674_108977d3bda344acb722e759b456d7ce~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_108977d3bda344acb722e759b456d7ce~mv2.jpg/v1/fill/w_481,h_270,q_90,usm_1.00_0.10_0.00/af1674_108977d3bda344acb722e759b456d7ce~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_3b9a413ecd944d84ba41520ed2c31e45~mv2.jpg/v1/fill/w_1,h_1,q_90/af1674_3b9a413ecd944d84ba41520ed2c31e45~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_3b9a413ecd944d84ba41520ed2c31e45~mv2.jpg/v1/fill/w_481,h_270,q_90,usm_1.00_0.10_0.00/af1674_3b9a413ecd944d84ba41520ed2c31e45~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_e1620ef196104bea86ea9f3c1731b0c7~mv2.jpg/v1/fill/w_1,h_1,q_90/af1674_e1620ef196104bea86ea9f3c1731b0c7~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_e1620ef196104bea86ea9f3c1731b0c7~mv2.jpg/v1/fill/w_480,h_270,q_90,usm_1.00_0.10_0.00/af1674_e1620ef196104bea86ea9f3c1731b0c7~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_b00adcdcf7f04ea883cfedad06ce3567~mv2.jpg/v1/fill/w_1,h_1,q_90/af1674_b00adcdcf7f04ea883cfedad06ce3567~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_b00adcdcf7f04ea883cfedad06ce3567~mv2.jpg/v1/fill/w_481,h_270,q_90,usm_1.00_0.10_0.00/af1674_b00adcdcf7f04ea883cfedad06ce3567~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_a4b06a1cb6754f7691c6d17c3d9915b5~mv2.jpg/v1/fill/w_1,h_1,q_90/af1674_a4b06a1cb6754f7691c6d17c3d9915b5~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_a4b06a1cb6754f7691c6d17c3d9915b5~mv2.jpg/v1/fill/w_481,h_270,q_90,usm_1.00_0.10_0.00/af1674_a4b06a1cb6754f7691c6d17c3d9915b5~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_f238aae2095144f88d5e1efc9232871b~mv2.jpg/v1/fill/w_1,h_1,q_90/af1674_f238aae2095144f88d5e1efc9232871b~mv2.jpg)
![](https://static.wixstatic.com/media/af1674_f238aae2095144f88d5e1efc9232871b~mv2.jpg/v1/fill/w_480,h_270,q_90,usm_1.00_0.10_0.00/af1674_f238aae2095144f88d5e1efc9232871b~mv2.jpg)