User Research
PROTO PERSONA
Before conducting interviews the UX team created a proto persona of a travel application user. Before the the research plan, as a team, we created a user that fit our target market.
AFFINITY DIAGRAM
As a team we wrote down our insights from our six interviews. From the the interviews and insights we categorized the information into a affinity diagram.
FEATURE PRIORITIZATION METHOD
After the I like, I wish, What if method was completed the designer then created a Feature Prioritization map, identifying the most important problems to solve first.
EMPATHY MAP
Each team member created a empathy map from the insight and affinity diagram content creating an outline of a user persona.
PERSONA
From the empathy map emerged a user persona. Savannah Smith is an excellent example of someone that would use our mobile application and has qualities of our target market.
Definition and Ideation
PROBLEM STATEMENT
Our application was designed to achieve the creation of a drink from the user’s ingredients within their cabinets. We have observed that users need a convenient, fast, and easy to operate application to create a drink because they want a place to find fun and new drinks for themselves and their guests from ingredients they have at home. How might our application improve creating drink options from their cabinets so our users can generate a cheerful environment for themselves and their guests?
STORYBOARD
A Storyboard was used as a tool in the ideation process to visually predict and explore the user’s experience with the application.
Prototyping
USER FLOW
A User Journey Map was created by the designer to outline the customer needs and paint points when interacting with the product.
SKETCHES
From the user flow the designer then sketched rough wireframes of the application.
LO-FI WIREFRAMES
From the sketches the designer then completed digital wireframes. From the sketches additional tasks and screens were added.
GUERILLA TESTING
ITERATING AND FINAL
DIGITAL WIREFRAMES
From the sketch prototype, grayscale wireframes were made by the team. From there, the team edited the grayscale wireframes thinking more about UX language and design.
BRANDING AND ILLUSTRATION
Within the project I made illustrations for the coaching pages with the on-boarding process to emphasize the main goals of the application and what the user can achieve.
ISO FINAL SOLUTION
The grayscale wireframes were then turned into a final IOS prototype.
On the right is an example of all the frames made including the on-boarding process, the main pages, and some tasks within the main pages.
A link is included a link to the completed prototype.
Video:
Below is a video of the tasks that can be completed within the application.
