Expression Blend Motion & Interaction Design

					Expression Blend Motion
& Interaction Design




       Learn More @ http://www.learnnowonline.com
          Copyright © by Application Developers Training Company
Overview:
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

				
DOCUMENT INFO
Description: Introduction to Expression Blend Motion & Interaction Design.