18
USER INTERFACE DESIGN PROPOSAL UI Design for Mixed reality Headset : MICROSOFT HOLOLENS

UI design approach for mixed reality

Embed Size (px)

Citation preview

Page 1: UI design approach for mixed reality

USER INTERFACE DESIGN PROPOSAL

UI Design for Mixed reality Headset : MICROSOFT HOLOLENS

Page 2: UI design approach for mixed reality

HOW TO INTERACT WITH MIXED REALITY HMD

There are three key elements to input on HoloLens:• Gaze – What you’re looking at, and how you target

• Gesture – An “air-tap” gesture that HoloLens will recognize, and which allows you to drive selection

• Voice – Full access to the Windows 10 speech engine

Page 3: UI design approach for mixed reality

MR INTERACTION POSSIBILITIES

Page 4: UI design approach for mixed reality

FIRST PERSON VIEW – UI MOCKUPUI Design for Mixed reality Headset : MICROSOFT HOLOLENS

Page 5: UI design approach for mixed reality

USER IS WEARING A HOLOLENS DEVICE, LAUNCHES THE FURNITURE APPLICATION FROM MENU

Page 6: UI design approach for mixed reality

F U R N I T U R E A P P

FIRST PERSON VIEW – UI

Kannan,Ram
USER GAZE AT BROWSE ICON AND AIR TAPS TO OPEN THE BROWSER UI
Page 7: UI design approach for mixed reality

B R O W S E

CHAIRS SOFA TABLE

Kannan,Ram
opens the product catalog
Page 8: UI design approach for mixed reality

T A B L E S

Kannan,Ram
Search /navigate the product catalog and selects a product.
Page 9: UI design approach for mixed reality

COLOR CUSTOMREMOVE

BUY

ADD TO CART

HIDE MENUADD FURNITURE

Kannan,Ram
User picks the 3d model of the selected product and places it his interior. user is given with options to customize the furniture (Allowing user to change the color, add components, scale etc...) Additionally, user can place virtual human models on the furniture’s to get a sense of how big the furniture is.
Page 10: UI design approach for mixed reality

SELECTMATERIAL DIMENSIONS OTHER DETAILSADD

COMPNENTS

Kannan,Ram
CUSTOMIZE MENU
Page 11: UI design approach for mixed reality

COLOR CUSTOMREMOVE

BUY

ADD TO CART

HIDE MENUADD FURNITURE

Kannan,Ram
HIDE UI ELEMENTS TO CAPTURE PHOTO AND SHARE
Page 12: UI design approach for mixed reality
Kannan,Ram
CAPTURE PHOTO AND SHARE, CLICK BACK TO RETURN TO PREVIOUS PAGE
Page 13: UI design approach for mixed reality

COLOR CUSTOMREMOVE

BUY

ADD TO CART

HIDE MENU

ADD FURNITURE

Kannan,Ram
ADD ADDITIONAL FURNITURE
Page 14: UI design approach for mixed reality

T A B L E S

Page 15: UI design approach for mixed reality

COLOR CUSTOMREMOVE

BUY

ADD TO CART

HIDE MENU

ADD FURNITURE

Kannan,Ram
ADDING NEW FURNITURE TO THE SPACE
Page 16: UI design approach for mixed reality

COLOR CUSTOMREMOVE

BUY

ADD TO CART

HIDE MENU

ADD FURNITURE

Kannan,Ram
ADDING FURNITURES TO CART
Page 17: UI design approach for mixed reality

COLOR CUSTOMREMOVE

BUY

ADD TO CART

HIDE MENU

ADD FURNITURE

Kannan,Ram
RETURNT TO HOME PAGE
Page 18: UI design approach for mixed reality

F U R N I T U R E A P P

2

Kannan,Ram
PRODUCT ADDED TO CART