End-to-End Product Design
Team: Front End Developer, CTO
Role: Lead Senior Product Designer
Skills: Project scope, creative ingenuity, task and problem analysis, design thinking, requirements management, wire frames, user flow, interaction design, mock-ups, presentation, prototype development
Tools: Pen, Paper, Illustrator, Photoshop, Adobe XD, Draw IO
ITERATION 1.0 DISCOVERY
USER RESEARCH
1) Many users (i.e. addicts) have a regular meeting they attend
2) In an emergency, users need to find the next closest meeting
3) Addicts miss meetings because of misread important metrics like time, location, or type of meeting.
4) There are numerous types of users with different financial means
5) Addicts want many ways to get to a meeting
6) The first meeting can be the most important
7) Street addicts connect to meetings through other social services such as shelters
The Problem: The process of getting to a narcotics recovery meeting is overly complicated. Addicts need to attend meetings to maintain their sobriety yet sometimes they miss meetings through simple misunderstandings. There are various types and groups of meetings spread over numerous sites so search can be difficult and time consuming.
CORE QUESTIONS
Do addicts have access to smart phones?
Do I need an app?
What types of addicts am I serving?
What travel options can I make available?
What are common mistakes that addicts make when seeking a meeting?
What are the preferred travel options for addicts?
What is the correct categorization of meetings?
DESIGN
Prototype
VALIDATION
USER RESEARCH FROM PROTOTYPE : VERSION 1
1) Only scored 3.4 out of 10 on testing questions
2) Users want back buttons on modals
3) Clickable areas need to be more clear
4) Users want to filter on types
5) Integrate Lyft and Uber buttons for more travel options
6) Users want both map navigation AND textbox navigation
7) Less options per screen (separate out radius search and distance search)
REQUIRES NEW ITERNATION
ITERATION 4.0 — PREBUILD PROTOTYPE
(FINAL ITERATION)
USER RESEARCH FROM PROTOTYPE
Figma -> After Effects Prototype