Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Interaktionsdesign och SketchFlow

2,011 views

Published on

Presentation hos SweNug Gbg den 18 februari 2010

Published in: Technology
  • Be the first to like this

Interaktionsdesign och SketchFlow

  1. 1. Interaction Design & SketchFlow<br />Danwei Tran<br />Developer evangelist, Microsoft<br />
  2. 2. Checklista<br />Vad är interaktionsdesign?<br />Hur designar jag upplevelser?<br />Hur skapar jag interaktiva prototyper?<br />
  3. 3. Vadärinteraktionsdesign?<br />
  4. 4. Vad är interaktionsdesign?<br />
  5. 5. User experience<br />design<br />Industrial design<br />Information<br />architecture<br />Interaction design<br />Communication<br />design<br />Human factors<br />User interface<br />engineering<br />Usability engineering<br />Human-computer<br />interaction<br />Vad är interaktionsdesign?<br />
  6. 6. 1. Gilla<br />3. Använda<br />2. Förstå<br />Vad är interaktionsdesign?<br />
  7. 7. <ul><li>User-centered design
  8. 8. Activity-centered design
  9. 9. Genius design</li></ul>Hurdesignar jag upplevelser?<br />Olika tillvägagångssätt<br />
  10. 10. <ul><li>User-centered design
  11. 11. Activity-centered design
  12. 12. Genius design</li></ul>Hurdesignar jag upplevelser?<br />Olika tillvägagångssätt<br />
  13. 13. User-centered design<br />Målgrupp & kontext<br />Krav<br />Evaluering<br />Skapa<br />Hurdesignar jag upplevelser?<br />
  14. 14. Hurdesignar jag upplevelser?<br />
  15. 15. SketchFlow<br />Hurskapar jag interaktivaprototyper?<br />
  16. 16. Designer & Developer Workflow<br />Designer<br />Developer<br />
  17. 17. UserExperience<br />Client<br />PSD, AI, Paper<br />SketchFlow<br />Expression Blend<br />3: Project<br />1: Ideas<br />2: Resources<br />Prototype<br />Production<br />Visual Studio<br />Core architecture<br />
  18. 18. Prototype<br />Production<br />PSD, AI, Paper<br />SketchFlow<br />Expression Blend<br />Visual Studio<br />ALM/Visual Studio Team System<br />Specs,<br />Requirements<br />Deployment<br />
  19. 19. Olikaprototyp-nivåer<br />
  20. 20. SketchFlow Map<br />
  21. 21. Lägg till innehållpåvarje screen<br />
  22. 22. Sketch Styles<br />
  23. 23. Scanna in skisser<br />
  24. 24. Importerafrån Photoshop…<br />Change this slide to making the prototype real<br />By utilizing the power of Blend 3.<br />
  25. 25. …ändrai Blend<br />
  26. 26. Få feedback<br />
  27. 27. Behaviors<br />
  28. 28. Skapa/importera data<br />
  29. 29. Genereradokumentation<br />
  30. 30. Tips:<br />www.dynamic-prototyping.com<br />
  31. 31. Kontaktamiggärna<br />danwei.tran@microsoft.com<br />www.twitter.com/danweitran<br />www.blogs.technet.com/danwei<br />MIX10<br />15-16 mars i Las Vegas www.microsoft.com/mix<br />

×