UI/UX design, Data Visualization
How to make the app ’s body monitoring data easier for users to understand?
Snail Sleep is an app that monitors the user's sleep with a smart pillow. How can we redesign the visual design of the data to make it easier for readers to read?
Duration
Oct 12 - Nov 09 2017 (3 weeks)
Tools
Sketch, Illustrator
Category
UI/UX Design, Data Visualization
Goal
Data visualization and UI/UX redesign
About Snail Sleep
Company: Seblong Technology (Beijing) Co., Ltd.
Like a sleep mate, Snail Sleep lets user know more about their sleep and health, improve people’s sleep efficiency, and feel fresh very morning. It is especially useful for people suffering from Insomnia and sleep disorder. Snail Sleep is fully integrated with Apple Health. This means user can easily upload the sleep data to Apple Health (optional) and view from the Apple Health app. The app was launched in 2016-10-11. It is highly ranked in at least one country, and is also one of the more popular apps in the Android ecosystem with more than 100 thousand installs.
Current App Analysis
Technology Sector
Algorithm and Development
Snail Sleep algorithm has gone through many rounds of rigorous lab testing. Results were compared with professional electrocardiogram (ECG) and electroencephalogram (EEG) to ensure correctness.
Snail Sleep Smart Pillow
Snail Sleep Smart Pillow monitors and analyzes users’ sleep conditions, records sounds when people were sleeping, plays music by bone conduction headset, stops play music when you were into deep sleep and wakes up at light sleep.
Hypnosis Music
Cooperated by sleep scientist and outstanding musicians, during lots group of different aged volunteers test, to get better sleep by hypnosis music.
Bone conduction speaker
The Bone conduction speaker converts sounds into different vibration frequencies to human skull, the inner ear lymph and auditory center, to achieve the acoustic transfer. So while listening to music, it would not disturb people nearby.
Data Being Collect
Report
Daily report
Weekly report
Monthly report
Data collected from report
Sleep time
Sleep efficiency
Time to fall asleep
Restless sleep
Sleep cycles
Light /deep sleep
Bedtime / wake-up time
Awake time
Sleep score
Noise level
Times of turn over
Sounds
Dream talks
Environmental noise
Snoring
Snoring time
Duration of snoring
Frequency
Current App Structure
Original UI Design
Typeface
English: Helvetica light Chinese: 苹方PingFang
Icon sets & Colour palette
Color transitions were one of the biggest trends at that time. Beginning in 2016 and growing quickly after, big names like Instagram decided to change their logos and images from a flat color to a multi-colored transitions. From logos to buttons or picture overlays, this trend is everywhere.
Competitors in the Market
ZEEQ Smart Pillow
ZEEQ will help you fall asleep by allowing you to listen to music through the pillow and letting you choose music from your favorite sources. You can set a sleep timer in the app so the music will stop automatically - that way you can focus on sleep. They have even created some new relaxing tracks (some even using binaural beats) to help you fall asleep faster and achieve even more restful sleep.
ZEEQ links to a smartphone app, so you can see your sleep data, including your Snore Score. If you want to take it a step farther, the app can help you track your diet, exercise and other habits to analyze how these factors effect your sleep, so you can make changes toward more restful slumber.
Sunrise Smart Pillow
Sunrise Pillow to revolutionize your mornings and your nights. It’s simple to use, ultra-comfortable and wakes you naturally. With the Sunrise Pillow's Deep Sleep technology for nights & Sunrise Alarm to start your day, you can effortlessly improve your body's sleep & wake hormones thanks to the power of science & technology.
Gyroscope & Accelerometer can detect movement with precision. RGB LEDs simulate the natural sunrise and wake you vibrantly. Microphone in your Sunrise Pillow is ultra sensitive. It analyzes your breathing patterns, detects snoring and noise disturbances through the night. Bluetooth LE to easily change settings, update your Sunrise Pillow's alarm or adjust your sunrise experience. Waterproof internal components are housed in a durable waterproof enclosure.
DATA VISUALIZATION REDESIGN
1. Discovery -dream talk-
On this page users can explore others dream talks, also upload their own dream talks.
Current Design
The hierarchy of the information is not appropriate, the ‘Explore dream talk’ should be the priority information to the user. The text are hard to read, require second click to view detail page.
Inside ‘snail Mail’ is an online store for snail smart pillow. ‘Online store’ is better remove from Discovery feature.
Redesign
The ‘online store’ has been removed. Instead of click lots of buttons, I put a filter to make it easier to access.
2. Discovery -Healthy Sleep-
Healthy Sleep including bedtime articles, stories and forums.
Current Design
The hierarchy is disturbed by colors. Colors are too bright for reading.
Redesign
Articles are organized by user’s interest. Colors are unified and darker.
3. Daily Report
Current Design
The graph and sleep score is hard to read.
Redesign
The graphs are enlarged. Timeline and the sleep score are more readable with larger texts and graphs.
Sleep scores are more readable.
4. Daily Report -Data Visualization-
Redesign
Color transition make graphs more modern and eye-catching.
5. Weekly Report -Data Visualization-
Current Design
Stacked bar chart can only read overall proportion of each category.
Redesign
Data is more clear on the radar chart.
Color transition make graphs more modern and eye-catching
Conclusion
Overall, Snail Sleep is an excellent app with modern design and pleasing colors. Compare to other competitors on the market, Snail sleep has better design and unique features such as the dream talk community and bedtime articles. The app is also supporting multiple languages to users with different cultural backgrounds. However, the hierarchy of information could be improved.