SlideShare a Scribd company logo
Expression Blend Motion
& Interaction Design




       Learn More @ http://www.learnnowonline.com
          Copyright © by Application Developers Training Company
Overview:
Motion and Interaction




       Learn More @ http://www.learnnowonline.com
          Copyright © by Application Developers Training Company
Overview:
Motion and Interaction

• Why Interaction/Motion Design




         Learn More @ http://www.learnnowonline.com
            Copyright © by Application Developers Training Company
Overview:
Motion and Interaction

• Why Interaction/Motion Design
  • More implementation then concept




         Learn More @ http://www.learnnowonline.com
            Copyright © by Application Developers Training Company
Overview:
Motion and Interaction

• Why Interaction/Motion Design
  • More implementation then concept
• Motion Design




         Learn More @ http://www.learnnowonline.com
            Copyright © by Application Developers Training Company
Overview:
Motion and Interaction

• 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




       Learn More @ http://www.learnnowonline.com
          Copyright © by Application Developers Training Company
Why Interaction/Motion
 • Design of Interaction




          Learn More @ http://www.learnnowonline.com
             Copyright © by Application Developers Training Company
Why Interaction/Motion
 • Design of Interaction
   • More related to experience design or ux
    design




             Learn More @ http://www.learnnowonline.com
                Copyright © by Application Developers Training Company
Why Interaction/Motion
 • Design of Interaction
   • More related to experience design or ux
    design
 • Broad topic sometimes misconstrued
   as motion design




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



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




        Learn More @ http://www.learnnowonline.com
           Copyright © by Application Developers Training Company
Five Dimensions of Interaction
Design
 • Words (defines interactions)




          Learn More @ http://www.learnnowonline.com
             Copyright © by Application Developers Training Company
Five Dimensions of Interaction
Design
 • Words (defines interactions)
 • Visual Representations




          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




          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




            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




            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




            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




            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




       Learn More @ http://www.learnnowonline.com
          Copyright © by Application Developers Training Company
Motion Design
• The part of Graphic Design related to
  Motion and animation




         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




          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



          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




       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.




           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




           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


           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




       Learn More @ http://www.learnnowonline.com
          Copyright © by Application Developers Training Company
Motion Study Types and
 • Small single elements




          Learn More @ http://www.learnnowonline.com
             Copyright © by Application Developers Training Company
Motion Study Types and
 • Small single elements
   • UI elements, icons, buttons etc




           Learn More @ http://www.learnnowonline.com
              Copyright © by Application Developers Training Company
Motion Study Types and
 • Small single elements
   • UI elements, icons, buttons etc
 • Pages and Screens




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




       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




         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




         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!




       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
Ad

More Related Content

What's hot (13)

Recruiting a Great Team for your Startup by Dan Olsen
Recruiting a Great Team for your Startup by Dan OlsenRecruiting a Great Team for your Startup by Dan Olsen
Recruiting a Great Team for your Startup by Dan Olsen
Dan Olsen
 
Prototyping Interaction with Video Scenarios
Prototyping Interaction with Video ScenariosPrototyping Interaction with Video Scenarios
Prototyping Interaction with Video Scenarios
David Sherwin
 
On Intrapreneurship: Lean Startup & MVP's
On Intrapreneurship: Lean Startup & MVP'sOn Intrapreneurship: Lean Startup & MVP's
On Intrapreneurship: Lean Startup & MVP's
Alex Cowan
 
Web Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More AwesomerWeb Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More Awesomer
Jennifer Riehle McFarland
 
Product Management & Design At Startups
Product Management & Design At StartupsProduct Management & Design At Startups
Product Management & Design At Startups
Dan Olsen
 
Designing eLearning for iPads - Getting it right - CIPD HRD 2013
Designing eLearning for iPads - Getting it right  - CIPD HRD 2013Designing eLearning for iPads - Getting it right  - CIPD HRD 2013
Designing eLearning for iPads - Getting it right - CIPD HRD 2013
Upside Learning Solutions
 
eLearning On Tablets - From Understanding To Execution
eLearning On Tablets - From Understanding To ExecutioneLearning On Tablets - From Understanding To Execution
eLearning On Tablets - From Understanding To Execution
Upside Learning Solutions
 
