Designer, curious collaborator, and maker of ugly pies
custom illustration banner.png

Spice of Life

An Appetizing Approach to Goal Setting

 

TLDR;

I created an app concept called “Spice of Life” to help users plan and execute upon their life goals within a gamified, low pressure environment. As a UX team of one, I took the project from discovery and market research through to design, testing, iteration, and custom illustration.

 

CLIENT — Passion Project

TIMELINE — 10 weeks

TEAM — Team of one

ROLE — UX Research, UX, UI, Illustration

TOOLS — Sketch, Invision

 
 

Challenge

 

As a part of my UX Design bootcamp with General Assembly, my fellow students and I had the opportunity to design a mobile or web application of our choosing. Amid the struggle to balance life priorities like work and friends, I started with a goal that was personal to me - helping users find the time and mental space to pursue their hobbies.

Being a passion project, this project posed few constraints except for time. But ultimately, with the foundation of market and user discovery research as my guide, what started as a hunch around self-care evolved into Spice of Life, a gamified life goals planning app.

 
 

Approach

RESEARCH

 

METHODS

Coming into the problem space, I wanted to understand the habits of young professionals around personal hobbies, especially within the context of pursuing life satisfaction. I conducted quick discovery research with 4 people from my target audience, leveraging a research plan describing key project details and an interview script of open-ended questions.

Once I’d conducted and synthesized findings from my discovery interviews, I researched the landscape of self-care to continue building a research story. I put together a couple of personas to bring some human definition to the problem I aimed to solve, and arrived at a central problem statement. I then conducted a range of quick competitive analyses to identify a market gap in the self-care space.

 
 

Meet Emma 👋

A user persona created for Spice of Life

    • Age: 27

    • Tech Experience: Well-versed, daily Mac and iPhone user

    • Location: San Francisco Bay Area

    • Family: Unmarried in a committed relationship, no children

    • Education: BA in Economics from a top liberal arts college

    • Employment: Economic Analyst at a litigation consulting firm

    • Works outside 9-5

    • Unwinds with roommates after work by watching Netflix or chatting with her boyfriend

    • Makes time each weekend and throughout the week to prepare MBA applications

    • Enjoys exploring local restaurants and bars with her boyfriend and friends

    • Attends workout classes 5-6 times per month

  • (0 = doesn’t do this; 10 = does this very frequently)

    • Relaxing Personal Activities - 3/10

    • Socializing - 7/10

    • Life Coaching/Therapy - 7/10

    • Finding time and energy to resume activities that relax and fulfill her (e.g. cooking, reading, creative writing)

    • Reducing her overall stress level

    • Being productive when working toward her career goals

 
 
 

FINDINGS

I found in my discovery research that while 100% of users were concerned with personal fulfillment, 100% also experienced stress, exhaustion, and burnout that kept them from pursuing their interests. Their limited free time was dedicated to socializing & engaging in career-boosting activities they felt they “should” be doing.

Turning to market research, I found that studies indeed show high levels of stress in US adults, with the highest levels found amongst millennials and Gen Z. Stress levels were so high, the American Psychology Association came to refer to it as a public health crisis.

In aggregate, these findings brought me to the central problem I wanted to solve.

 
 

PROBLEM STATEMENT

Young professionals need a way to find time and mental energy for their personal interests, because on their own, social and after work routines don’t adequately manage their stress or result in optimal life satisfaction.

 

 
 
 
 

Honing in on self-care, I found the competitive landscape meeting a range of needs - habit trackers for those seeking a regimen, virtual vision boards for the dreamers, and interest-based social media platforms for outgoing folks. But nothing seemed to make life goal setting the priority in a low-pressure environment. Nothing mirrored the fun that this pursuit is meant to embody, while still making the end goal explicit: the challenging, energizing, rewarding pursuit of one’s personal passions. And what could be more appropriate to this end than a clear metaphor in the form of a game?

