After finishing the course, I returned to the project alone to redesign the interface and strengthen my front end development skills by fully implementing the app. While we had a rough skeleton in React Native with some of the basic pages set up, the aesthetics and functionality were far from complete.

I developed in React Native and Expo, adding Firebase for cloud storage, and continued adjusting the UI design based on usability heuristics. I identified some key design changes and additional features and worked methodically to bring our prototype to life!

New features:

UI Changes:

In moving from the paper prototypes to a proper Figma prototype, we incorporated simpler navigation and narrowed questions as well as some larger changes:

Changing the home screen to prioritize users viewing all mementos at once, to allow more holistic reflection

Using color to distinguish between different visions in the new home feed

Combining all the memento types into 1 for a streamlined process.

We conducted further user testing with this prototype and completed a thorough heuristic evaluation to identify more spaces for improvement.‍

This prototype and its associated heuristic report from the user interviewswas the deliverable for the course and was presented at the class expo.

My group ended up winning an award for achievement in our category of behavior change for everyday life!

Our first pass at prototyping the UI involved a home page that displayed all of the user's visions in a list. From there, users could click on a vision to see the respective memento feed and track their progress toward that goal.

We imported our sketches into Figma to add interactivity, then conducted user testing over Zoom with new participants to identify friction points in the UI and any points of confusion to streamline our user task flows.

Some important takeaways from our low-fidelity prototype were the importance of effective navigation and offering simplified choices (for example, in the new memento buttons) to better guide users.

Another important challenge that we noted when moving on to the medium-fidelity prototyping was that users felt overwhelmed by the reflection questions and didn't quite know what to write.

Before kicking off our thumbnail generation and prototyping, we began by defining some key in-app vocabulary to guide our ideation.

Visions - long-term goals and aspirations

Mementos - individual units tracking progress towards a vision

We began with broad brainstorms, going wide and incorporating fun potential themes like plants and galaxies before narrowing in.

In the end, we came to a guiding interface idea: a feed, but without the social media. This interface was a clear choice because it was familiar and intuitive experience for users, it lent itself well to tracking chronological progress with smaller components (i.e. posts/tweets)

With this framework in mind, we started sketching out low-fidelity versions of the task flows.

Our interviews and experience protoypes helped us narrow down what helped people shift the way they approached productivity: long-term goals, reflecting on positive memories, and defining emotional goals.

As we set out towards our final product, we defined three key tasks that we wanted our product to achieve, using these as our north stars throughout the prototyping process. If our users could do these things, we would consider our solution a success! Notably, we define that wanted our users to be able to...

1. Define long-term goals.

Help users set growth-oriented personal goals

2. Track personal progress

Help users contextualize their achievements while minimizing stress

3. Practice personal reflection

Help users center gratitude and reflection to improve self-perception and general optimism

Outlining these user goals helped us define a clear north star as we delved into sketching thumbnails.

For each of our top HMWs, we ran another cycle of brainstorming and voting to generate a potential solution to each. To test our hypotheses, we asked a new set of participants to engage in a variety of experience prototypes, separated from any apps or wireframes and instead centered on specific exercises.

From these prototypes, we collected some key insights to inform what kind of experience we wanted to provide for users:

Being asked to set long-term, future-oriented goals boosted internal motivation.

Being asked to reflect on positive memories helped participants feel more optimistic.

Being asked to define emotional goals helped participants to feel better about doing things that weren't "strictly productive"

From these initial interviews, we narrowed our interview guide and conducted a second round with new participants, this time asking participants more specifically about their relationship with productivity and control.

For each of these interviews, we generated a wide variety of "How Might We" statements, then voted for our favorites to better define our problem space:

HMW decrease people's reliance on external motivation through contextualization?

HMW help people to better focus on what's in their control rather than what's out of it?

HMW shift focus to HOW to achieve a goal rather than WHEN to achieve it?

We began by interviewing a wide variety of people about their daily habits, starting by simply asking each person about their routines and pursuing anything that piqued our interest.

In choosing our interview participants, we specifically sought out participants that were outside of our own realm of experience: older and younger than us and separated from the unique culture of stress and achievement at Stanford.

We created an empathy map for each interview to help us identify any surprises, harmonies, and tensions to reveal potential problem spaces:

"Part of my self worth is based on productivity; I don't know if that's an internal or external force."

Our interviews helped us realize the importance of the dynamic between actual productivity and self-perceived productivity, allowing us to narrow our POV to address people struggling with feelings of aimlessness and lack of control when targeting long-term emotional goals.

This project was created for CS147, a 10 week intro to HCI course. I worked with a team of 3 other students, winning an award within our project category of "Behavior Change for Everyday Life". Following the completion of the course, I returned to the project in my own time to redesign the interface and to implement extended features.