Skip to content

Latest commit

 

History

History
86 lines (52 loc) · 3.15 KB

UX-DESIGN.md

File metadata and controls

86 lines (52 loc) · 3.15 KB

User Experience Design

Instructions:

Prototype

Note: the wireframe files are the same as those used within the prototype

Figma URL

Wireframe

Note: the wireframe files are the same as those used within the prototype

Loading Screen The purpose of this screen is to visualize what users will see when the app initially loads in or when users are moving between screens that require longer loading times.

Loading Screen

Sign In Prompt The purpose of this screen is to visualize what users will see after the app initially loads. Users will have to become a member in order to further utilize the app.

Sign In Prompt

Sign Up The purpose of this screen is to visualize how becoming a member will be like for users.

Sign Up

Login The purpose of this screen is to visualize the login process for members.

Login

Homepage The purpose of this screen is to visualize what users will see once logging in. They will be able to see recommendations of trips based upon previous trips/searches as well as search within the homepage.

Homepage

Search Results The purpose of this screen is to visualize what users will see upon searching a particular destination.

Search Results

Filter The purpose of this screen is to visualize how users will be able to filter search results. This overlay will open up when users select "All Filters" on the search results page.

Filter

Result Map The purpose of this screen is to visualize what users will see once selecting a particular hotel within their search results.

Result Map

Result Day 1 and Day 2 The purpose of the following screens are to visualize planning multiple days of a user's trip.

Result Day 1 Result Day 2

Save Result The purpose of this screen is to visualize how users will save their trips onto their profile for future viewing.

Save Result

Edit Result The purpose of this screen is to visualize how users will edit their trips.

Edit Trip

Profile The purpose of this screen is to visualize user profiles where they will be able to locate their saved trips.

Profile

Settings The purpose of this screen is to visualize the settings of the app.

Settings

Contact The purpose of this screen is to visualize how users will be able to contact developers regarding any issues with the app.

Contact