Expression Blend Motion & Interaction Design
Learn More @ http://www.learnnowonline.com Copyright Š by Application Developers Training Company
Overview: Motion and Interaction Design Motion and Interaction Design • Why Interaction/Motion Design • More implementation then concept
• Motion Design • Motion Studies
Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
Why Interaction/Motion Design • Design of Interaction • More related to experience design or ux design
• Broad topic sometimes misconstrued as motion design • All the reasons for IxD is UXD • Ease of use, discoverability, adoption etc
Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
Five Dimensions of Interaction Design • • • • •
Words (defines interactions) Visual Representations Physical Objects or Space Time Behavior
•
(originally from book ‘Designing Interactions’ by Gillian Crampton Smith)
Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
Motion Design • The part of Graphic Design related to Motion and animation • More narrow then IxD
• Def: Art of the composition and choreography of motion and animation inside a digital experience or media • In ms world typically executed via animation Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
Motion Studies • A U.I. or visual representation of a U.I. element showing a potential motion or animation that a user would see. • Helps us visualize elements of UI design • Important in UX Design in crafting experience • Expression Blend Sketchflow
Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
Motion Study Types and Tests • Small single elements • UI elements, icons, buttons etc
• Pages and Screens • Wireframes/Sketchflow
Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
Motion and Animation • Applies to WPF, XAML, Windows 8, Windows Phone, and just about anything else • General in Blend • Demo studies and user studies
Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
Learn More! • This is an excerpt from a larger course. Visit www.learnnowonline.com for the full details!
Learn More @ http://www.learnnowonline.com Copyright Š by Application Developers Training Company