Fly UX

UX Design Institute coursework project.

The brief : Follow the UX design process to create a mobile app for the airline "Fly UX"

Research process - Surveys, existing airline app reviews, usability testing and note taking, affinity diagrams and customer journey maps.

 Conducting and taking notes from usability tests 

Screen Shot 2020-04-12 at 14.46.27.png
Screen Shot 2020-04-12 at 14.45.53.png
Screen Shot 2020-04-12 at 14.48.37.png
Screen Shot 2020-04-12 at 14.39.07.png

Affinity diagrams

Screen Shot 2020-04-12 at 14.58.04.png
Screen Shot 2020-04-12 at 14.57.30.png
Screen Shot 2020-04-12 at 14.57.47.png
Screen Shot 2020-04-12 at 14.57.16.png

Customer journey mapping

The Problem - Generally the apps are currently too cluttered making it difficult to focus on the task at hand. Too much information to be input for simple interactions. Unclear selections for dates. Compare fare benefits are confusing. The user is unsure/confused about what has been included in the booking process.

Solution user flow diagram

Screen Shot 2020-04-12 at 14.55.07.png

Low fidelity prototyping

84283771_637099060443737_324790645308784
88261595_2680037815611510_66722309985512
88336094_2688937394558759_53319987932755
88237728_219697246073855_739868578279115
87493957_196738188312438_680132337886822
87012897_511964829715444_271125930029403
88302133_507047059847714_459127758367227
84261763_320493882260549_212244457277987

Wireframes

FlyUX Wireframes_Landing page
FlyUX Wireframes_Find flight page
FlyUX Wireframes_Departure and Destinati
FlyUX Wireframes_Fly out and Fly back pa
FlyUX Wireframes_Outbound and Return fli
FlyUX Wireframes_Fare Options Page
FlyUX Wireframes_Seat selection page
FlyUX Wireframes_Extras page
FlyUX Wireframes_Summary Page
FlyUX Wireframes_Sign in page
Try the prototype here!