XD Immersive: Andrew McHugh, "Making the Transition to VR / AR Experience Design"

1. From 2D to 3D
product design
A kind-of personal adventure
Andrew R McHugh
Designer, Samsung Research America
XD Immersive
October 26, 2018

2. Steven Johnson

3. Steven Johnson Stuart Kauffman

4. – Steven Johnson on the “adjacent possible”
Good ideas are not conjured out of
thin air; they are built on a
collection of existing parts, the
composition of which expands (and,
occasionally, contracts) over time.”
“

8. Scrollable list

9. Tappable element

10. Tappable element
(Button)

11. Tappable element
(Button)
Button

12. Tappable element
(Button)
Button
Adjacentpossibilities

13. Tappable element
(Button)
Button
Button
Button
Button
Adjacentpossibilities

14. Scrollable list
PerfectWriter manual via NewRepublic article

16. F I V E ST E P S
TO G O F R O M F L AT D E S I G N TO S PAT I A L D E S I G N

17. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
TO G O F R O M F L AT D E S I G N TO S PAT I A L D E S I G N

19. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
➡

20. – Designers, developers, journalists, & me
" and # let us do so
many new things.”
“ VR AR

22. Neilson
Usability
Heuristics

23. Neilson
Usability
Heuristics
Case
Principles of
Calm Technology

24. Neilson
Usability
Heuristics
Case
Principles of
Calm Technology
Rams
Principles for
Good Design

25. Neilson
Usability
Heuristics
Case
Principles of
Calm Technology
Rams
Principles for
Good Design
Maeda
Laws of
Simplicity

26. We still have
to make shit
people care
about.

27. S O M E STA RT E R Q U E ST I O N S

29. Allumette
Penrose Studios

31. AR & VR now: one app at a time

32. AR & VR soon: many apps at a time

33. AR & VR soon: superpowers as a service

34. Fullscene Windows/Slates/Prisms/Widgets Background services

37. Laser pointer Direct manipulation Voice

45. M AT E R I A L I T Y

46. 10

47. 0

49. People

50. People HVAC

51. People HVAC Laptops

53. Luna
luna.funomena.com

54. The user is in control

56. B I G S M A L L

57. C L E A N M E S S Y

59. …not for tracking
Nice & fancy

64. T H E R I G H T A M O U N T O F 3 D

65. Too little

66. Too much
Terrain
Andrew R McHugh, Andrew
Novotny, Joel Rodriguez,
Rachel Ng

67. Too … wrong
Fyn Ng
instagram.com/fyn.ng/

68. D I S C L A I M E R
When I show work from other designers, I’m
commenting on them with the context of 3D
product design. I entirely recognize they
have different goals and constraints.

69. H A R DWA R E I S E X P E N S I V E B U T N E C E S SA RY

70. Rift: $400 + $1,000
Vive: $500 + $1,000 GearVR: $130 + phone
Cardboard: $15 + phone
Magic Leap One: $2,300
Hololens: $3,000

71. AS S O RT E D T E C H N I C A L B I T S

72. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept

73. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept

74. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept
Field of View++

75. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept
Field of View++
Blurring the background ++

76. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept

77. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept
Eye tracking & selection --

78. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept

79. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept
Use of black --

80. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept
Use of black --
Shadow +/-

81. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept
Use of black --
Shadow +/-
Background UI blurring --

82. Isil Uzum
dribbble.com/shots/3816277-AR-Run-Concept
Use of black --
Shadow +/-
Background UI blurring --
HUD UI +/-

86. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
➡

87. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
➡

88. Unity
Unreal
Blender
Maya
Cinema 4D
T R A D I T I O N A L

89. Unity
Unreal
Blender
Maya
Cinema 4D
A-Frame
ReactVR
ThreeJS
BabylonJS
X3DOM
T R A D I T I O N A L W E BV R

90. Unity
Unreal
Blender
Maya
Cinema 4D
A-Frame
ReactVR
ThreeJS
BabylonJS
X3DOM
Tiltbrush
Quill
Blocks
Tvori
Sketchbox
Mindshow
Unity EditorXR
Unreal VR
T R A D I T I O N A L W E BV R N AT I V E

91. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
➡

92. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
➡

94. sketching

95. sketching paper prototypes

96. sketching paper prototypes
pantomiming

97. sketching paper prototypes
pantomiming
Sketch

98. sketching paper prototypes
pantomiming
Sketch
Framer

99. sketching paper prototypes
pantomiming
Sketch
Framer
Premier

100. sketching paper prototypes
pantomiming
Sketch
Framer
Premier
Blender

101. sketching paper prototypes
pantomiming
Sketch
Framer
Premier
Blender
A-Frame

102. sketching paper prototypes
pantomiming
Sketch
Framer
Premier
Blender
A-Frame
Unity

103. sketching paper prototypes
pantomiming
Sketch
Framer
Premier
Blender
A-Frame
Unity
Quill

104. sketching paper prototypes
pantomiming
Sketch
Framer
Premier
Blender
A-Frame
Unity
Quill
Blocks

105. sketching paper prototypes
pantomiming
Sketch
Framer
Premier
Blender
A-Frame
Unity
Quill
Blocks
Tvori

106. sketching paper prototypes
pantomiming
Sketch
Framer
Premier
Blender
A-Frame
Unity
Quill
Blocks
Tvori
Torch

107. sketching paper prototypes
pantomiming
Sketch
Framer
Premier
Blender
A-Frame
Unity
Quill
Blocks
Tvori
Torch
WHATEVER

108. Sketch with clarity

109. F L AT TO O L S WA N T TO M A K E F L AT T H I N G S

110. – Nietzsche
Our writing equipment
takes part in the forming
of our thoughts.”
“

111. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
➡

112. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
➡

113. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
H I R I N G
1. Do they have good
ideas?
2. Learned tools?
3. Built something?
4. Complement team?
5. Are they hired?

114. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
H I R I N G
1. Do they have good
ideas?
2. Learned tools?
3. Built something?
4. Complement team?
5. Are they hired?

115. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
H I R I N G
1. Do they have good
ideas?
2. Learned tools?
3. Built something?
4. Complement team?
5. Are they hired?

116. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
H I R I N G
1. Do they have good
ideas?
2. Learned tools?
3. Built something?
4. Complement team?
5. Are they hired?

117. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
H I R I N G
1. Do they have good
ideas?
2. Learned tools?
3. Built something?
4. Complement team?
5. Are they hired?

118. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
H I R I N G
1. Do they have good
ideas?
2. Learned tools?
3. Built something?
4. Complement team?
5. Are they hired?

119. F I V E ST E P S
1. Understand your
constraints
2. Learn some tools
3. Build (anything)
4. Luck
5. Profit
H I R I N G
1. Do they have good
ideas?
2. Learned tools?
3. Built something?
4. Complement team?
5. Are they hired?

120. C O N C LU S I O N

128. Half of the setup working

129. G R A D S C H O O L

130. G R A D S C H O O L

131. H U M A N E V I RT UA L I T Y

132. H U M A N E V I RT UA L I T Y

133. B I G T E C H C O I N T E R V I E W

134. … A S A N I N T E R NSA M S U N G

135. SA M S U N G

136. C O N C LU S I O N

137. C O N C LU S I O N
for realzies

138. – Steven Johnson
What the adjacent possible
tells us is that at any moment
the world is capable of
extraordinary change, but only
certain changes can happen.”
“

139. H T T P : / / B I T. LY / L E T S 3 D
For links to referenced works
and additional resources
Capitalization matters after the last /
Andrew R McHugh
Designer, Samsung Research America
XD Immersive
October 26, 2018