.gif)
We started by laying out the business need and user pain points and identifying the objectives of a possible solution. We found essential service that customers rely on to get their groceries and household goods, such as:
We did competitive analysis in the earliest research steps in our UX design process. There were only 2 great apps that we could analyze and assess with our app to gain insights into what improvements we needed to make within our own app.
We selected the appropriate question types and wrote our questions in a shared Google form and made a survey. The survey was sent to our LinkedIn account, Telegram groups and our contacts to collect and organize the data.
We studied on people, regardless of gender identity, age, occupation. 184 people have filled our survey. Our target audiences were most women aged 31 to 40.
My team selected the 5 questions that matter most from our survey and decided to ask 9 people these questions. We used these magic words WHY, WHO, WHERE, WHEN and HOW in our question to get more information for our project.
Unfortunately, I could not have a chance to experience the contextual inquiries.These are our questions from our participants:
This method helped me draw out insights from qualitative data quickly and collaboratively. We have taken notes and have written them in a shared Figjam file.
We haven chosen the most salient information to create a sticky note from. These sticky notes have grouped:
This user persona is the representation of the goals and behavior of a hypothesized group of users. Our persona is synthesized from data collected from User interviews and our survey.
We have chosen our persona between 31 to 40 age because 53.5% of our audience were in this group.
These people are so busy and do not have enough time to spend in check-out lines or have old people in their family that should take care of them.
How would a new user navigate through our app?We focused mostly on designing for the online purchasing process and the "product discovery" tasks of a user.
Emma and his husband are full-time employee and they have two kids. She has not enough time for household chores. Whenever she goes to grocery stores, she gets in trouble with her two kids. Sometimes she forgets buying some items. She needs to find a way to get rid of this problem.
One day, she was talking to her friend and told her about having hard time in grocery store. Her friend recommends her a new app named Online Grocer. Emma installed this app on her cellphone, she ordered her weekly grocery online. Now the order is in progress to prepare and deliver to her doorstep.No more grocery shopping headache and no more fretting in stores with her children. It was pain-free shopping for Emma. After creating an account, she gets promotion emails and weekly offers.
Our sitemap contains several key deliverables:
I started to research about the colors that I was willing to use to make a maximum impact via the app. Additionally, I collected the images, and it helped me to evoke the style that I was looking for and create the color palette and mood board.
I found out orange is a color that emits excitement. It is warm, yet attention-grabbing at the same time. Green in an app is that it stands for acquisitiveness. It represents nature and stability. So, I chose green for primary CTA and orange for secondary CTA.
Me and my team visualized screen-to-screen interactions. It was important for us, sketches come before these steps to not lose conceptual details and refinement. We explored different interface concepts and finalized them into Mid-fi wireframing.
There were many things to consider when designing for mobile:
2. Keep forms as short as possible by removing any unnecessary fields. The app should ask for only the bare minimum of information from the user.
3. Onboarding screens was useful in our mobile app. I created this Onboarding for users who need time to learn a new app.
4. Having an “undo” button in the interface of deleting an item from shopping cart. it enables the users to go back and forth through their action history. I implemented Drag to Trash Button, after swiping to delete, user can see a notification bar for ‘undoing’ the action.
Targeting the right users gave me more accurate feedback. The people I chose to provide feedback were fitted with my usability testing. The participants were those who have a large family or have old people in their family.
When I was designing actionable elements in our mobile interface, I made targets big enough so that they are easy for users to tap, but some of buttons was not finger-friendly buttons. So, I iterated my design and changed them to good touch controls.I removed the stroke that wraps around the cards to create a minimal design.
Here are some of the most common challenges I faced as a UX Designer. However, I did accomplish my goals of the project.
I care about the details and consider the interaction design of affordances to be crucial in creating effective, intuitive, memorable interfaces. I like prototyping. It helps me think through interaction models and new possibilities.
