CliMood: UX Design and Full-stack Development

CliMood == Climate + Mood

Klimood is a mood tracker that compares your mood to the current weather. You can also view your mood history and see how the weather affects your mood over a long period of time.

PERSONA

I created personas for 4 people I care about. From a graphic designer’s perspective, the traditional persona format is not very visual friendly. It contains too many text and unrelated information. Instead, I created this more “poster-like” personas for each of my users.

 

 

Goals:

  1. Have people evaluate their mood everyday.
  2. Raise awareness about mental health.
  3. Visualize the mental status of a group.
  4. Help individuals or groups to better understand the mood trend over time.

Potential Users:

My prototype users: ITPers

  1.  Schools
  2.  Enterprises
  3.  Events
  4.  Tourists
  5.  etc…

USER FLOWCHART

flow-chart-e1525364221256.jpg

 

UI DESIGN

 

show2

 

DATABASE AND SERVER PROTOTYPE

I used Node.js, Ajax, SQLite, and MongoDB to build a functional web-based prototype for this project.

 

 

 

Interface link: p5js.org/full/r1XaayCgG

Github link: https://github.com/effyfan/DWD/tree/master/final_CliMood

USER TESTING

My intention is to install this interface in a public space for a certain group of people to input their mood. On December 7th, 2017, I put the interface up in front of the elevator where people enter and exit ITP and recorded how people interact with it. Here is the documentation video:

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s