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

Thank You

Shane Morrisshanemo@microsoft.comblogs.msdn.com/shanemo

www.microsoft.com/australia/remix