Designing Compelling Silverlight User Experiences with Expression Studio Shane Morris User Experience Evangelist Microsoft...
Expression Studio Ecosystem Expression Blend Expression Web PhotoShop Illustrator Visio... AfterEffects FinalCut Pro Audig...
 
Process – 5 C’s <ul><li>Don’t start at the end! </li></ul>
Concept <ul><li>Wireframes </li></ul><ul><ul><li>1. PowerPoint </li></ul></ul><ul><ul><li>2. Expression Design </li></ul><...
Contract <ul><li>Agreed objects and events that form the conduit between front end and back end </li></ul>
Contract Name Type Notes UC_PeepControl User Control Avatar UC_PeepControl.SB_Enter Storyboard Attendee arrival UC_PeepCon...
Construction
Content <ul><li>Video </li></ul><ul><li>Audio </li></ul><ul><li>Graphics </li></ul><ul><li>Copy </li></ul>
Composition <ul><li>Assemble HTML </li></ul><ul><li>Load Assets </li></ul>
Expression Studio Ecosystem PhotoShop Illustrator Visio... AfterEffects FinalCut Pro Audigy... DeepZoom Composer Expressio...
Lessons Learnt <ul><li>Wireframing </li></ul><ul><li>Expression Design does have a role </li></ul><ul><ul><li>Comps withou...
Related Content - Sessions WEB312 Wed 5:30pm Self-service usability: making it easy for people to help themselves Susan Wo...
Related Content  –  Hands On Labs OFC303 Using Microsoft Silverlight to Enhance the Look and Feel of Microsoft Office Shar...
Please complete an evaluation
© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be...
Upcoming SlideShare
Loading in...5
×

Web311 Designing Compelling Silverlight User Experiences With Expression Studio

2,185
-1

Published on

My slides from Tech.Ed Australia.

Published in: Business, Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,185
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
114
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide
  • 06/04/09 12:37 © 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
  • Web311 Designing Compelling Silverlight User Experiences With Expression Studio

    1. 2. Designing Compelling Silverlight User Experiences with Expression Studio Shane Morris User Experience Evangelist Microsoft Australia Session Code: WEB311
    2. 3. Expression Studio Ecosystem Expression Blend Expression Web PhotoShop Illustrator Visio... AfterEffects FinalCut Pro Audigy... DeepZoom Composer Expression Media Expression Blend Expression Web Zam3D ... Expression Design Expression Encoder
    3. 5. Process – 5 C’s <ul><li>Don’t start at the end! </li></ul>
    4. 6. Concept <ul><li>Wireframes </li></ul><ul><ul><li>1. PowerPoint </li></ul></ul><ul><ul><li>2. Expression Design </li></ul></ul><ul><ul><ul><li>Graphic Design proceeds... </li></ul></ul></ul><ul><ul><li>3. Expression Blend </li></ul></ul><ul><ul><ul><li>Interaction Design proceeds... </li></ul></ul></ul><ul><ul><ul><li>Development proceeds... </li></ul></ul></ul>
    5. 7. Contract <ul><li>Agreed objects and events that form the conduit between front end and back end </li></ul>
    6. 8. Contract Name Type Notes UC_PeepControl User Control Avatar UC_PeepControl.SB_Enter Storyboard Attendee arrival UC_PeepControl.SB_Exit Storyboard Attendee departure CV_Theatre Canvas Boundary for Theatre Scene TBL_Pax TextBlock # Attendees ME_Video Media Element Logos video loop GD_ChartContainer Grid Container for graphs TBL_SponsorType Text Block Type of current sponsor UC_PeepControl.VS_Vic UC_PeepControl.VS_NSW ... Visual State Visual State if from Victoria (etc. for NSW, Qld, SA, WA, Tas, ACT, NT)
    7. 9. Construction
    8. 10. Content <ul><li>Video </li></ul><ul><li>Audio </li></ul><ul><li>Graphics </li></ul><ul><li>Copy </li></ul>
    9. 11. Composition <ul><li>Assemble HTML </li></ul><ul><li>Load Assets </li></ul>
    10. 12. Expression Studio Ecosystem PhotoShop Illustrator Visio... AfterEffects FinalCut Pro Audigy... DeepZoom Composer Expression Media Expression Blend Expression Web Zam3D ... Expression Design Expression Encoder Expression Blend Expression Web
    11. 13. Lessons Learnt <ul><li>Wireframing </li></ul><ul><li>Expression Design does have a role </li></ul><ul><ul><li>Comps without layout </li></ul></ul><ul><ul><li>Bitmap effects </li></ul></ul><ul><ul><li>More complex elements </li></ul></ul><ul><ul><li>Slicing </li></ul></ul><ul><li>The Contract </li></ul><ul><ul><li>Agreed Names </li></ul></ul><ul><ul><li>Naming Conventions </li></ul></ul>
    12. 14. Related Content - Sessions WEB312 Wed 5:30pm Self-service usability: making it easy for people to help themselves Susan Wolfe OFC303 Wed 5:30pm Enhance the SharePoint User Interface with Silverlight 2 William Cornwill WEB??? Thu Silverlight 2 for Developers Jonas Follesø DEV350 Thu 10:15am Introducing Silverlight for mobile applications Amit Chopra SVR320 Fri 10:15am Delivering Rich Media on Windows Server 2008 Jorke Odolphi WEB304 Fri 10:15am Web Futures - the next 18 months Panel TOT344 Fri 2:00pm Implementing RFID with BizTalk server Rahul Garg
    13. 15. Related Content – Hands On Labs OFC303 Using Microsoft Silverlight to Enhance the Look and Feel of Microsoft Office SharePoint Server 2007 WUX06 Using the ASP.NET Silverlight Control and Microsoft Silverlight Tools WUX07 Animations in Microsoft Silverlight 2.0 WUX09 Building Reusable Controls with Microsoft Silverlight 2.0 WUX11 Microsoft Silverlight 2.0 Foundations WUX13 Using the ASP.NET MediaPlayer Control WUX16 Communications and Data with Microsoft Silverlight 2.0 WUX17 Creating a Great Looking Windows Presentation Foundation Button with Microsoft Expression Blend and Expression Design
    14. 16. Please complete an evaluation
    15. 17. © 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×