CONTENT
INTRODUCTIONFINAL RESULT
DESIGNKEY TAKEAWAY

Joy OS

JoyOS introduction Screen: "An OS designed with you in mind. JoyO(u)S promotes mindful and meaningful interactions through more thoughtful and kind experiences.
Team Members: Cindy, Judy, Kayla, Kristine, Ruolin, Steven
Software: Figma

Objective

The objective of JoyOS is to create an OS that tackles phone addictions and mindlessly using one’s phone. By introducing applications that does not have addicting and confusing interfaces, we encourage users to form a more meaningful relationship on their phone- they are on their phone when they need to be.

My Role

  • Co-designed notes and calendar app
  • Provided design feedback for other apps
  • Conducted initial user research

Final Result

We decided to include a Notes app into our OS because of how this app can be used to benefit one’s mental health.
Notes Landing ScreenNotes Daily Reflection Screen
Notes To Do List ScreenNotes Folders Screen
With the Notes app, one can reflect and declutter their mind with the ‘Daily Reflections’, keep track of important tasks with ‘To-Do Lists’, and organize their thoughts with the ‘Folders’ feature.
We decided to incorporate a Calendar app into our OS because of how this app can be used to benefit one’s relationship with mindfulness.
Calendar Dashboard Screen
We decided to include countdown timers and upcoming events so users see events that they are looking forward when they first open the app.
We integrated a system that puts in desired mindful activities into the user’s calendar to help them build mindful habits.
Calender Mindfulness Activity Survey Screen 1Calendar Mindfulness Activity Survey Screen  2
Calendar View Screen 1Calendar Agenda Screen
Other calendar screens

Research

User Personas

Chad's persona. His pain points are: resisting nudges to check phone, spending too much time distracted on phone, seperating work related content with personal contentBethany's Persona. Her pain points are: anxiety and feelings of inadequacy from checking social media too much, spending less time socializing in real life versus online, spending more time on her phone than on homework.

User Research Insights

After conducting 6 interviews and 3 surveys:

Convenient

Phones are easy to use, have many useful functions, and help users communicate with others.

Distracting

There are so many outlet users can spend time on, and it’s easy to get suck into using apps to kill time.

Balanced

A more mindful relationship would be a better balance of time on your phone, and time away from your phone.

Design

Note Taking App

Mid Fidelity: 1st Iteration

Notes Low Fidelity Folder Screen
Team Feedback
  • Include a toggle somewhere in the top, so users can change the view between list and grid view.

    This is an industry standard feature that improves usability of product based on user's preference.
  • Include the number of notes per folder.
Notes Low Fidelity Daily Reflection Screen
Team Feedback
  • Create more screens to show a more thorough process of creating new note by allowing users to choose different templates, etc.
Notes Low Fidelity To Do List Screen
Team Feedback
  • The format is confusing, making it hard to use
  • Instead, turn the format into a checklist.

    Users will also feel fulfillment after checking something off their lists.

Mid Fidelity: 2nd Iteration

Notes Mid Fidelity Dashboard Screen
Notes Mid Fidelity Folders Screen
Team Feedback
  • Add a way for users to get to folders screen.
  • Add a feature that allows users to customize their folders.

    This will make the app feel more personalized, creating a more meaningful relationship between the user and their device.
Notes Mid Fidelity Daily Reflection Screen
Team Feedback
  • Use color with intention since users will unconsciously associate color with features
Notes Mid Fidelity To Do List Screen
Team Feedback
  • Use larger icons and space out content because right now it is really clustered

    This makes the app less accessible due to its clustered format is reducing its usability and increasing its cognitive load
Notes Mid Fidelity To Do Task Creation ScreenNotes Mid Fidelity Add Screen

High Fidelity: Final

Notes Final Folders ScreenNotes Final Home ScreenNotes Final Favorites ScreenNotes Final Daily Reflection Screens
Notes Final Add ScreenNotes Final  To Do ListNotes Final  To Do Task Creation

Calendar app

Mid Fidelity: 1st Iteration

Calendar Low Fidelity Dashboard Screen
Team Feedback
  • Add a feature that serves as a reminder for important events
Calendar Low Fidelity Adding Screen
Team Feedback
  • Leverage Google Calendar for inspiration for implementing a schedule-based mindful activity
  • Goals is unnecessary for this app since the health app already includes a goal tracker
  • Center the buttons
Calendar Low Fidelity View ScreenCalendar Low Fidelity Specific Calendar Event Screen

Mid Fidelity: 2nd Iteration

Calendar Mid Fidelity View Screen
Team Feedback
  • Create an agenda that would show different views: daily/weekly/ etc.

    This is an industry standard practice amongst calendar apps. Through incorporation of the feature we are improving usability and personalization of the app. This increases user retention as this would discourage users, who seeks different views, from downloading and using another calendar app.
  • Make the dashboard the first page of the app since the dashboard includes a rundown of the day.
Calendar Mid Fidelity Dashboard Screen
Team Feedback:
  • Change the name from "dashboard" since it’s not really fitting
  • Add graphics to make this screen more interesting
Calendar Mid Fidelity Adding ScreenCalendar Mid Fidelity Specific Calendar Event Screen
Calendar Mid Fidelity Countdowns Screen
Team Feedback
  • Remove the custom countdown page because we will not be including that feature
Calendar Mid Fidelity Create Countdown: Choosing Date ScreenCalendar Mid Fidelity Create Countdown Screen
Calendar Mid Fidelity Mindful Activity Screen
Team Feedback
  • Make this mindful activity survey more interesting, engaging, and detailed.

    By making the survey more interesting and engaging, user completion of the survey would increase. Additionally, by having a more detailed survey, users are able to personalize their activity more towards their needs.

High Fidelity: Final

Final Dashboard ScreenFinal Agenda ScreenFinal Calendar View ScreenFinal Mindful Activity Survey ScreenFinal Mindful Activity Survey Screen 2

Key Takeaways

Summary

In today’s world, a lot of people have an unhealthy relationship with their phones. However, we agreed that ‘staying off your phones’ isn’t a solution to this problem. In order to combat with the rising problem of phone addiction, it is important to create an environment, or OS in this case, that would foster its users to have a  more meaningful relationship with their phone. To elaborate upon this idea, this OS would encourage its users to use their devices with purpose- no meaningless scrolling or blankly opening the same 3 apps over and over again. This OS would also focus on incorporating features that users can use to improve their mental health.

Challenges

This was the first time I worked with other designers on a project with no design lead. It was interesting and quite beneficial, however it was challenging due to how different designers had different ideas of how an app should look like or include. Since there is no design lead, as a team we had to agree on which features and design decisions should be included.

Lessons Learned

I have learned many design basics during the course of this project- such as color consistency and purpose. I also learned much more about Figma and the features it provides. A key lesson is to explore the apps I use more and be more design conscious of the decisions they made. Many apps include features to combat phone addiction and resources for people’s mental health that I did not know about previously. Also a lot of these apps also uses design decisions that keep users longer on their app. It is critical to understand these so I could reference them in future design projects and be more mindful of my behavior when I use my devices.

( ᵔ ᵕ ᵔ) More UX work  ⋆  ₊ ˚ ⊹ ♡

The Seats
gamifying civic engagement
a smart automated dispatcher
Glow AI
various mental health products
find a doctor who cares