Design a Mobile app for people who don\u2019t even have the time to visit a restaurant. The challenge was to find a way for these individuals to order and receive food at their own convenience.<\/p>\n\n\n\n
Design Process:<\/h2>\n\n\n\n
we decided to use the Agile UX Design framework for this project. By letting the validation of hypotheses guide my work, we could ensure that I was creating a product that truly meets the needs of people (user-centered design ).<\/p>\n\n\n\n<\/figure>\n\n\n\n
The Goal<\/h2>\n\n\n\n
Our goal was to design a mobile app that lets users quickly and easily order from Yummies\u2014 a hypothetical restaurant.We should decide to start implementing the project codes; if the test result was positive for more than 75% of participants. If the success rate was between 50% and 75%, we should go back to the design cycle and upgrade the design, and if the success rate was below 50%, we must re-idea to achieve new design examples.<\/p>\n\n\n\n
My Role<\/strong><\/h2>\n\n\n\n
User Experience Designer responsible for the app\u2019s design from concept to delivery, Implementing PWA design concepts in mobile and web app. <\/p>\n\n\n\n
As a UX designer, my job is to learn as much as I can about the users to design a valuable product that meets the users\u2019 real needs. One way to understand the requirements and motivations of the End-user is to hear directly from them. So, I interviewed eight (8) persons aged 20 and 60 years who understand ordering food online. <\/p>\n\n\n\n
I asked following questions <\/p>\n\n\n\n
Have you ever used and how often do you use online food delivery services?<\/li>
What deliver apps you usually use? why and why not?<\/li>
What’s challenge you encounter while using delivery app?<\/li>
when and where do you usually use food delivery?<\/li>
Can you talk me through the process you order food delivery online? <\/li>
What are the things you care most when you try to order food online? can you prioritize them? <\/li><\/ul>\n\n\n\n
The result of study<\/p>\n\n\n\n
7 out of the 8 participants said they are most likely to use a food ordering platform when they need a quick way to quench their hunger.<\/li>
7 out of 8 participants said they do not like platforms that are difficult to use.<\/li>
4 out of 8 participants preferred to pay for their food after delivery.<\/li>
One participant, who is not fluent in English, said they dislike text-heavy apps.<\/li>
1 out of 8 participants doesn’t like using the application because of the application’s accessibility issues. (consider people whit disability)<\/li><\/ul>\n\n\n\n
Why was this carried out:<\/strong><\/p>\n\n\n\n
Create deep empathy for our application and creating personas.<\/li>
Understand their pain points, mental modes, true needs and priorities.<\/li>
To find any possible assumptions as much as possible.<\/li><\/ul>\n\n\n\n
User Personas<\/strong><\/p>\n\n\n\n
Based on the report from the foundational study, I created a persona whose demographics, motivations, goals, and frustrations express the users’ requirements.<\/p>\n\n\n\n<\/figure>\n\n\n\n
User Story <\/h2>\n\n\n\n
<\/figure>
\n
purpose of user story is to articulate how a software feature will provide value to the customer, we used the following framework to unlock knowledge about end user: <\/p>\n<\/div><\/div>\n\n\n\n<\/figure>\n\n\n\n
User Journey Map<\/h2>\n\n\n\n
User journeys build off the personas, and user stories. Because user journeys can be very intricate, we create maps to organize the steps and outcomes from various journeys that users could take.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Competitive Analysis<\/h2>\n\n\n\n
I checked out some popular food delivery apps. I interacted with the platforms and read their customer reviews. It helped me recognize some weaknesses in the current solutions and opportunities for forming a better user experience. <\/p>\n\n\n\n
User Flow<\/h2>\n\n\n\n
To create an intuitive design, I mapped a user flow that prioritized recognition over recall. I did this by creating a path that is familiar to the users.<\/p>\n\n\n\n<\/figure>\n\n\n\n
wireframe <\/h2>\n\n\n\n
When the user flow mapped out, I then proceeded to wireframes. Several iterations of each screen were drafted on Balzamic to ensure that the elements that made it effectively addressed the user pain points. I prioritized ease of use and a quick ordering process for the all-screen to make the experience quick and stress-free.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Usability Study (Round 1)<\/h2>\n\n\n\n
To get insight into the app\u2019s usability, we bring 4 participants to test the low-fidelity prototype. By observing the participants interact with the app and hearing their thoughts using the think-aloud method, I identified problem areas in the app\u2019s design. We noted the results and used an affinity diagram to identify patterns.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Hi-fi clickable prototype <\/h2>\n\n\n\n
With the initial usability issues fixed, I created mockups and a high-fidelity design prototype.<\/p>\n\n\n\n<\/figure>\n\n\n\n
<\/p>\n\n\n\n
What is next? <\/p>\n\n\n\n
infinite loop of Usability test, Learn, Build. <\/p>\n","protected":false},"excerpt":{"rendered":"
![\"\"](\"https:\/\/www.amsvi.com\/wp-content\/uploads\/2022\/03\/ux-lead-process.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.amsvi.com\/wp-content\/uploads\/2022\/03\/As-2-1024x658.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.amsvi.com\/wp-content\/uploads\/2022\/03\/Screen-Shot-2022-03-14-at-11.34.38-PM-1024x260.png\")
<\/figure>\n![\"\"](\"https:\/\/www.amsvi.com\/wp-content\/uploads\/2022\/03\/Blank-diagram-1024x480.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.amsvi.com\/wp-content\/uploads\/2022\/03\/Blank-diagram-2-1024x482.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.amsvi.com\/wp-content\/uploads\/2022\/03\/Blank-diagram-3-1024x305.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.amsvi.com\/wp-content\/uploads\/2022\/03\/1pvgUYueOgmtSu1I2GF0DXw-1024x492.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.amsvi.com\/wp-content\/uploads\/2022\/03\/Screen-Shot-2022-03-15-at-1.25.30-AM-1024x201.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.amsvi.com\/wp-content\/uploads\/2022\/03\/freefood-app-03-1024x893.jpg\")
<\/figure>\n\n\n\n