O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

UX Super Powers with Expression Blend (14 Out 2010)

1.086 visualizações

Publicada em

At Microsoft WebDay 2010 Conference, talking about User Experience and the usage of Expression Blend for "troubleshooting" and "enhancing" UX in Silverlight projects

Publicada em: Tecnologia
  • Seja o primeiro a comentar

UX Super Powers with Expression Blend (14 Out 2010)

  1. 1.
  2. 2. UX Super Powers with Expression Blend<br />Ricardo Castelhano - Interactive Developer & Speaker<br />
  3. 3. UX Super Powers with Expression Blend<br />Ricardo Castelhano - Interactive Developer & Speaker<br />
  4. 4.
  5. 5. agenda<br />part I<br />
  6. 6. user experience<br />product development process<br />problems<br />agenda I<br />
  7. 7. ux<br />
  8. 8. interaction design<br />information architecture<br />human-computer interaction<br />human factors engineering<br />usability<br />user interface design <br />user experience<br />
  9. 9. user experience<br />
  10. 10. product development process<br />
  11. 11. product development process<br />R&DTeam<br />Sales<br />Engineering<br />Design<br />
  12. 12. product development process<br />sketching user experiences, Bill Buxton<br />
  13. 13. problems<br />
  14. 14. he doesn’t listen to me anymore<br />problems I<br />couple therapy ?<br />
  15. 15. i don’t want to learn a new trick<br />problems II<br />Designer<br />Developer<br />
  16. 16. i don’t want to learn a new trick<br />problems II<br />Developer<br />Designer<br />
  17. 17. i want to know your thoughts<br />problems III<br />
  18. 18. i don’t want to bother<br />problems IV<br />
  19. 19. agenda<br />part II<br />
  20. 20. expression sketchflow or “how to get info from your client or users in a early phase”<br />graphics & layout or “how to ‘code’ XAML for a non-developer”<br />controls or “how to let a breath of a relief developer”<br />view and viewmodels or “how to keep designer-creativity away from developer-creativity”<br />data and resourcesor “wait not for the bus and maintain a constant design”<br />animation and interactionor “how to teach users without teaching”<br />agenda<br />
  21. 21. expression sketchflow<br />quick way to explore and iterate ui scenarios<br />non-linear prototypes<br />prototype with the right visual fidelity<br />work with your client/users<br />interactive prototypes with no code involved<br />sample data sources for the right feeling<br />keep the team updated<br />
  22. 22. graphics & layout<br />photoshop and illustrator file importing<br />adobe fxg support<br />The right control for the right job<br />grid calendar richtextbox<br /> canvas checkbox<br /> stackpanel datapager<br /> scrollviewer button<br /> listbox textblock<br /> pathlistbox textbox viewbox<br />
  23. 23. controls<br />the good “old” developers controls<br />pre-built funcionality<br />visual state manager engine<br />fully customizable visually<br />build your own controls (usercontrols)<br />parts & states model<br />
  24. 24. views and viewmodels<br />page / control / usercontrol<br />visual layer (xaml)<br />logical layer (code-behind)<br />designer and developer’s sanity<br />view is for visual layer<br />viewmodel if for logical layer<br />new behaviors<br />conditional behaviors and the data store<br />
  25. 25. data and resources<br />design-time data sources<br />design-time resources<br />style resources<br />resource dictionaries<br />data binding<br />easier element-to-element property binding<br />
  26. 26. animation & interaction<br />time-based timeline<br />easing functions<br />visual state manager engine<br />reusable behaviors<br />xaml cleanliness<br />
  27. 27. Ricardo Castelhano<br />Interactive Developer & Speaker<br />Blog: ricardocastelhano.com<br />Email: geral@ricardocastelhano.com<br />Obrigado<br />RicCastelhano<br />