Projects
Mental Health App
Overview
Disclaimer: This is a group project done for UW-Madison class: Design Thinking for Transformation.
"MyGlimmer" is an mental health app that helps people find little joys in our daily life. Many people feel overwhelmed and need some time to relax share our "glimmers" with other people.
Empathize/Research
During our research we found out there are four pillars of human flourishing- Purpose/Awareness/Connection/Insight. Then we empthasize with our users by creating personas of different kinds of students.
Prototype
Here are some prototypes we did before we transfer over to Figma.
Ideate
Then we created three "how might we" statements:
-
find meaningful connections with similar students?
-
help students recognize unused time fragments and push them to practice mindfulness?
-
make an app that helps students recognize and reframe negative thoughts into positive one?
Final Outcomes
We presented our peers/professors with the results, the comments were overall positive and they really liked the app. However, there were some issues that they were concern with. For example, they don't like how AI is a therapy or there were privacy issues when posting their "glimmers" onto the app. Then we iterate again and deliver our Final Pitch presentation toward the end of the semester. Click below to see our final prototypes or see our presentation!
Calendar App
Overview
Disclaimer: This is a group project done for UW-Madison class: Interaction to Design Studio
Many people have trouble managing their calendars and have issues in the past when scheduling their plans with friends, and co-workers. My teammates want to create an easier system to plan their events and customizaition with their calendars so that they feel better when using our calendar app.
Empathize
We conduct interviews from all sorts of backgrounds to gather data on how they use their calendars and see if there are any pain points so that we can solve them for our project.
Ideate
We created "how might we" statements and we ended up with "How might we create a calendar to be customizable and personalization?" Once we come up with our statement we brainstorm ideas to create a solutions to our problems.
Wireframing
Once we are done testing on different users, we implemented our final prototypes to Figma to create navigation and wireframes. When we are done, we want our users to see an overview of the entire week, search for events, swtich back to daily view, share the calendar with friends, add events, return to home screen, and able to identify icons. Click down below to see our final prototypes in Figma!
Define
We used an affinity diagram to map our the users' difficulties to find common patterns by sorting and grouping information. While doing so, we identified six main categories that help us to identify our top five users' needs.
Prototype
We each created storyboards to show sequence of images that demonstrated our design ideas and told a story how our user interacted with our design in a particular scenario. Then we created paper prototype of our app and we each tested it on different people to see what went well and how things did not plan out.
Final Outcomes
This app includes a simpler sharing method and editing calendar screen allowing users to personalizae and customize their interface for what works best for them. While doing this project, I learn about users' needs, behaviors, and perspectives. I never knew what constraints they have when planning their schedules and each step of the design process has challenged me think critically and creatively. Click below to learn more details about this project!