Chiold — Jun's Portfolio

02 CHI

💾 UI/UX

My Role: Research, Analysis, Product Design, Design Systems, Software Development, Project Management,Testing, User Testing

The Team:1 Designer/Product Manager/Developer
3 Developer

Timeline: 6 Weeks

Technology:Figma + Swift (XCode)

CHI is a mobile application that designed for people to monitor environmental factors in their lives. It utilises smartphone and smartwatch sensors to sense the environmental factors in users’ lives. We designed CHI to let people capture details in life, helping people live a better life.

Download App via Github ⏬

Backgrounds

Modern lifestyles involve indoor, sedentary routines and limited outdoor activities which negatively impact people’s mental wellbeing, but people frequently remain unaware of their exposure to essential environmental factors. This lack of awareness hinders individuals from making informed decisions to improve their wellbeing.

Many existing lifestyle apps track patterns in subjective behaviours like exercising and diet. However, they often overlook critical environmental aspects which are worthwhile to be further investigated by people.

Initial Thinking

Target User
General public who wants to monitor environmental factors to live better.

Research Method
Online Survey (Google Form)
Desktop Researches

Existing SolutionsExisting lifestyle apps emphasises on users subjective behaviours, rather than passive environmental factors and lack of user engagement.

What We Should Do?
A mobile app that records lifestyle patterns, providing personalised advice and journaling with photo and text features to improve wellbeing and engage with the app daily.

Research Insights

“I want to improve life quality, but I don’t know what I should monitor and alternate.”

“I gathered much data through devices, but I do not know how to interpret the data.”

“I want to actively track my lifestyle but sometimes I forgot to check them.”

Desktop Researches Have Led to the
Six Key Factors that Constructs Healthy Lifestyle

Problem & Breakdown

Problem Statement
How might we help users consistently track environmental factors to generate insights and provide advice for improving their life quality?

📡 Track Meaningful Environmental Data

Using smart devices’ sensors and wearable to record environmental metrics and visualise them.

🦾 Engage Users Continuously

Let users track lifestyle patterns in a persistent manner with journaling and notification.

💡 Transcribe Data to Insights

Interpret data’s meaning and how could users improve upon state quo.

Wire-framing & Testing

User Testing Insights

Design System

Font Choice

Thoughts behind Typography

Colour Choice

Icons
Thoughts behind Typography

Design Highlights

01 Dashboard

Pie Charts provide a clear 7-day overview. Fuller segment means higher scores.

Score is calculated through the six metrics

Tip bar offers advice based on users’ lifestyle score.

Summary tiles offer overview on users’ today status, users can tap to dive into individual status’s details.

02 Journey Page

Design Goals

Calendar showcases past days with journals. Users can swipe between months to view past stories. Dot was generated based on the typical colour of the image. Users can explore the journal through tapping the dot.

03 Insights Page

Insights page emphasises on 7 days average score, showing a trend to users and giving suggestions to improve.

Lifestyle factor tile shows the variation in the past 7 days with graph clearly.

Dashboard showing 7 day average score and giving suggestions to improve.

Emoji provides a vibrant overview, making users feel connected with the App.

04 Status Detail

Segment Control bar helps users select different views on time ranges when viewing data.

Different graphs are used to represent different types of data.

Actionable insights are given to users based on analysis of their individual lifestyle factor status.

Reflection

More User Researches before Design
CHI relies on smart wearables, which may not encompass all potential users. With more time, I could assess the penetration rate of smart wearables, enabling a deeper understanding who our clients are and their preferences. This would allow me to refine the UI design to better cater to their needs and tastes.

Smart Notification
iOS supports location based notification and time sensitive notification, which is useful to remind users of spending time in green space when they are wondering around.
Such feature is worth to be investigated and if more time was given, I could design a better notification system to remind users of achieving daily goals.

🤔