Responsive eLearning Development - Challenges & Considerations
Responsive eLearning Development - Challenges & Considerations Responsive eLearning Development - Challenges & Considerations
Responsive eLearning Development - Challenges & Considerations
Upside Learning Solutions
 
Software Design Class (Sessions 2, 3): Manning the Lookout- Creating Actionab...
Software Design Class (Sessions 2, 3): Manning the Lookout- Creating Actionab...Software Design Class (Sessions 2, 3): Manning the Lookout- Creating Actionab...
Software Design Class (Sessions 2, 3): Manning the Lookout- Creating Actionab...
Alex Cowan
 
How to Be a UX Design Army of One by Dan Olsen at Silicon Valley Product Camp
How to Be a UX Design Army of One by Dan Olsen at Silicon Valley Product CampHow to Be a UX Design Army of One by Dan Olsen at Silicon Valley Product Camp
How to Be a UX Design Army of One by Dan Olsen at Silicon Valley Product Camp
Dan Olsen
 
Social Media Marketing on the Real-time Web
Social Media Marketing on the Real-time WebSocial Media Marketing on the Real-time Web
Social Media Marketing on the Real-time Web
Dan Olsen
 
Startup Institute NYC: Styling
Startup Institute NYC: StylingStartup Institute NYC: Styling
Startup Institute NYC: Styling
Matthew Gerrior
 
Kineo Responsive Elearning
Kineo Responsive Elearning Kineo Responsive Elearning
Kineo Responsive Elearning
Steve Rayson
 
Recruiting a Great Team for your Startup by Dan Olsen
Recruiting a Great Team for your Startup by Dan OlsenRecruiting a Great Team for your Startup by Dan Olsen
Recruiting a Great Team for your Startup by Dan Olsen
Dan Olsen
 
Prototyping Interaction with Video Scenarios
Prototyping Interaction with Video ScenariosPrototyping Interaction with Video Scenarios
Prototyping Interaction with Video Scenarios
David Sherwin
 
On Intrapreneurship: Lean Startup & MVP's
On Intrapreneurship: Lean Startup & MVP'sOn Intrapreneurship: Lean Startup & MVP's
On Intrapreneurship: Lean Startup & MVP's
Alex Cowan
 
Web Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More AwesomerWeb Usability: Making Your Sites More Awesomer
Web Usability: Making Your Sites More Awesomer
Jennifer Riehle McFarland
 
Product Management & Design At Startups
Product Management & Design At StartupsProduct Management & Design At Startups
Product Management & Design At Startups
Dan Olsen
 
Designing eLearning for iPads - Getting it right - CIPD HRD 2013
Designing eLearning for iPads - Getting it right  - CIPD HRD 2013Designing eLearning for iPads - Getting it right  - CIPD HRD 2013
Designing eLearning for iPads - Getting it right - CIPD HRD 2013
Upside Learning Solutions
 
eLearning On Tablets - From Understanding To Execution
eLearning On Tablets - From Understanding To ExecutioneLearning On Tablets - From Understanding To Execution
eLearning On Tablets - From Understanding To Execution
Upside Learning Solutions
 
Responsive eLearning Development - Challenges & Considerations
Responsive eLearning Development - Challenges & Considerations Responsive eLearning Development - Challenges & Considerations
Responsive eLearning Development - Challenges & Considerations
Upside Learning Solutions
 
Software Design Class (Sessions 2, 3): Manning the Lookout- Creating Actionab...
Software Design Class (Sessions 2, 3): Manning the Lookout- Creating Actionab...Software Design Class (Sessions 2, 3): Manning the Lookout- Creating Actionab...
Software Design Class (Sessions 2, 3): Manning the Lookout- Creating Actionab...
Alex Cowan
 
How to Be a UX Design Army of One by Dan Olsen at Silicon Valley Product Camp
How to Be a UX Design Army of One by Dan Olsen at Silicon Valley Product CampHow to Be a UX Design Army of One by Dan Olsen at Silicon Valley Product Camp
How to Be a UX Design Army of One by Dan Olsen at Silicon Valley Product Camp
Dan Olsen
 
Social Media Marketing on the Real-time Web
Social Media Marketing on the Real-time WebSocial Media Marketing on the Real-time Web
Social Media Marketing on the Real-time Web
Dan Olsen
 
Startup Institute NYC: Styling
Startup Institute NYC: StylingStartup Institute NYC: Styling
Startup Institute NYC: Styling
Matthew Gerrior
 
