SlideShare ist ein Scribd-Unternehmen logo
1 von 27
9 transitions 
animation
recap 
user scenario 
navigation flow 
patterns 
usability feedback 
iteration item 
style choices 
next steps - MVP
Squash and stretch 
Anticipation 
Staging 
Straight ahead action and 
Follow through and 
overlapping action 
Slow in and Slow out 
Arcs 
Secondary 
Exaggeration 
pose to pose 
Action
animation technology 
DHTML 
HTML5 
core animation
https://www.youtube.com/watch?v=oChTU2s7OEg
activity 
what elements in your design need animation 
what transition would you use? 
how would it benefit the experience?

Weitere ähnliche Inhalte

Mehr von Michael Dain

Interaction Design Communication
Interaction Design CommunicationInteraction Design Communication
Interaction Design CommunicationMichael Dain
 
10 usability and screencasts
10 usability and screencasts10 usability and screencasts
10 usability and screencastsMichael Dain
 
4 navigation and search
4 navigation and search4 navigation and search
4 navigation and searchMichael Dain
 
3 gestalt theory of design
3 gestalt theory of design3 gestalt theory of design
3 gestalt theory of designMichael Dain
 
1 welcome and icons
1 welcome and icons1 welcome and icons
1 welcome and iconsMichael Dain
 
Driving an experience based culture
Driving an experience based culture Driving an experience based culture
Driving an experience based culture Michael Dain
 
The design part of interaction design
The design part of interaction design The design part of interaction design
The design part of interaction design Michael Dain
 
Purina user testing
Purina user testingPurina user testing
Purina user testingMichael Dain
 

Mehr von Michael Dain (14)

Interaction Design Communication
Interaction Design CommunicationInteraction Design Communication
Interaction Design Communication
 
Sibert
SibertSibert
Sibert
 
10 usability and screencasts
10 usability and screencasts10 usability and screencasts
10 usability and screencasts
 
8 user testing
8 user testing8 user testing
8 user testing
 
7 data entry
7 data entry7 data entry
7 data entry
 
6 prototype
6 prototype6 prototype
6 prototype
 
5 style
5 style5 style
5 style
 
4 navigation and search
4 navigation and search4 navigation and search
4 navigation and search
 
3 gestalt theory of design
3 gestalt theory of design3 gestalt theory of design
3 gestalt theory of design
 
2 scenarios
2 scenarios2 scenarios
2 scenarios
 
1 welcome and icons
1 welcome and icons1 welcome and icons
1 welcome and icons
 
Driving an experience based culture
Driving an experience based culture Driving an experience based culture
Driving an experience based culture
 
The design part of interaction design
The design part of interaction design The design part of interaction design
The design part of interaction design
 
Purina user testing
Purina user testingPurina user testing
Purina user testing
 

9 animation and transitions