Embed Size (px)
DESCRIPTION
Presentation at CodeCampOz April 2008
Citation preview
Pimp My AppShane MorrisUser Experience EvangelistMicrosoft Australia
A little bit about me...
Why am I here?
Coders own the user experience
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
So what I want to talk about is...
What you can do about UXHow to work with UX people
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 user experience?
UI specified before coding time?
Usability testing at end of project?
Usability testing during project?
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
Collaborative Design
Heuristic Evaluation
Wireframing
Cognitive Walkthrough
Activity Scenarios
Focus Groups
Card Sorting
Cultural ProbesAnalytics
User Experience Design Process
You are here (mostly)
Interaction Design for Dev’s
The Blank Canvas
1. List everything you need to show
• Select the right widgets• Check for standards & consistency
2. Map out the workflow
• In what order are people most likely to work?
3. Layout the elements
• Left-right, Top-Bottom
3. Layout the elements
4. Check grouping
• Rearrange items if there are more natural groupings.
Presentation Design for Dev’s
http://elephant-photos.com/images/elephant-painting-2.jpg
Presentation Design
1. Remove every unnecessary element
2. Minimise variation
3. Line stuff up
4. Space and size things evenly
5. Indicate grouping
6. Adjust visual weight
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
Technology is boring, People are interesting
They have wild ideas, be patient
They change their minds
“It depends...”
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?"
Recap
Interaction Design1. List everything you need to show2. Map out the workflow3. Layout the elements4. Check grouping
User context(Where have they been, where are
they going?)
Presentation Design1. Remove unnecessary elements2. Minimise variation3. Line stuff up4. Space and size things evenly5. Indicate grouping6. Adjust visual weight
Less is more!
Prizes brought to you by...
Questions
REMIX 08The Next Web NowSydney May 20Melbourne May 22
microsoft.com/australia/remix