Kineo Responsive Elearning
Kineo Responsive Elearning Kineo Responsive Elearning
Kineo Responsive Elearning
Steve Rayson
 

Similar to Expression Blend Motion & Interaction Design (20)

KnockOutJS with ASP.NET MVC
KnockOutJS with ASP.NET MVCKnockOutJS with ASP.NET MVC
KnockOutJS with ASP.NET MVC
LearnNowOnline
 
Building Windows 8 Metro Style Applications Using JavaScript and HTML5
Building Windows 8 Metro Style Applications Using JavaScript and HTML5Building Windows 8 Metro Style Applications Using JavaScript and HTML5
Building Windows 8 Metro Style Applications Using JavaScript and HTML5
LearnNowOnline
 
Bring a Web Page Alive with jQuery
Bring a Web Page Alive with jQueryBring a Web Page Alive with jQuery
Bring a Web Page Alive with jQuery
LearnNowOnline
 
Managing site collections
Managing site collectionsManaging site collections
Managing site collections
LearnNowOnline
 
Introducing LINQ
Introducing LINQIntroducing LINQ
Introducing LINQ
LearnNowOnline
 
What's new in Silverlight 5
What's new in Silverlight 5What's new in Silverlight 5
What's new in Silverlight 5
LearnNowOnline
 
Creating a User Interface
Creating a User InterfaceCreating a User Interface
Creating a User Interface
LearnNowOnline
 
Object oriented techniques
Object oriented techniquesObject oriented techniques
Object oriented techniques
LearnNowOnline
 
The Entity Data Model
The Entity Data ModelThe Entity Data Model
The Entity Data Model
LearnNowOnline
 
Changing culture through revolving doors program @ Deluxe
Changing culture through revolving doors program @ DeluxeChanging culture through revolving doors program @ Deluxe
Changing culture through revolving doors program @ Deluxe
Nalie Lee-Heidt
 
Become a Professional Web Designer
Become a Professional Web DesignerBecome a Professional Web Designer
Become a Professional Web Designer
Tekno Point
 
Sourabh ui
Sourabh uiSourabh ui
Sourabh ui
Sourabh sen
 
Sourabh ui
Sourabh uiSourabh ui
Sourabh ui
Sourabh sen
 
Noopur cv
Noopur cvNoopur cv
Noopur cv
NoopurChauhan2
 
Ui and ux principles
Ui and ux principlesUi and ux principles
Ui and ux principles
Norman Caesar Tecson
 
Mobile Monday
Mobile MondayMobile Monday
Mobile Monday
Juan Sanchez
 
Mobile Monday Presentation April 2010
Mobile Monday Presentation April 2010Mobile Monday Presentation April 2010
Mobile Monday Presentation April 2010
EffectiveUI
 
Mobile Monday Presentation April 2010
Mobile Monday Presentation April 2010Mobile Monday Presentation April 2010
Mobile Monday Presentation April 2010
Effective
 
Building Hybrid Mobile Apps for AppExchange
Building Hybrid Mobile Apps for AppExchangeBuilding Hybrid Mobile Apps for AppExchange
Building Hybrid Mobile Apps for AppExchange
Salesforce Developers
 
New in the Visual Studio 2012 IDE
New in the Visual Studio 2012 IDENew in the Visual Studio 2012 IDE
New in the Visual Studio 2012 IDE
LearnNowOnline
 
KnockOutJS with ASP.NET MVC
KnockOutJS with ASP.NET MVCKnockOutJS with ASP.NET MVC
KnockOutJS with ASP.NET MVC
LearnNowOnline
 
Building Windows 8 Metro Style Applications Using JavaScript and HTML5
Building Windows 8 Metro Style Applications Using JavaScript and HTML5Building Windows 8 Metro Style Applications Using JavaScript and HTML5
Building Windows 8 Metro Style Applications Using JavaScript and HTML5
LearnNowOnline
 
Bring a Web Page Alive with jQuery
Bring a Web Page Alive with jQueryBring a Web Page Alive with jQuery
Bring a Web Page Alive with jQuery
LearnNowOnline
 
Managing site collections
Managing site collectionsManaging site collections
Managing site collections
LearnNowOnline
 
What's new in Silverlight 5
What's new in Silverlight 5What's new in Silverlight 5
What's new in Silverlight 5
LearnNowOnline
 
