Scope

• 5 Metric icons used for Webpage, Info material, Software applications,…

• Sleep quality
• Alertness
• Speed
• Fatigue
• Wellbeing
• 2 Screens for Employee App (Smartphone background)
1. Overview
2. Sleep score with trend

Version: 06/07/2021

1
QA Design
• Font Logo: Avenir next
• Fonts (tbd)

E7E6E6

2
 Metric Icons Requirements:
- 1 x Icons monochrome (E7E6E6) +
Sample icons background field (0C8BA6)
Sleep quality - 1 x Icons monochrome (35A2B8) +
Description: Ensures restful and restorative sleep. transparent background
Gives you the essential physical, mental, and emotional - Simple icons with not too much
benefits you need. details
- Colors should be easy to change
Alertness
Description: General state of cognitive readiness. - Provide files as .svg (or other vectorial
Being ready to see, understand and act. format)
Speed
Description: Cognitive speed. Ability to process information
Note:
rapidly.
- The provided icons are samples only,
Fatigue we are open for alternatives
Description: Physical and/or mental exhaustion. - the metric descriptions are only to
Reduces your ability to perform activities effectively and safely. help finding a suitable icon
- See next slide for an example how
Wellbeing
Description: Live is going well. Healthy work life these icons will be used on a website
balance, life fulfillment and positive functioning.
3
Example how icons are use on a webpage

4
How are you today?
Smartphone Screen 1
Sleep quality Score = 92, with blue arrow indicating +12
Note: see last
slide for latest
Speed Score = 84, with blue arrow indicating +9 score version and
Speed
details how the
score visualization
Wellbeing Score = 80, with blue arrow indicating +5 is build up

Fatigue Score = 20 (out of 100)

Fatigue 20 Adjust colors and please also think of an alternative visualization option
for negative scores (the lower the score the better) so it fits better into
the overall picture and logics
 Sleep Quality Smartphone Screen 2
over the past 7 days

Note: see last

slide for latest
score version and
Your sleep score is rising. details how the
score visualization
Adherence to your sleep goals
is build up
improves and sleep duration
stabilizes. Line and number indicating average over
the past 7 days = 84

100 Circles indicate the sleep scores over the

90 84
80
past 7 days. Score values should be
70 approx. the same as indicated here.

Indicate with dots that there are 2 sleep quality

pages. This is 1 out of 2 > wipe to the left to get to
the second page (details)
6
 Metrics Visualization
Full grey cycle = Score of 100 (max)
Half grey cycle = Score of 50 Positive Negative
etc. score development score development

Number & Arrow head =

Score reached in selected
period

82 53
Arrow = Change in score
between previous and
selected period
Neg. change: red arrow
Pos. change: blue arrow
Note: Please suggest final colors and dimensions
7