Smoking Cessation App UX.UI Design
Quit Smoking with Loved One’s Support
Overview
I participated in ArtCenter’s IxD course project, where our assignment was to develop a system of products that support goal achievement. Our mission was to create a digital system that engages people in ongoing interactions and conversations to motivate them.
In my role as a UX designer, I was involved from the initial concept phase to the creation of high-fidelity visualization.
The Grip is a system of products that aims to help smokers quit smoking gradually with the support of their loved ones.
My Role
UX Designer I ArtCenter College of Design
Research & Strategy, User Interview, User Scenario, Product Design, Prototype Development
Team
Part of a IxD team project consisting of 2 UX designers, and 2 Product designers.
Duration
14 weeks
Problem to Solve
Quitters easily lose motivation and determination.
( Market Research )
Our Solution
The system helps users create and keep on track of the gradual smoking cessation plan. It works as an intelligent supervisor that the quitter can talk to or negotiate with.
Daily and Full Plan Management
The system aids quitters in planning one step at a time and strategically selecting smoking times and cigarette quantities for specific days.
Performance, Negotiation, and Progress Hub
While everyone makes mistakes, it's important not to let them discourage quitters. Quitters can negotiate with the system to smoke cigarettes beyond their daily plan.
The system involves a supporter, improving communication, interactions, and trust between the quitter and the supporter.
Quitter Information and Suggestions Hub for Supporters
Supporters can receive alerts, notifications, and suggestions, and save them for future reference, fostering a healthy supportive role.
Conversation Request and History View
Request a conversation with the supporter, and the system will handle scheduling, recording, and analysis. Past conversations can be reviewed with graph-based analysis and insights.
WORK PROCESS
Planning project timeline
Reimagining smoking cessation
Our team recognized the need to support individuals quitting smoking by emphasizing community support features and developing a user-focused, iterative approach.
RESEARCH
Discover opportunities
Understanding user motivations
We interviewed successful quitters who cited the support of their loved ones as their primary motivation, yet still struggled with communication.
( User Interview )
Finding market opportunities
We analyzed competitor apps for smoking cessation to identify new opportunities. We found that the competition was lacking both gradual and supportive aspects, which we have chosen to focus on.
DEFINE
Developing empathy for both quitter and their supporter
Defining user needs through personas and journey maps
I developed quitter and supporter personas to define their needs, pain points, and goals. It was important for the service to find the right balance for both types of users in terms of distance and sharing information.
( User Personas )
In creating a week-long quitting journey, I focused on addressing the emotional needs of quitters, including their anxiety about progress and potential emotional breakdowns after minor slip-ups.
( Journey Map )
Synthesizing Insights for Feature Development
Based on research and persona creation, the team identified common needs, brainstormed solutions, and developed service features.
( Affinity Diagram & MosCow Chart))
Our project mission
Grip represents commitment and determination. We believe it will help smokers quit gradually and bring quitters and supporters closer.
( Mission Statement & Design Criteria )
IDEATE
Structuring the platform
Real-Time Support System for Quitters and Supporters
We developed a system featuring a wearable device for the quitter and a syncing app for both quitters and supporters. The ring assists the quitter in tracking detailed real-time data.
( System Diagram )
Information Architecture and Prototyping
We created an information architecture focusing on three main tasks: home page, plan, and conversation pages, with distinctive features for quitters and supporters. Then, we sketched low-fidelity prototypes of key pages to visualize the features.
( Information Architecture )
PROTOTYPE & DESIGN
Visualizing a user centric experience
Understanding what users find intuitive, and why
We role-played as quitters and supporters, creating a paper prototype to capture initial ideas. Then, we refined these concepts using interactive digital low-fidelity designs. This iterative approach ensured a thorough understanding of user interactions and precise planning of detailed pages.
( Low Fiedelity Prototype)
Based on low-fidelity testing, we organized each user’s interaction by analyzing their taps and swipes on both the mobile app and wearable device, ensuring consistent interaction and visual for both platforms.
( User Flow)
Establishishing Design Language
We iterated on visual designs to visually articulate Grip’s brand and provide a visual language that is spirited, companionable, and comforting. We chose a predominantly green palette and rounded components.
( Graphic Iterations)
Button
Button
Button
Button
Buttons
Icongraphy
Tints and Shades
Logo
Typography
Primary Color
( Design System )
( Graphic Application )
FINAL DESIGN
Love makes miracles happen
FINAL OUTCOME
Gaining users feedback
Measuring success matrix
Our team revisited the interviewees and asked a total of ten potential users to measure the product's success in user experience and satisfaction. After reviewing the product, they provided positive feedback.
REFLECTION
My take away from the journey
👊 Project challenge
Designing an app for both supporters and quitters was challenging, requiring a deep understanding of both user perspectives and empathy. Despite skepticism from some smokers about support from loved ones and concerns about oversharing information, I believe this project could be the first step towards showing how AI systems can help people connect better and improve communication.
📝 What I learned
At first, the project included several hardware devices. However, after receiving feedback, we decided to simplify it by focusing on the app. This helped to reduce costs and widen the user base to include remote users. I realized the significance of listening to feedback and implementing necessary changes to achieve better results.
👉 What’s my next steps
Develop further by researching technical capabilities for capturing quitter-supporter conversations and enhancing the AI to balance these interactions with more detail.
