Ux Designer and Researcher

Resonsabilities

• Research, primary and usability studies

• Interaction design, user stories, personas, competitive audits 

• Wireframes and Low-fidelity prototypes

• Mockups and High-fidelity prototypes

Empathise and Define

I started the design process with empathising with users by creating personas after conducting interviews with the people I know in my community.

After creating personas I went into the define stage by creating problem statements to define what my designs should account for each user’s need.

Problem Statement 1: Amanda is a single mother who needs a way or opportunity for her kids to do more outside activities because she does not have the time or money to do these activities.

Problem Statement 2: Jackson is a Dad who needs a way for his kids to get out more because he does not have the time to take them himself.

Ideate

Next I went into the ideation phase by doing a crazy eight activity where I tried to get the most ideas on how the app would work and what it would look like for users to go through the main flow during a normal day.

Next I created degital wireframed based on the ideas I had in my crazy eights. Here are some screenshots of some of my wireframes I created using Figma.

Prototype

After completing my wireframes I created a low-fidelity prototype in the main user flow of reserving a spot in an activity.

Link to Low-Fidelity Prototype: https://www.figma.com/proto/GALmSaA9J6l8pbbJRjWA3J/Untitled?type=design&node-id=4-119&t=ST1mP8qT7D9JahyR-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=4%3A119&show-proto-sidebar=1&mode=design

Test

To test my prototype I conducted a usability study to find what parts of the app can be improved. I took notes on 5 unmoderated studies and then made an affinity diagram to help identify some themes. Then from those themes I created insights that I could use to improve my designs.

Based on the theme that: users did not like the layout of the homepage an insight is: the home page should be reorganized to fit users needs.

Based on the theme that: users need an account page to save information, an insight is: to add an account page to the app.

Based on the theme that: users would like to see reviews on activities, an insight is: to add a review area in the activity page.

Ideate

After finding some Insights I moved into putting those improvements in as I created mockups.

Prototype

Next, using the mockups I created a High-Fidelity prototype making smoother transitions and making feel like a real app.

Link to High-Fidelity Prototype- https://www.figma.com/proto/GALmSaA9J6l8pbbJRjWA3J/Untitled?type=design&node-id=42-104&t=yuwViRJCKJFmzIpe-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=42%3A104&show-proto-sidebar=1&mode=design

Ideate

After completing the mobile app I went next into the responsive website. Thinking about who my users will be I decided that most users will have more access to mobile sites so I went with a mobile first approach. Then going off of my ideas in the app I created a sitemap and wireframes in Adobe XD.

Then, I made wireframes in the a website size to make the website responsive.

Then I continued onto mockups by adding Typography, iconography, color, and images.

Prototype

After having multiple screen sizes for my responsive website mockups, I made High-Fidelity prototypes in Adobe Xd for both screensizes to the main user flow of still reserving and activity.

Phone screen size prototype- https://xd.adobe.com/view/b93ff17f-2192-4403-9e0b-5c9b81bf721c-ec6c/?fullscreen

Website Size protoype- https://xd.adobe.com/view/7a2752b3-d3f9-4910-86da-865a9b6bb688-2f74/?fullscreen

Take Aways

After completing this project some take aways that I found is that this product could greatly help parents that dont have the money or time to take their kids on the activities they want to by giving them a resource and app to do so.

Next Steps

Going forward i can make this designs come to life by passing them on to an engineering team or applying m own skills and creating the website myself.