Creating a User Interface
Creating a User InterfaceCreating a User Interface
Creating a User Interface
LearnNowOnline
 
Object oriented techniques
Object oriented techniquesObject oriented techniques
Object oriented techniques
LearnNowOnline
 
Changing culture through revolving doors program @ Deluxe
Changing culture through revolving doors program @ DeluxeChanging culture through revolving doors program @ Deluxe
Changing culture through revolving doors program @ Deluxe
Nalie Lee-Heidt
 
Become a Professional Web Designer
Become a Professional Web DesignerBecome a Professional Web Designer
Become a Professional Web Designer
Tekno Point
 
Mobile Monday Presentation April 2010
Mobile Monday Presentation April 2010Mobile Monday Presentation April 2010
Mobile Monday Presentation April 2010
EffectiveUI
 
Mobile Monday Presentation April 2010
Mobile Monday Presentation April 2010Mobile Monday Presentation April 2010
Mobile Monday Presentation April 2010
Effective
 
Building Hybrid Mobile Apps for AppExchange
Building Hybrid Mobile Apps for AppExchangeBuilding Hybrid Mobile Apps for AppExchange
Building Hybrid Mobile Apps for AppExchange
Salesforce Developers
 
New in the Visual Studio 2012 IDE
New in the Visual Studio 2012 IDENew in the Visual Studio 2012 IDE
New in the Visual Studio 2012 IDE
LearnNowOnline
 
Ad

More from LearnNowOnline (20)

Windows 8: Shapes and Geometries
Windows 8: Shapes and GeometriesWindows 8: Shapes and Geometries
Windows 8: Shapes and Geometries
LearnNowOnline
 
SQL: Permissions and Data Protection
SQL: Permissions and Data ProtectionSQL: Permissions and Data Protection
SQL: Permissions and Data Protection
LearnNowOnline
 
Attributes, reflection, and dynamic programming
Attributes, reflection, and dynamic programmingAttributes, reflection, and dynamic programming
Attributes, reflection, and dynamic programming
LearnNowOnline
 
Asynchronous Programming
Asynchronous ProgrammingAsynchronous Programming
Asynchronous Programming
LearnNowOnline
 
WPF: Working with Data
WPF: Working with DataWPF: Working with Data
WPF: Working with Data
LearnNowOnline
 
WPF Binding
WPF BindingWPF Binding
WPF Binding
LearnNowOnline
 
A tour of SQL Server
A tour of SQL ServerA tour of SQL Server
A tour of SQL Server
LearnNowOnline
 
Generics
GenericsGenerics
Generics
LearnNowOnline
 
Object-Oriented JavaScript
Object-Oriented JavaScriptObject-Oriented JavaScript
Object-Oriented JavaScript
LearnNowOnline
 
SharePoint Document Management
SharePoint Document ManagementSharePoint Document Management
SharePoint Document Management
LearnNowOnline
 
SharePoint: Introduction to InfoPath
SharePoint: Introduction to InfoPathSharePoint: Introduction to InfoPath
SharePoint: Introduction to InfoPath
LearnNowOnline
 
Web API HTTP Pipeline
Web API HTTP PipelineWeb API HTTP Pipeline
Web API HTTP Pipeline
LearnNowOnline
 
Web API Basics
Web API BasicsWeb API Basics
Web API Basics
LearnNowOnline
 
SQL Server: Security
SQL Server: SecuritySQL Server: Security
SQL Server: Security
LearnNowOnline
 
Sql 2012 development and programming
Sql 2012  development and programmingSql 2012  development and programming
Sql 2012 development and programming
LearnNowOnline
 
Introducing the Entity Framework
Introducing the Entity FrameworkIntroducing the Entity Framework
Introducing the Entity Framework
LearnNowOnline
 
Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVC
LearnNowOnline
 
Working with Controllers and Actions in MVC
Working with Controllers and Actions in MVCWorking with Controllers and Actions in MVC
Working with Controllers and Actions in MVC
LearnNowOnline
 
.Net branching and flow control
.Net branching and flow control.Net branching and flow control
.Net branching and flow control
LearnNowOnline
 
Using The .NET Framework
Using The .NET FrameworkUsing The .NET Framework
Using The .NET Framework
LearnNowOnline
 
