0
Pimp My App Shane Morris User Experience Evangelist Microsoft Australia
A little bit about me...
Why am I here?
Coders own the user experience
The final User Experience is determined by... <ul><li>What the coder can build in the time available </li></ul><ul><li>Wha...
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>
Why all the fuss?
 
User Experience
A Quick Poll For your project: No Yes Usability / User experience requirements set up-front? Individual(s) responsible for...
But what can I do?
What is the single most important thing you can do to improve your projects user experience?
Functionality – the natural enemy of usability
User Experience Design Process
User Experience Design Process You are here  (mostly)
User-Centred Design (Methodology) Contextual Inquiry Affinity Diagramming Usability Testing Personas Paper Prototyping Col...
User Experience Design Process You are here  (mostly)
Interaction Design for Dev’s
The Blank Canvas
<ul><li>List everything you need to show </li></ul><ul><li>Select the right widgets </li></ul><ul><li>Check for standards ...
2. Map out the workflow <ul><li>In what order are people most likely to work? </li></ul>
3. Layout the elements <ul><li>Left-right, Top-Bottom </li></ul>
3. Layout the elements
4. Check grouping <ul><li>Rearrange items if there are more natural groupings. </li></ul>
Presentation Design for Dev’s http://elephant-photos.com/images/elephant-painting-2.jpg
Presentation Design <ul><li>Remove every unnecessary element </li></ul><ul><li>Minimise variation </li></ul><ul><li>Line s...
3. Line Stuff up
4. Space and Size Things Evenly
5. Indicate Grouping
How to indicate grouping?
6. Adjust Visual Weight
Working with UX people
UX Roles
The (most annoying) thing about design
Working with UX people <ul><li>Technology is boring, People are interesting </li></ul><ul><li>They have wild ideas, be pat...
How to get your way with UX people <ul><li>When designers present their initial design concepts, say... </li></ul>“ How wi...
Recap <ul><li>Interaction Design </li></ul><ul><ul><li>List everything you need to show </li></ul></ul><ul><ul><li>Map out...
<ul><li>Prizes brought to you by... </li></ul>Questions REMIX 08 The Next Web Now Sydney May 20 Melbourne May 22 microsoft...
Thank You Shane Morris [email_address] blogs.msdn.com/shanemo www.microsoft.com/australia/remix
Upcoming SlideShare
Loading in...5
×

Pimp My App Shane Morris

2,496

Published on

Presentation at CodeCampOz April 2008

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,496
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
41
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Transcript of "Pimp My App Shane Morris"

    1. 1. Pimp My App Shane Morris User Experience Evangelist Microsoft Australia
    2. 2. A little bit about me...
    3. 3. Why am I here?
    4. 4. Coders own the user experience
    5. 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. 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. 7. Why all the fuss?
    8. 9. User Experience
    9. 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?
    10. 11. But what can I do?
    11. 12. What is the single most important thing you can do to improve your projects user experience?
    12. 13. Functionality – the natural enemy of usability
    13. 14. User Experience Design Process
    14. 15. User Experience Design Process You are here (mostly)
    15. 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
    16. 17. User Experience Design Process You are here (mostly)
    17. 18. Interaction Design for Dev’s
    18. 19. The Blank Canvas
    19. 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>
    20. 21. 2. Map out the workflow <ul><li>In what order are people most likely to work? </li></ul>
    21. 22. 3. Layout the elements <ul><li>Left-right, Top-Bottom </li></ul>
    22. 23. 3. Layout the elements
    23. 24. 4. Check grouping <ul><li>Rearrange items if there are more natural groupings. </li></ul>
    24. 25. Presentation Design for Dev’s http://elephant-photos.com/images/elephant-painting-2.jpg
    25. 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>
    26. 27. 3. Line Stuff up
    27. 28. 4. Space and Size Things Evenly
    28. 29. 5. Indicate Grouping
    29. 30. How to indicate grouping?
    30. 31. 6. Adjust Visual Weight
    31. 32. Working with UX people
    32. 33. UX Roles
    33. 34. The (most annoying) thing about design
    34. 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>
    35. 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;
    36. 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>
    37. 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
    38. 39. Thank You Shane Morris [email_address] blogs.msdn.com/shanemo www.microsoft.com/australia/remix
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×