#userflow

[the-binx]

Healing Extension mediation and therapy app for the final project of my UX certification. I wanted an app that not only promoted mental health and wellness but also could provide real-time therapy services as well as build community.

Case Study outlining my process

High-fidelity prototype

[sweatynightmarepainter]

For Google Maps Users in U.S., It’s Now the Gulf of America

read more

read more

[tamaradoubraomonibeke]

MP - Userflow (LO2)

I was trying organize my thoughts and how users would navigate the spaces.

Thus, to tell the story, I did this final user flow. However, the room won't be seen because that's unnecessary to the narrative. Initially, the reason I aimed to include the room is because I hoped it would tell the narrative. However, I won't be able to control how users navigate the space so I left that idea (note: I've already designed them, they can be seen below).

For the church, I removed it because I have no visual representation of how it looks but I do believe it's also important as religion plays a huge role in Nigeria (we are very spiritual).

Another thing I finally wanted to mention is I placed all the food in the living room because I want to organize everything in a way that users can access it all at once (this is why I created tabs, to avoid them needing to exit every-time there's an action to be made).

[hollyoxleylevel6]

User Flow using User persona 1

Following Dot's feedback, I decided to create a single user flow to narrow down the pages I need to create for the website. I will use this user flow to create the working prototype and the video showcasing how someone may use the website.

This gave me abetter understanding on how the website could be used. This helped me to visualise where the information needs to be placed on each page because I was able to see how the user may encounter the information and when. For example the shopping page must mention the craft it is linked to but the home page also needs to mention how they can get to the crafts.

[hollyoxleylevel6]

User Flow

To make the user flow easier to understand, I focused on simplifying the post it note flow, Tamara and Tom created earlier. This will make it more concise and easier to understand on the presentation.

I decided to use colours to separate the different sections of the app and make it easier to see how the areas would connect when used. When discussing this with Tamara, she pointed out that flow charts used shapes to indicate different sections and decisions. This made the flow chart easier to understand and see.

[carlossilva-uxdesigner]

Caso Real - Clasificados El Comercio

[the-binx]

Daft Punk: Shoppin’ After All Case Study

My second project for the Google UX certification.

My prompt was to design a merchandise customization flow for my favorite band.

I created and conducted my research for this project most of June 2023. I used Adobe XD to develop a responsive website prototype to conduct my usability testing.

Initial Sitemap

Low-Fidelity Mockups

Phone Mockups

These were the initial mockups I used when I conducted my moderated usability study.

I found after my study that the user flow was pretty simple and that the icons helped when shifting through different products.

High-Fidelity Prototype

My takeaway after conducting my final usability study is to incorporate more iterations for the user while shifting through the products and develop a more interactive user reward once they complete the checkout process.

As always, I welcome feedback as I continue my UX design journey.

[mind-inventory]

How to Successfully Create User Flows for Seamless UX?

When you visit any popular website like Amazon, you barely get a chance to have a pitiful experience as the concrete UI of its website or ap