Windows 8: Shapes and Geometries
Windows 8: Shapes and GeometriesWindows 8: Shapes and Geometries
Windows 8: Shapes and Geometries
LearnNowOnline
 
SQL: Permissions and Data Protection
SQL: Permissions and Data ProtectionSQL: Permissions and Data Protection
SQL: Permissions and Data Protection
LearnNowOnline
 
Attributes, reflection, and dynamic programming
Attributes, reflection, and dynamic programmingAttributes, reflection, and dynamic programming
Attributes, reflection, and dynamic programming
LearnNowOnline
 
Asynchronous Programming
Asynchronous ProgrammingAsynchronous Programming
Asynchronous Programming
LearnNowOnline
 
WPF: Working with Data
WPF: Working with DataWPF: Working with Data
WPF: Working with Data
LearnNowOnline
 
Object-Oriented JavaScript
Object-Oriented JavaScriptObject-Oriented JavaScript
Object-Oriented JavaScript
LearnNowOnline
 
SharePoint Document Management
SharePoint Document ManagementSharePoint Document Management
SharePoint Document Management
LearnNowOnline
 
SharePoint: Introduction to InfoPath
SharePoint: Introduction to InfoPathSharePoint: Introduction to InfoPath
SharePoint: Introduction to InfoPath
LearnNowOnline
 
Sql 2012 development and programming
Sql 2012  development and programmingSql 2012  development and programming
Sql 2012 development and programming
LearnNowOnline
 
Introducing the Entity Framework
Introducing the Entity FrameworkIntroducing the Entity Framework
Introducing the Entity Framework
LearnNowOnline
 
Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVC
LearnNowOnline
 
Working with Controllers and Actions in MVC
Working with Controllers and Actions in MVCWorking with Controllers and Actions in MVC
Working with Controllers and Actions in MVC
LearnNowOnline
 
.Net branching and flow control
.Net branching and flow control.Net branching and flow control
.Net branching and flow control
LearnNowOnline
 
Using The .NET Framework
Using The .NET FrameworkUsing The .NET Framework
Using The .NET Framework
LearnNowOnline
 
Ad

Recently uploaded (20)

Dev Dives: Automate and orchestrate your processes with UiPath Maestro
Dev Dives: Automate and orchestrate your processes with UiPath MaestroDev Dives: Automate and orchestrate your processes with UiPath Maestro
Dev Dives: Automate and orchestrate your processes with UiPath Maestro
UiPathCommunity
 
Cyber Awareness overview for 2025 month of security
Cyber Awareness overview for 2025 month of securityCyber Awareness overview for 2025 month of security
Cyber Awareness overview for 2025 month of security
riccardosl1
 
Generative Artificial Intelligence (GenAI) in Business
Generative Artificial Intelligence (GenAI) in BusinessGenerative Artificial Intelligence (GenAI) in Business
Generative Artificial Intelligence (GenAI) in Business
Dr. Tathagat Varma
 
Linux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdfLinux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdf
RHCSA Guru
 
Linux Support for SMARC: How Toradex Empowers Embedded Developers
Linux Support for SMARC: How Toradex Empowers Embedded DevelopersLinux Support for SMARC: How Toradex Empowers Embedded Developers
Linux Support for SMARC: How Toradex Empowers Embedded Developers
Toradex
 
Manifest Pre-Seed Update | A Humanoid OEM Deeptech In France
Manifest Pre-Seed Update | A Humanoid OEM Deeptech In FranceManifest Pre-Seed Update | A Humanoid OEM Deeptech In France
Manifest Pre-Seed Update | A Humanoid OEM Deeptech In France
chb3
 
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
Alan Dix
 
#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025
#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025
#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025
BookNet Canada
 
Special Meetup Edition - TDX Bengaluru Meetup #52.pptx
Special Meetup Edition - TDX Bengaluru Meetup #52.pptxSpecial Meetup Edition - TDX Bengaluru Meetup #52.pptx
Special Meetup Edition - TDX Bengaluru Meetup #52.pptx
shyamraj55
 
Semantic Cultivators : The Critical Future Role to Enable AI
Semantic Cultivators : The Critical Future Role to Enable AISemantic Cultivators : The Critical Future Role to Enable AI
Semantic Cultivators : The Critical Future Role to Enable AI
artmondano
 