This is where Spice of Life came in, an app concept where users can fill up their plate with personal experiences and associate a deadline by which to achieve them. When a goal is complete, the metaphorical appetizer is consumed, nourishing the avatar’s soul. The app leverages gamification and enticing food visuals to create a low pressure, but sticky platform for users to plan and work towards personal goals – a place where users can self-motivate to start tasting the spice of life.

 
 

COMPETITIVE ANALYSIS A positioning map identified a gap that Spice of Life could fill in the self-care landscape.

 
 

DESIGN & TESTING

 
 

INITIAL DESIGN

I started concepting with pen and paper exercises, including crazy 8’s and paper wireframes. I decided that for the MVP phase, there was a core set of features users would need to set, track, and complete the goals on their plate:

  • “Plate” interface with preset appetizers

  • Hungry monster

  • Set timeline and experiences

  • Indicator of target date

  • “Complete” function

  • About and Contact Us sections

 
 

PAPER WIREFRAMES I started with a set of paper wireframes, which upon reflection, look pretty goofy, but got the point across.

 
 
 

TESTING

Having landed on a concept, I tested in several stages of the design process. I started with virtual card sorting to hammer down the information architecture. This would later help in mapping out the user flow. After informal hallway testing of my paper prototypes, I iterated on the designs and moved onto low fidelity wireframes. Finally, I conducted usability testing of a mid-fidelity prototype with a handful of users and iterated once again to land on an MVP.

 
 

PROCESS DEVELOPMENT

Testing was conducted in several stages of the design process, including card sorting, testing of informal paper prototypes, and usability testing with key task scenarios.

 

 
 
 

USER FLOWS As the concept started to take shape, an evolving user flow map made sure all user pathways were considered.

 
 
 

ITERATION

The initial Spice of Life designs featured a single timeline and a holistic plate. Based on card sorting results, a separate tab was created for users to configure their goal settings. Later on, in hallway testing of the paper prototypes, several users indicated that they needed help coming up with goal ideas. An “Explore” section was added in the low fidelity wireframing phase for users seeking inspiration.

Arriving at a mid-fidelity prototype, more formal usability testing revealed key opportunities for improvement to the app.

 
 
  • In response, the onboarding screens were significantly reduced.

  • To address this, the settings page was removed and the edit function was placed in the homepage.

  • In response, individual timelines were added for each goal.

 
 

Results

FINAL DESIGN

 

The last point of feedback was critical to where the final app concept landed. It shifted the product experience to an ever-full plate - an inherently stickier place for users to continually add and complete their goals. The final missing piece was to customize the app’s illustrations.

Spice of Life’s branding is approachable and encouraging, and ultimately, the MVP layout and user flow are meant to be simple. Having the app feature on-brand, custom illustrations felt critical to honoring its core identity. So, while the initial high-fidelity prototypes contained borrowed illustrations, the final prototype features my own Sketch illustrations and logos. Most notably, those illustrations include Ferbo the Monster clasping a heart, a nod to the soul-nourishing act of pursuing your passions.

 
 

FINAL PROTOTYPE The final design featured individual goal timelines and custom illustrations for a useful, usable, and desirable product experience.

 
 

REFLECTION

 
 

NEXT STEPS

This design process was admittedly brief, and there are a few near term edits that would ideally be made before the app made its way to the real world, for instance:

Expand functionality of “explore” section
Audit for accessibility
Introduce animations into prototype to breathe life into essential monster interactions

Some longer term nice to haves might include allowing users to customize their monster, interface and share with friends, and select and/or upgrade their appetizers.

 
 

KEY LEARNING

Even the briefest user testing can move a design concept forward by leaps and bounds.

 

 
 
 
 

LESSONS LEARNED

As my first UX project, I probably learned too many lessons to count throughout this process. But beyond learnings like how to conduct discovery research or build a prototype, one huge takeaway was in how even the briefest user testing can move a design concept forward by leaps and bounds. I also came to realize how collaborative product design is - an aspect to this discipline that I am hugely passionate about.