www.company.com
1
Do only
what you
love.
There are many variations of passages of
Big Daddy available, but the majority have
suffered alteration in some form, by injected
humour, or randomised words which don't
look even slightly believable. If you are going
to use a passage of Big Daddy.
AIDA
Design a seamless
solution for AR glasses
www.rokid.com
GONGLUE JIANG
Chief Designer
About Rokid
Established in July 2014, Rokid is based in
Hangzhou, China, with research centers in
Beijing and San Francisco. We are an
innovative technology company specializing
in Robotics, AI and AR. We aim to provide
superior user experience powered by AI
technology.
www.rokid.com
AI HCIx
Human-Computer Interaction
www.rokid.com
Command line
www.rokid.com
GUI
www.rokid.com
GUI + Touch
Voice
www.rokid.com
Vision
www.rokid.com
AI HCIx
www.rokid.com
Start from HCI
www.rokid.com
See what you see
www.rokid.com
Listen
Speak
See
Mixed Reality Sound
Effortless VUI
Ubiquitous GUI
Best position
for HCI
Face Recognition Voice Recognition
www.rokid.com
Head gazeTouchpad
XUI
www.rokid.com
We do AR is not because of AR.
We do AR because it’s the best carrier for
AI x HCI technology.
www.rokid.com
Industrial Design
www.rokid.com
Design DNA
www.rokid.com
Optics Design
www.rokid.com
Prototype
Streamlined
Slim
Sunglasses look
www.rokid.com
Unobtrusive
www.rokid.com
PARIS FAN
UX Researcher/Designer
Humongous hardware
Personalized wearables
No industrial standards or existing guidelines
www.rokid.com
Why Ergonomics
579g
514g
345g
20-30g
Hololens
Pimax
MagicLeap
Sunglasses
370 gram (plus can) =
Weight.
VR/AR Faces
Significant red marks shown on forehead and both side of the noses
www.rokid.com
Image Source: https://twitter.com/jldtweets/status/734772296884183041
Image Source: https://www.kitguru.net/tech-news/featured-announcement/jon-
martindale/oculus-rift-virtual-reality-headset-full-review/5/
Understanding glasses
Understanding heads and faces
Combine
www.rokid.com
How to Solve it.
D
E
B. Angle between temple and rim
C. Temple length before curve
D. Back of the ear curvature
E. Temple arm end
A. Nosepad
A
B
C
Weight
Pressure
Points.
Cross-cultural Study
Captured both asian and caucasian heads
www.rokid.com
www.rokid.com
Asian
Caucasian
Head Shapes
Head shape varies between Asians and Caucasians
Image Source:https://www.sciencedirect.com/science/article/pii/S0003687010000335
Pupil
Nose vs
Pupil
Nose
Angle
Caucasian nose root the same /above pupils Measurement base for distance between
lenses and eyes
High nose root position
Nose
Bridge
Head
Width
Forehead vs
Pupil
Temple
Length
Glass width Pronounced forehead Between pupils and ear root
Bottom to Top View
Side View Combined
ergo
with
ID design
Glass Weight Measured
Imprint
in progress
Imprint 3D
Scanned
Nosepad Area
Captured
Step 1 Step 2 Step 3 Step 4
How much of the nose pads is really touching your nose?
www.rokid.com
Nosepad
Imprint.
Conclusion.
www.rokid.com
QI XIONG
Prototyper(AR/MR)
www.rokid.com
UranusUranus
/ˈuːʀanʊs/
A	toolkit		
to	bring	automate	to	the	ergonomics	for	head-mounted	wearable	design:	
•Average	Face	Generator	
•Face	Structure	Analysis	
•Section	Analysis	
•Data	Organization
The Average Face
Image credits: Jeroen van der Most
www.rokid.com
SCANNING RESULT STRUCTURAL ANALYSIS RECONSTRUCTION
www.rokid.com
SCANNING RESULT STRUCTURAL ANALYSIS RECONSTRUCTION
www.rokid.com
www.rokid.com
Pupillary Distance
Head Width
Pupil to Forehead
Pupil to Nose
Layer 1-1
Layer 2-2
MAPPING FROM 2D TO 3D
www.rokid.com
SCANNING RESULT STRUCTURAL ANALYSIS RECONSTRUCTION
Raw Data Structure Intersection Regression Result
Raw Data Structure Intersection Regression Result
www.rokid.com
SCANNING RESULT STRUCTURAL ANALYSIS RECONSTRUCTION
www.rokid.com
www.rokid.com
www.rokid.com
www.rokid.com
CHUQING SHAO
UX Designer
NAN WANG
Senior UX Designer
XUI X HALO Guidelines
www.rokid.com
A Platform.
Interaction FeedbackUser InputPhysical Space
Floor
Tabletops
Lights
Physical Space
Voice Commands
Controller
Gesture
Gaze
Phone
User Input
3D Elements
3D Icon
3D Character
3D Environment
3D Video
2D Elements
2D Icon
Text
Image
Video
Sound
Guide tone
Feedback tone
Dialog
Music
Interaction Feedback
Table of Elements.
Interaction FeedbackUser InputPhysical Space
Lights
Tabletops
Controller
Gesture
Floor Gaze
Voice Commands
Phone
3D Elements
3D Icon
3D Character
3D Environment
3D Video
2D Elements
2D Icon
Text
Image
Video
Sound
Guide tone
Feedback tone
Dialog
Music
www.rokid.com
Concept Interaction UISpatial Design
www.rokid.com
Interaction FeedbackUser InputPhysical Space
Launcher
Brainstorming
Launcher
Version 1
Launcher
Version 2
www.rokid.com
Launcher
Version 3
www.rokid.com
Halo XUI
Launcher
Brainstorming
Launcher
Version 1
Launcher
Version 2
Launcher
Version 3
Design principle
Exploration
Design Principle
Large area of solid color is not allowed
www.rokid.com
Design Principle
The light of the element comes from the element itself
www.rokid.com
Apply Halo to UI
Color System
The retrofuturism color style
Color Distortion
www.rokid.com
Color Choices
www.rokid.com
Color Choices
www.rokid.com
Color Choices
www.rokid.com
Color Choices
Two high-contrast colors
One color is approximately 120º of another
color on the color wheel
Color 1
Color 2
www.rokid.com
www.rokid.com
Recommended color theme 1- Mojito
www.rokid.com
Recommended color theme 1- Mojito
www.rokid.com
Recommended color themes
Color theme 1- Mojito
Color theme 2- Dolly
Color theme 3- Twilight
Color theme 4- Lemonade
Color theme 5- Sunset
Retrofuturism
Halo XUI

Rokid: Design a seamless solution for AR glasses