With this project I was tasked with doing research on what some pain points are for people when they are shopping in a grocery store. My target audience to use for this study were people that are ages 25+. I pick that age reach because I feel that more people around the are of 25 would be more tech savvy and would be more likely to shop using a mobile app. Using some screening question, I found 6 people that would be great subjects for this case study. I'll then interview the 5 people selected from the screening question to collect the information I needed to create and design a grocery app that will help solve a common user issue.
Affinity Diagram and Site Map
After Interviewing 6 people and taking notes I compiled the user comments into an Affinity Diagram. I used this to see what were some common points between all users. Using this information I was able to determine that one key pain point that most users had when shopping in a grocery store is not knowing what to get while they are shopping. So I decided to design the grocery prime app to address this issue by having a feature that would suggest food recipes to the user as they added certain Items to their cart and if they decide to choose one of the suggested recipes then they would be prompted to add the other ingredients need for the recipe to their cart.
After this I created a site map that would lead the design process by showing the flow of how I wanted users to navigate their way through the app. The process starts on the home page and continues all the through until the user reaches the successful submission screen.
I hand sketched the initial concepts of my design. In order to make the recipe I though about just having a pop out that would keep the user one the same screen but the pop out would allow them to pick suggested meal item without leaving the page. But, I decided to just have them go to a whole new page and allow them to add meal ingredients that way, allowing them to select and deselect every ingredient that the user wants.
The wireframes are mostly in black and white scale. I added in the option to allow the user to login and created the log in page and included options to have the user login with an existing Facebook and Google account. Also included is a page that the user will be taken to if they try to check out that will tell them that their cart is empty. After the user completes the checkout process they will be taken to a successful order screen.
I was able to get some great takeaways from this project. I learned how to properly conduct create a survey and gauge potential people I could use for interviews. I also taught me how to make conduct the interviewing process and how to ask engaging questions to get the most truthful answers out of my interviewees. I also learned how to make site maps. This project was very eye opening and show me that just because I designed something doesn't mean that users will have the same understanding of the product as me. So after going through some user testing I was able to see how the test users interacted with the product and how I could redesign it and improve upon my concepts to make it more user friendly. With the final product I decided to go with a blue color scheme because I feel like shopping at times can be a very stressful. Blue is a very calming color and would make the user more relaxed while navigating through the app.
- Prototype using Adobe XD
- How to interview users
- making screening questions
- Finding a target audience for interviews and user testing
- User testing
- How to handle feedback and use it to redesign
- Designing for mobile applications
- Creating a site map
Adobe XD prototype link: https://xd.adobe.com/view/076ddf67-3d77-4c0f-ad4c-2b26d1d843e5-523e/