Slide 1
Slide 1 text
Kara Miekina
Senior Design Lead | UX
Microsoft
@kina_miekina
Designing Interface
Next
Slide 2
Slide 2 text
Image source: Marvel Studios @kina_miekina
Slide 3
Slide 3 text
Image source: Microsoft @kina_miekina
Slide 4
Slide 4 text
Physical Digital
@kina_miekina
Slide 5
Slide 5 text
Mixed Reality
@kina_miekina
Slide 6
Slide 6 text
Mixed Reality
AR
(Augmented Reality)
VR
(Virtual Reality)
@kina_miekina
Slide 7
Slide 7 text
Microsoft Confidential | Mixed Reality at Work 7
Our mission is to empower every person
and every organization on the planet
to achieve more.
Satya Nadella, Microsoft CEO
@kina_miekina
Slide 8
Slide 8 text
Video source: Microsoft
Video source: Microsoft @kina_miekina
Slide 9
Slide 9 text
Video source: Microsoft
Video source: Microsoft @kina_miekina
Slide 10
Slide 10 text
Mixed Reality
Image source: Chatbot by Oksana Latysheva, Smart Speaker by Becris, HoloLens by Henning Gross, ar by Sinistrad from the Noun Project
Chatbots Voice User
Interface
Head Mounted
Displays
Mobile Augmented
Reality
@kina_miekina
Slide 11
Slide 11 text
We envision a future that is
both impossible in what
technology can achieve and
retro in showing concepts
that are not user friendly.
Image source : Legendary Television Distribution @kina_miekina
Slide 12
Slide 12 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
@kina_miekina
Slide 13
Slide 13 text
Breathe!
@kina_miekina
Slide 14
Slide 14 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
@kina_miekina
Slide 15
Slide 15 text
Image Source: driller by tezar tantular, screw by Lloyd Humphreys, Picture Frame by Nancy from the Noun Project
Product Use
@kina_miekina
Slide 16
Slide 16 text
Image Source: driller by tezar tantular, screw by Lloyd Humphreys, Picture Frame by Nancy from the Noun Project
Product Outcome
@kina_miekina
Slide 17
Slide 17 text
Image Source: driller by tezar tantular, screw by Lloyd Humphreys, Picture Frame by Nancy from the Noun Project
Product Outcome
@kina_miekina
Slide 18
Slide 18 text
Image Source: driller by tezar tantular, screw by Lloyd Humphreys, Picture Frame by Nancy from the Noun Project
Product Outcome
@kina_miekina
Slide 19
Slide 19 text
Useful
1
Image Source: Jobs to Be Done by Intercom
2 Useable
3
@kina_miekina
Slide 20
Slide 20 text
Useful
Image Source: Jobs to Be Done by Intercom
2 Useable
3
1
@kina_miekina
Slide 21
Slide 21 text
Image Source: Facebook @kina_miekina
Slide 22
Slide 22 text
Desirable
Image Source: The Climb @kina_miekina
Slide 23
Slide 23 text
Image Source: Facebook
Desirable
Useable
@kina_miekina
Slide 24
Slide 24 text
Image Source: Facebook
Desirable
Useable
Useful ?
@kina_miekina
Slide 25
Slide 25 text
Image Source: Facebook @kina_miekina
Slide 26
Slide 26 text
Image Source: Facebook @kina_miekina
Slide 27
Slide 27 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
@kina_miekina
Slide 28
Slide 28 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
@kina_miekina
Slide 29
Slide 29 text
Video source: 20th Century Fox DreamWorks Pictures Amblin Entertainment Blue Tulip Productions, Cars Garage & Toyota @kina_miekina
Slide 30
Slide 30 text
Image source: Pablo Stanley @kina_miekina
Slide 31
Slide 31 text
Image source: Pablo Stanley
Avoid actions that are below the
waist and above the shoulder
BEST
PREFERRED
@kina_miekina
Slide 32
Slide 32 text
Image source: Pablo Stanley
Avoid actions that are below the
waist and above the shoulder
Avoid extended use of stretch out,
unsupported arms
@kina_miekina
Slide 33
Slide 33 text
Image source: Pablo Stanley
Avoid actions that are below the
waist and above the shoulder
Avoid extended use of stretch out,
unsupported arms
Avoid the need to perform the
same or similar tasks repetitively
@kina_miekina
Slide 34
Slide 34 text
Image source: Pablo Stanley
Avoid actions that are below the
waist and above the shoulder
Avoid extended use of stretch out,
unsupported arms
Avoid the need to perform the
same or similar tasks repetitively
Avoid forcing the user to leave
their productive position
@kina_miekina
Slide 35
Slide 35 text
Image source: Pablo Stanley
Avoid actions that are below the
waist and above the shoulder
Avoid extended use of stretch out,
unsupported arms
Avoid the need to perform the
same or similar tasks repetitively
Avoid forcing the user to leave
their productive position
@kina_miekina
Slide 36
Slide 36 text
Image source: Microsoft @kina_miekina
Slide 37
Slide 37 text
Image source: Microsoft @kina_miekina
Slide 38
Slide 38 text
Image source: Microsoft @kina_miekina
Slide 39
Slide 39 text
Video source: Microsoft @kina_miekina
Slide 40
Slide 40 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
@kina_miekina
Slide 41
Slide 41 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
@kina_miekina
Slide 42
Slide 42 text
We started by
trying to make
computers feel
like our world…
@kina_miekina
Slide 43
Slide 43 text
Image source: awwwards.com
… and then
flattened it to
match our 2D
world.
@kina_miekina
Slide 44
Slide 44 text
Image source : Marvel Studios @kina_miekina
Slide 45
Slide 45 text
Image source : Legendary Pictures @kina_miekina
Slide 46
Slide 46 text
Photo by Samantha Gades on Unsplash
8:10 am 98%
75°
@kina_miekina
Slide 47
Slide 47 text
Photo by Samantha Gades on Unsplash
8:10 am 98%
75°
00:13 03:12
Glen
What’s the status?
@kina_miekina
Slide 48
Slide 48 text
Image source : @gulpost @kina_miekina
Slide 49
Slide 49 text
Image source: Microsoft @kina_miekina
Slide 50
Slide 50 text
@kina_miekina
Slide 51
Slide 51 text
@kina_miekina
Slide 52
Slide 52 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
@kina_miekina
Slide 53
Slide 53 text
Breathe!
@kina_miekina
Slide 54
Slide 54 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
@kina_miekina
Slide 55
Slide 55 text
@kina_miekina
Slide 56
Slide 56 text
Photo by Kevin Bhagat on Unsplash @kina_miekina
Slide 57
Slide 57 text
@kina_miekina
Slide 58
Slide 58 text
@kina_miekina
Slide 59
Slide 59 text
- hotel offering parity
What We Expected
- similar results from sample size
- users would ask for help
- error correction opportunities
@kina_miekina
- situational memory
Slide 60
Slide 60 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
@kina_miekina
Slide 61
Slide 61 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
@kina_miekina
Slide 62
Slide 62 text
Image Source: Spark AR @kina_miekina
Slide 63
Slide 63 text
Image Source: Wannakicks @kina_miekina
Slide 64
Slide 64 text
Image Source: Spark AR Studio @kina_miekina
Spark AR Studio
Slide 65
Slide 65 text
@kina_miekina
Dialogflow
Slide 66
Slide 66 text
Image Source: Spark AR @kina_miekina
Maquette
Slide 67
Slide 67 text
Image Source: Spatial Stories @kina_miekina
Spatial Stories
Slide 68
Slide 68 text
Strip the novelty
Observe the body
Human patterns > computer patterns
No interface, no rules
There’s a _____ for that!
Slide 69
Slide 69 text
Kara Miekina
Senior Design Lead | UX
@kina_miekina
Thanks!
Illustration source: ar by supalerk laipawat from the Noun Project