UX Designer and Researcher

Responsibilities

• Research including conducting interviews, creating personas and problem statements, and a usability study

• Creating paper and digital wireframes

• low-fidelity and high fidelity prototypes

• conducting interviews, usability studies

• creating mockups

• accessible designs

Empathize

To start the project off I conducted some interviews in order for me to create personas and understand some pain points some individuals had at the movie theater. After conducting interviews and creating some personas and a user journey map, the main three pain points I came up with was accessiblility, time, and convinience.

Define

Using the pain points I came up with a problem statement to help define what my app need to be.

Problem Statement- Jeff is an Army veteran who needs a snack ordering app for his local theater to make it easier to get through lines Jeff does not have the strength and time to wait in line at the theater.

Ideate

Starting my Ideation phase I created paper wireframes to help bring ideas onto paper to really visualize the look and feel of the app

Next, to continue the process I took the best paper wireframes I created and made digital wireframes.

Prototype

After completing all wireframe pages I created a low-fidelity prototype following the main user flow of ordering snacks, drinks, and candy

Link to low fidelity Prototype- https://www.figma.com/proto/DGipcC7ukQdCAJIQ1Hvqt5/portfolio-snack-project?type=design&node-id=114-1202&t=gr81IVrGhRX4p7bE-1&scaling=scale-down&page-id=114%3A889&starting-point-node-id=114%3A1202&show-proto-sidebar=1&mode=design

Test

After completing a low-fidelilty prototype I conducted a usability study in order to find insights and themes to make my final designs better for the user and what they want the app to be. I conducted and unmoderated usability study with 5 participants going through the main user flow of adding a drink, popcorn, and candy to your cart, then check out. After taking notes I came up with themes and made an affinity diagram to help me identify insights, then wrote down the insights in an actionable way.

Based on the theme that: a payment page is needed, an insight is: to add a payment page in between the order review and order confirmation page.

Based on the theme that: the combos are not customizable, an insight is: to create a page to customize the combo you choose.

Based on the theme that: most participants thought you needed to select a movie before ordering snacks, an insight is: to make the button to order snacks after choosing the movie you are going to see.

Based on the theme that: some participants would prefer more pages in the snack ordering section, an insight is: to create a snack home screen with the featured snacks and tabs instead of starting on the drink page.

Ideate

Using the insights from the usability study I came up with ways to improve my designs as I made mock ups of the original wireframes, adding typography, iconography, color and images.

Prototype

After creating mockup from my wireframes and adding elements to make it look like a finished product. I then made a high-fidelity prototype in order to give the user a feel of what the app is like.

Link to High-Fidelity Prototype- https://www.figma.com/proto/DGipcC7ukQdCAJIQ1Hvqt5/portfolio-snack-project?type=design&node-id=30-67&t=jy6eReaO5RU0jYG4-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=5%3A2&show-proto-sidebar=1&mode=design

Next Steps

Going forward to make this app something users can download I would pass my designs off to an engineering team to build the app for the movie theater. This app could help many users in this town with accessibility issues get the snacks they love without having to wait in line or get to the front and not be able to grab everything they want. I learned a lot form this project as it was my first project on Figma and ever. I learned that sometimes your first designs that you thought were great designs turn out not useful and not visually appealing to most users.