AR_UI_Guide.docx

UI
Cursor
HYPERLINK"https://developer.microsoft.com/en-us/windows/holographic/cursors"https://developer.microsoft.com/en-us/windows/holographic/cursors

Color
Becausehologramsarecreatedbyaddinglighttothelightfromtherealworld,darkcolorsappeartransparentandblackwillappearasnodifferentfromtherealworld.
Ontheotherhand,whiteappearsverybright,andshouldbeusedsparingly.Ingeneral,manydesignershavefoundthatawhitevaluearoundR235G235B235isenough,withanylargeareasofwhitebrighterthanthatmuchlessuser-friendly.

Areasthatwouldbeblackonatraditionaldisplayareinsteadrenderedastransparent.Dependingontheneighboringcolorsandtexturesandthereal-worldbackground,these"black"regionscanstillgivetheimpressionofadarkregion,butstrictlyspeakingtheHoloLensdisplaycannotremovelightfromascene.

HCIdesignguidelines
Affordance
Reducingcognitiveoverload
Lowphysicaleffort
Learnability
Usersatisfaction
Flexibilityinuse
Responsivenessandfeedback
Errortolerance

Norman’sprinciplesofdesign

Ensureahighdegreeofvisibility
Providefeedback
Presentagoodconceptualmodel
Offergoodmapping

Adaptexistingguidelines

Dependonplatforms

Mobiledevice
iOSdesignguideline
Androiddesignguideline
Glass,HMD
3Duserinterfaceguideline
VRinterfaceguideline

MobileAR
Clean;Largevideoview;Largeicons;Textoverlay;feedback

DesignGuidelines
Designfor3Dgraphics+Interaction
Considerelementsofphysicalworld
Supportimplicitinteraction

Egocentric

Designtodeviceconstraints
Understandtheplatformsanddesignlimitations:HW/SW

Largescreenicons
Screenreflectivity
Supportonehandinteraction/freehand
Naturalviewingangle
Fatigue
Donotencouragefastaction
Keepatleastonetrackingsurfaceinview

DesignforChildren

Motorabilities
Spatialabilities
Logicabilities
Attentionabilities

Humanissuesin3DUIs

Humansnotnaturallygoodatfull3D
No“natural”mappingforfull3Drotation
Peopleinteractonlywithvisibleobjects
Depthperceptionnotthataccurate
Navigation
Latencyandlag
Userinterfacemappings

3DUIdesignguidelines
Objects
Contac