How Can I use the AI Hype in my Business Context?
How Can I use the AI Hype in my Business Context?How Can I use the AI Hype in my Business Context?
How Can I use the AI Hype in my Business Context?
Daniel Lehner
 
How analogue intelligence complements AI
How analogue intelligence complements AIHow analogue intelligence complements AI
How analogue intelligence complements AI
Paul Rowe
 
2025-05-Q4-2024-Investor-Presentation.pptx
2025-05-Q4-2024-Investor-Presentation.pptx2025-05-Q4-2024-Investor-Presentation.pptx
2025-05-Q4-2024-Investor-Presentation.pptx
Samuele Fogagnolo
 
Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...
Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...
Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...
BookNet Canada
 
UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager API
UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager APIUiPath Community Berlin: Orchestrator API, Swagger, and Test Manager API
UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager API
UiPathCommunity
 
Quantum Computing Quick Research Guide by Arthur Morgan
Quantum Computing Quick Research Guide by Arthur MorganQuantum Computing Quick Research Guide by Arthur Morgan
Quantum Computing Quick Research Guide by Arthur Morgan
Arthur Morgan
 
Into The Box Conference Keynote Day 1 (ITB2025)
Into The Box Conference Keynote Day 1 (ITB2025)Into The Box Conference Keynote Day 1 (ITB2025)
Into The Box Conference Keynote Day 1 (ITB2025)
Ortus Solutions, Corp
 
Big Data Analytics Quick Research Guide by Arthur Morgan
Big Data Analytics Quick Research Guide by Arthur MorganBig Data Analytics Quick Research Guide by Arthur Morgan
Big Data Analytics Quick Research Guide by Arthur Morgan
Arthur Morgan
 
Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...
Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...
Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...
Impelsys Inc.
 
IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...
IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...
IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...
organizerofv
 
Dev Dives: Automate and orchestrate your processes with UiPath Maestro
Dev Dives: Automate and orchestrate your processes with UiPath MaestroDev Dives: Automate and orchestrate your processes with UiPath Maestro
Dev Dives: Automate and orchestrate your processes with UiPath Maestro
UiPathCommunity
 
Cyber Awareness overview for 2025 month of security
Cyber Awareness overview for 2025 month of securityCyber Awareness overview for 2025 month of security
Cyber Awareness overview for 2025 month of security
riccardosl1
 
Generative Artificial Intelligence (GenAI) in Business
Generative Artificial Intelligence (GenAI) in BusinessGenerative Artificial Intelligence (GenAI) in Business
Generative Artificial Intelligence (GenAI) in Business
Dr. Tathagat Varma
 
Linux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdfLinux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdf
RHCSA Guru
 
Linux Support for SMARC: How Toradex Empowers Embedded Developers
Linux Support for SMARC: How Toradex Empowers Embedded DevelopersLinux Support for SMARC: How Toradex Empowers Embedded Developers
Linux Support for SMARC: How Toradex Empowers Embedded Developers
Toradex
 
Manifest Pre-Seed Update | A Humanoid OEM Deeptech In France
Manifest Pre-Seed Update | A Humanoid OEM Deeptech In FranceManifest Pre-Seed Update | A Humanoid OEM Deeptech In France
Manifest Pre-Seed Update | A Humanoid OEM Deeptech In France
chb3
 
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
Alan Dix
 
#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025
#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025
#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025
BookNet Canada
 
Special Meetup Edition - TDX Bengaluru Meetup #52.pptx
Special Meetup Edition - TDX Bengaluru Meetup #52.pptxSpecial Meetup Edition - TDX Bengaluru Meetup #52.pptx
Special Meetup Edition - TDX Bengaluru Meetup #52.pptx
shyamraj55
 
Semantic Cultivators : The Critical Future Role to Enable AI
Semantic Cultivators : The Critical Future Role to Enable AISemantic Cultivators : The Critical Future Role to Enable AI
Semantic Cultivators : The Critical Future Role to Enable AI
artmondano
 
How Can I use the AI Hype in my Business Context?
How Can I use the AI Hype in my Business Context?How Can I use the AI Hype in my Business Context?
How Can I use the AI Hype in my Business Context?
Daniel Lehner
 
How analogue intelligence complements AI
How analogue intelligence complements AIHow analogue intelligence complements AI
How analogue intelligence complements AI
Paul Rowe
 
