Prototyping with Expression SketchFlow (2 Fev 2010)

743 visualizações

Publicada em

2010's first Microsoft Conference about the Web. Talking about how to prototype with Expression SketchFlow for Silverlight projects.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Prototyping with Expression SketchFlow (2 Fev 2010)

  1. 1. SketchFlow:do Protótipo à Produção<br />Ricardo CastelhanoTrainer & Consultant @ ITech4All<br />
  2. 2. Agenda<br />Introduction<br />Flow & Composition Of An App<br />Just The Right Fidelity<br />Work With Your Client<br />A Prototype CAN Be Interactive<br />Do I Have To Write All That Lipsum Crap?<br />Keep Everyone Updated<br />Q&A<br />
  3. 3. About Me<br />Ricardo Castelhano<br />Trainer & Consultant @ ITech4All<br />Mail: ricardo.castelhano@itech4all.com<br />rc@ricardocastelhano.com<br />Blogs: http://www.ricardocastelhano.com<br /> http://xamlpt.com/blogs/ricardocastelhano<br />http://pontonetpt.com/blogs/ricardocastelhano<br />Twitter: @RicCastelhano<br />
  4. 4. Agenda<br />Introduction<br />Flow & Composition Of An App<br />Just The Right Fidelity<br />Work With Your Client<br />A Prototype CAN Be Interactive<br />Do I Have To Write All That Lipsum Crap?<br />Keep Everyone Updated<br />Q&A<br />
  5. 5. Introduction<br />Feature within Expression Blend 3<br />Quick Way to Explore and Iterate UI Scenarios<br />Non-Linear Prototypes<br />Convert Prototypes in Working Applications<br />Helps Save Money !!<br />
  6. 6. Agenda<br />Introduction<br />Flow & Composition Of An App<br />Just The Right Fidelity<br />Work With Your Client<br />A Prototype CAN Be Interactive<br />Do I Have To Write All That Lipsum Crap?<br />Keep Everyone Updated<br />Q&A<br />
  7. 7. Flow & Composition Of An App<br />http://www.branded3.com<br />
  8. 8. DEMO<br />SketchFlow Map<br />
  9. 9. Agenda<br />Introduction<br />Flow & Composition Of An App<br />Just The Right Fidelity<br />Work With Your Client<br />A Prototype CAN Be Interactive<br />Do I Have To Write All That Lipsum Crap?<br />Keep Everyone Updated<br />Q&A<br />
  10. 10. Just The Right Fidelity<br />“I like the concept, but what about the user experience?”<br />The Back Of The Napkin<br />
  11. 11. Just The Right Fidelity<br />“Errr, I don’t like that colour much !”<br />http://www.freewebtemplates.com<br />
  12. 12. Just The Right Fidelity<br />http://www.boxesandarrows.com<br />
  13. 13. DEMO<br />Sketch Styles<br />
  14. 14. Agenda<br />Introduction<br />Flow & Composition Of An App<br />Just The Right Fidelity<br />Work With Your Client<br />A Prototype CAN Be Interactive<br />Do I Have To Write All That Lipsum Crap?<br />Keep Everyone Updated<br />Q&A<br />
  15. 15. Work With Your Client<br />
  16. 16. DEMO<br />Feedback<br />
  17. 17. Agenda<br />Introduction<br />Flow & Composition Of An App<br />Just The Right Fidelity<br />Work With Your Client<br />A Prototype CAN Be Interactive<br />Do I Have To Write All That Lipsum Crap?<br />Keep Everyone Updated<br />Q&A<br />
  18. 18. A Prototype CAN Be Interactive<br />No Code Needed !<br />Behaviors<br />States<br />SketchFlow Animations<br />
  19. 19. A Prototype CAN Be Interactive<br />YES, Homer Simpson’s can!<br />
  20. 20. DEMO<br />Interactivity<br />
  21. 21. Agenda<br />Introduction<br />Flow & Composition Of An App<br />Just The Right Fidelity<br />Work With Your Client<br />A Prototype CAN Be Interactive<br />Do I Have To Write All That Lipsum Crap?<br />Keep Everyone Updated<br />Q&A<br />
  22. 22. Do I Have To Write All That Lipsum Crap?<br />http://www.mindqueue.com<br />
  23. 23. DEMO<br />Sample Data<br />
  24. 24. Agenda<br />Introduction<br />Flow & Composition Of An App<br />Just The Right Fidelity<br />Work With Your Client<br />A Prototype CAN Be Interactive<br />Do I Have To Write All That Lipsum Crap?<br />Keep Everyone Updated<br />Q&A<br />
  25. 25. Keep Everyone Updated<br />
  26. 26. DEMO<br />Documentation<br />
  27. 27. Agenda<br />Introduction<br />Flow & Composition Of An App<br />Just The Right Fidelity<br />Work With Your Client<br />A Prototype CAN Be Interactive<br />Do I Have To Write All That Lipsum Crap?<br />Keep Everyone Updated<br />Q&A<br />
  28. 28. Thank You<br />Ricardo CastelhanoTrainer & Consultant @ ITech4All<br />Mail: ricardo.castelhano@itech4all.com<br /> rc@ricardocastelhano.com<br />

×