UX Choreography
14
Rebecca Ussai Senior Experience Designer @becca_u R /GA
-
Upload
mdavid-low -
Category
Design
-
view
534 -
download
5
description
Time and motion sequences have the ability to hold someone's attention and give one precise control over how a user will interact with and interpret content. Directing the entrance, performance, and exit of each element is a form of choreography that more deeply engages with an audience. This talk will show you how Disney’s 12 principles of animation can be integrated into the most important moments of user experience design. The current extreme states we design for can be viewed as keyframes and we need to not only design for them, but the experience sequences between them. I've developed the 5 Principles of what I call UX Choreography and my talk will not only cover how they are valuable but also how and when to implement them when designing experiences for digital.
Transcript of UX Choreography
![Page 1: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/1.jpg)
Rebecca UssaiSenior Experience Designer@becca_u
R/GA
![Page 2: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/2.jpg)
UX CHOREOGRAPHYMORE DISNEY, BETTER UX
![Page 3: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/3.jpg)
MOTION & ME
![Page 4: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/4.jpg)
You are responsible for directing each element’s entrance, performance, and exit.“ ”
![Page 5: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/5.jpg)
MY DREAM JOB
![Page 6: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/6.jpg)
THEN I GOT A JOB IN UX
![Page 7: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/7.jpg)
AHA!
![Page 8: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/8.jpg)
UX
UX CHOREOGRAPHY
MOTION
![Page 9: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/9.jpg)
12 PRINCIPLES OF ANIMATION
![Page 10: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/10.jpg)
WALT DISNEY
I definitely feel that we cannot do the fantastic things based on the real, unless we first know the real.“ ”
![Page 11: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/11.jpg)
5 UX CHOREOGRAPHYPRINCIPLES
![Page 12: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/12.jpg)
FEEDBACKFEEDFORWARDSPATIAL AWARENESSCONTEXTUAL CONTROLSBRAND TONE
![Page 13: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/13.jpg)
DEFINE EACH CHARACTER’S ENTRANCE, PERFORMANCE, AND EXIT.
![Page 14: UX Choreography](https://reader034.fdocuments.in/reader034/viewer/2022042508/559a59ed1a28ab204a8b4727/html5/thumbnails/14.jpg)
IT’S MORE THAN KNOWING THE REALIT’S HAVING IT FEEL REAL