Pimp My App Shane Morris

  • View

  • Download

Embed Size (px)


Presentation at CodeCampOz April 2008

Text of Pimp My App Shane Morris

  • 1.Pimp My App Shane Morris User Experience Evangelist Microsoft Australia

2. A little bit about me... 3. Why am I here? 4. Coders own the user experience 5. The final User Experience is determined by...

  • What the coder can build in the time available
  • What the coder can build
  • What the coder can be bothered building
  • What the coder understands of the spec
  • What spec there is

6. So what I want to talk about is...

  • Whatyoucan do about UX
  • How to work with UX people

7. Why all the fuss? 8. 9. User Experience 10. A Quick Poll For your project: No Yes Usability / User experience requirements set up-front? Individual(s) responsible for user experience? UI specified before coding time? Usability testing at end of project? Usability testing during project? 11. But what can I do? 12. What is the single most important thing you can do to improve your projects user experience? 13. Functionality the natural enemy of usability 14. User Experience Design Process 15. User Experience Design Process You are here(mostly) 16. User-Centred Design (Methodology) Contextual Inquiry Affinity Diagramming Usability Testing Personas Paper Prototyping Collaborative Design Heuristic Evaluation Wireframing Cognitive Walkthrough Activity Scenarios Focus Groups Card Sorting Cultural Probes Analytics 17. User Experience Design Process You are here(mostly) 18. Interaction Design for Devs 19. The Blank Canvas 20.

  • List everything you need to show
  • Select the right widgets
  • Check for standards & consistency

21. 2. Map out the workflow

  • In what order are people most likely to work?

22. 3. Layout the elements

  • Left-right, Top-Bottom

23. 3. Layout the elements 24. 4. Check grouping

  • Rearrange items if there are more natural groupings.

25. Presentation Design for Devs http://elephant-photos.com/images/elephant-painting-2.jpg 26. Presentation Design

  • Remove every unnecessary element
  • Minimise variation
  • Line stuffup
  • Space and size things evenly
  • Indicate grouping
  • Adjust visual weight

27. 3. Line Stuff up 28. 4. Space and Size Things Evenly 29. 5. Indicate Grouping 30. How to indicate grouping? 31. 6. Adjust Visual Weight 32. Working with UX people 33. UX Roles 34. The (most annoying) thing about design 35. Working with UX people

  • Technology is boring, People are interesting
  • They have wild ideas, be patient
  • They change their minds
  • It depends...

36. How to get your way with UX people

  • When designers present their initial design concepts, say...

How will the loosely-typed bytecode hashing algorithm perform pre-emptive third-normal form garbage collection?" 37. Recap

  • Interaction Design
    • List everything you need to show
    • Map out the workflow
    • Layout the elements
    • Check grouping
  • User context
    • (Where have they been, where are they going?)
  • Presentation Design
    • Remove unnecessary elements
    • Minimise variation
    • Line stuffup
    • Space and size things evenly
    • Indicate grouping
    • Adjust visual weight
  • Less is more!


  • Prizes brought to you by...

Questions REMIX 08 The Next Web Now Sydney May 20 Melbourne May 22 microsoft.com/australia/remix 39. Thank You Shane Morris [email_address] blogs.msdn.com/shanemo www.microsoft.com/australia/remix