Experience & Interface Designer
GoodMarket-intro@2x.jpg

GoodMarket Delivery App UX

GoodMarket-intro@2x.jpg
 

Overview

This app design was the main assignment for my unit of the Interaction Design course offered by Designlab, which I took as a way to continue to grow my skillset in interaction design processes and mobile experiences.

The core objective was to conceptualize a delivery app for a local chain of Bay Area grocery stores, targeted at busy young professionals in the area, to solve the problem of the local grocer losing market share to competitors that offer app-based delivery. This case study features key assignments from the course, as we developed the deliverables and artifacts showcasing our practice in stages of the design process, and the journey to the final result.


 
 

Goals and pain points
In order to gain a deeper understanding of the business and customer requirements, I listed out the goals and pain points for each, based off a short client brief.

 
goals@2x.jpg
 

Context of use scenarios
To describe why the user comes to the product, and what tasks they will complete to accomplish their goals, I filled out answers to a series of questions based around a common user scenario.

 
GM-scenarios@2x.jpg
 

Competitor analysis / landscape audit
I looked at existing products that are similar to or in competition with the GoodMarket app, in order to learn what solutions exist, what works well, and what can be improved.

 
GM-competitors@2x.jpg
 

Card sorting exercise
To help determine the organization of content within the app, I performed a card sorting exercise with two participants in our “busy professional” target audience. I created cards for 20 grocery items and asked them to categorize them, and then name the categories.

 
GM-cardsorting@2x.jpg
 

IA diagram
To give the app it’s basic structure, I then created a sitemap based on ideation of the features that would best suit the business and customer goals for a pilot launch.

 
GM-IAmap@2x.jpg
 

User flows
I then created flow charts showing the user’s path through the app to complete these two primary tasks. This helped to define the necessary screens and states I would need to account for in the wireframe phase.

 
GM-userflow@2x.jpg
 

Wireframe exploration
As the final unit in the course, I was tasked with designing screens based on the two primary task flows. I laid out the basic structure of each screen needed to complete the tasks, and comped in what would need to be shown on each screen.

 
GoodMarket-wireframes@2x.jpg
 

Conclusion
Even though my bandwidth for this course was limited, this assignment was valuable, as it helped to further internalize the typical design process, by slowing down and working through the initial steps to learn about and document the needs of the business and customers, and gather user input, before jumping into ideation and design.