Pimp My App Shane Morris


Published on

Presentation at CodeCampOz April 2008

Published in: Technology, Business
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • 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... <ul><li>What the coder can build in the time available </li></ul><ul><li>What the coder can build </li></ul><ul><li>What the coder can be bothered building </li></ul><ul><li>What the coder understands of the spec </li></ul><ul><li>What spec there is </li></ul>
    6. So what I want to talk about is... <ul><li>What you can do about UX </li></ul><ul><li>How to work with UX people </li></ul>
    7. Why all the fuss?
    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 Dev’s
    19. The Blank Canvas
    20. <ul><li>List everything you need to show </li></ul><ul><li>Select the right widgets </li></ul><ul><li>Check for standards & consistency </li></ul>
    21. 2. Map out the workflow <ul><li>In what order are people most likely to work? </li></ul>
    22. 3. Layout the elements <ul><li>Left-right, Top-Bottom </li></ul>
    23. 3. Layout the elements
    24. 4. Check grouping <ul><li>Rearrange items if there are more natural groupings. </li></ul>
    25. Presentation Design for Dev’s http://elephant-photos.com/images/elephant-painting-2.jpg
    26. Presentation Design <ul><li>Remove every unnecessary element </li></ul><ul><li>Minimise variation </li></ul><ul><li>Line stuff up </li></ul><ul><li>Space and size things evenly </li></ul><ul><li>Indicate grouping </li></ul><ul><li>Adjust visual weight </li></ul>
    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 <ul><li>Technology is boring, People are interesting </li></ul><ul><li>They have wild ideas, be patient </li></ul><ul><li>They change their minds </li></ul><ul><li>“ It depends...” </li></ul>
    36. How to get your way with UX people <ul><li>When designers present their initial design concepts, say... </li></ul>“ How will the loosely-typed bytecode hashing algorithm perform pre-emptive third-normal form garbage collection?&quot;
    37. Recap <ul><li>Interaction Design </li></ul><ul><ul><li>List everything you need to show </li></ul></ul><ul><ul><li>Map out the workflow </li></ul></ul><ul><ul><li>Layout the elements </li></ul></ul><ul><ul><li>Check grouping </li></ul></ul><ul><li>User context </li></ul><ul><ul><li>(Where have they been, where are they going?) </li></ul></ul><ul><li>Presentation Design </li></ul><ul><ul><li>Remove unnecessary elements </li></ul></ul><ul><ul><li>Minimise variation </li></ul></ul><ul><ul><li>Line stuff up </li></ul></ul><ul><ul><li>Space and size things evenly </li></ul></ul><ul><ul><li>Indicate grouping </li></ul></ul><ul><ul><li>Adjust visual weight </li></ul></ul><ul><li>Less is more! </li></ul>
    38. <ul><li>Prizes brought to you by... </li></ul>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