2025-05-Q4-2024-Investor-Presentation.pptx
2025-05-Q4-2024-Investor-Presentation.pptx2025-05-Q4-2024-Investor-Presentation.pptx
2025-05-Q4-2024-Investor-Presentation.pptx
Samuele Fogagnolo
 
Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...
Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...
Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...
BookNet Canada
 
UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager API
UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager APIUiPath Community Berlin: Orchestrator API, Swagger, and Test Manager API
UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager API
UiPathCommunity
 
Quantum Computing Quick Research Guide by Arthur Morgan
Quantum Computing Quick Research Guide by Arthur MorganQuantum Computing Quick Research Guide by Arthur Morgan
Quantum Computing Quick Research Guide by Arthur Morgan
Arthur Morgan
 
Into The Box Conference Keynote Day 1 (ITB2025)
Into The Box Conference Keynote Day 1 (ITB2025)Into The Box Conference Keynote Day 1 (ITB2025)
Into The Box Conference Keynote Day 1 (ITB2025)
Ortus Solutions, Corp
 
Big Data Analytics Quick Research Guide by Arthur Morgan
Big Data Analytics Quick Research Guide by Arthur MorganBig Data Analytics Quick Research Guide by Arthur Morgan
Big Data Analytics Quick Research Guide by Arthur Morgan
Arthur Morgan
 
Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...
Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...
Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...
Impelsys Inc.
 
IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...
IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...
IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...
organizerofv
 

Expression Blend Motion & Interaction Design

  • 1. Expression Blend Motion & Interaction Design Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 2. Overview: Motion and Interaction Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 3. Overview: Motion and Interaction • Why Interaction/Motion Design Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 4. Overview: Motion and Interaction • Why Interaction/Motion Design • More implementation then concept Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 5. Overview: Motion and Interaction • Why Interaction/Motion Design • More implementation then concept • Motion Design Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 6. Overview: Motion and Interaction • Why Interaction/Motion Design • More implementation then concept • Motion Design • Motion Studies Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 7. Why Interaction/Motion Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 8. Why Interaction/Motion • Design of Interaction Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 9. Why Interaction/Motion • Design of Interaction • More related to experience design or ux design Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 10. Why Interaction/Motion • Design of Interaction • More related to experience design or ux design • Broad topic sometimes misconstrued as motion design Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 11. Why Interaction/Motion • 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 Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 12. Why Interaction/Motion • 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
  • 13. Five Dimensions of Interaction Design Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 14. Five Dimensions of Interaction Design • Words (defines interactions) Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 15. Five Dimensions of Interaction Design • Words (defines interactions) • Visual Representations Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 16. Five Dimensions of Interaction Design • Words (defines interactions) • Visual Representations • Physical Objects or Space Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 17. Five Dimensions of Interaction Design • Words (defines interactions) • Visual Representations • Physical Objects or Space • Time Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 18. Five Dimensions of Interaction Design • Words (defines interactions) • Visual Representations • Physical Objects or Space • Time • Behavior Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 19. Five Dimensions of Interaction Design • Words (defines interactions) • Visual Representations • Physical Objects or Space • Time • Behavior Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 20. Five Dimensions of Interaction Design • Words (defines interactions) • Visual Representations • Physical Objects or Space • Time • Behavior Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 21. 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
  • 22. Motion Design Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 23. Motion Design • The part of Graphic Design related to Motion and animation Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 24. Motion Design • The part of Graphic Design related to Motion and animation • More narrow then IxD Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 25. 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 Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 26. 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
  • 27. Motion Studies Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 28. Motion Studies • A U.I. or visual representation of a U.I. element showing a potential motion or animation that a user would see. Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 29. 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 Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 30. 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 Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 31. 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
  • 32. Motion Study Types and Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 33. Motion Study Types and • Small single elements Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 34. Motion Study Types and • Small single elements • UI elements, icons, buttons etc Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 35. Motion Study Types and • Small single elements • UI elements, icons, buttons etc • Pages and Screens Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 36. Motion Study Types and • 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
  • 37. Motion and Animation Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 38. Motion and Animation • Applies to WPF, XAML, Windows 8, Windows Phone, and just about anything else Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 39. Motion and Animation • Applies to WPF, XAML, Windows 8, Windows Phone, and just about anything else • General in Blend Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 40. 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
  • 41. Learn More! Learn More @ http://www.learnnowonline.com Copyright © by Application Developers Training Company
  • 42. 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

Editor's Notes