in AI • Crysis1, Zen Bound, Killzone3, Recast & Detour • Tinkercad is 3D modeling tool for artist, makers, and tinkers alike, that let’s you design 3D printable items online @MikkoMononen [email protected]
content • Designing 3D UIs has been relatively niche field up until now • Very few resources on how to design 3D interfaces • Despite 3D games & tools, majority of users has not had exposure to 3D UIs • once they get past the threshold they are all thrilled!
2D to 3D • One situation can have many solutions and assumptions • Need to compensate for the limited input device • Need to gradually teach the user how the UI works The Problem
(frame of reference) • objects – things that belong to world (primary point of action) • proxy objects – augments objects (secondary point of action) • each action point has one constrain the user can manipulate • can be changed by modality (i.e. move, scale, rotate tools) • user learns to interact with the world through discovery Environment Object Action Point Action Point Proxy Relates Constrains
“feel” • When the user moves the pointer perfectly along the constraint, the pointer should stick to the object • If possible use animation and simulation to enforce the weight and feel of the object (i.e. inertia)
• Fantasy of Familiar is a game design concept to set expectations 1. use existing knowledge to set expectations 2. enforce expectations via visual cues and feedback 3. build foreign concepts on top of that once the user learns the limits
to be realistic • Use visual cues to hint how the world behaves • Enforce it through feedback on primary actions • Build upon learned behaviors • Use secondary actions and proxy objects to augment primary actions
not visible • Primary and secondary action points can get crowded • Use modality to organize cognitive load • Tools and selections are common way to limit action points • Be aware adds extra layer to learn and to explain • If you need modes, try to have one that allows to learn the basics
to use a tool to change the direction of your head • Try to limit how often camera needs to be used early one (experts need it!) • Teach it gradually, first using safe clumsy controls • FarmVille has taught users to deal with one kind of view/camera manipulation • Make view manipulation something that happens automatically (i.e. right mouse button)
expectations • Use constraints to make 3D problems 2D • Use primary object interaction to enforce fantasy • Use secondary handles to do the rest direct manipulation • Use modality to simplify • Be aware of the meta
u_ri_ta
kei141
sms_tech
ashapiro
yasuhiroyokota
takuto_yonemichi
sevendex
reidneedssleep
yappli_developers
kanako106
hamko1114
mastervicedesign
sonatard
shlominoach
paigeccino
mojombo
rocio
addyosmani
chriscoyier
pauljervisheath
lauravandoore
geoffreycrofte
scottboms
sstephenson
![Tinkercad is hiring! @MikkoMononen [email protected]](https://files.speakerdeck.com/presentations/4fbfcc126ab039001f027280/slide_34.jpg){kind=link}