62

Silverlight won't save your user experience - you will!

Embed Size (px)

DESCRIPTION

My Presentation on UX Strategy to the architecture tracks at TechEd Australia and New Zealand 2009

Citation preview

Page 1: Silverlight won't save your user experience - you will!
Page 2: Silverlight won't save your user experience - you will!

Silverlight won't save your User Experience - You Will!

Shane MorrisUser Experience EvangelistMicrosoft AustraliaARC304

Page 3: Silverlight won't save your user experience - you will!
Page 4: Silverlight won't save your user experience - you will!
Page 5: Silverlight won't save your user experience - you will!
Page 6: Silverlight won't save your user experience - you will!
Page 7: Silverlight won't save your user experience - you will!

Take Away #1

User Experience Design starts long before the drop-shadows and rounded corners

Page 8: Silverlight won't save your user experience - you will!
Page 9: Silverlight won't save your user experience - you will!

Why all this interest in User Experience (UX)?

Page 10: Silverlight won't save your user experience - you will!
Page 11: Silverlight won't save your user experience - you will!

Why all this interest in UX?

Differentiated experiencesCapability of platform and tools

Page 12: Silverlight won't save your user experience - you will!

Capability of Platform and Tools

Page 13: Silverlight won't save your user experience - you will!

“With great power there must also come – great responsibility!”

Stan Lee

Page 14: Silverlight won't save your user experience - you will!

Silverlight won’t save your user experience.

Page 15: Silverlight won't save your user experience - you will!

Dropping Our Standards

Page 16: Silverlight won't save your user experience - you will!

2 things used to constrain our ability to get ourselves in trouble

Platform capabilityPlatform standards

Page 17: Silverlight won't save your user experience - you will!

Platform Capability

The Web3270 with pictures

Graphical User Interfaces(GUI’s)

Platform performanceDifficulty of coding

wikipedia.org/3270

Page 18: Silverlight won't save your user experience - you will!

Platform Standards

WebLogo, Search, Contact Us, top nav, left nav...

GUIFile, Edit, View, Tools, Window Help...

Page 19: Silverlight won't save your user experience - you will!

3 Ingredients for Failure

Awesome powerNo standardsBoss that says we need a more up-to-date user experience.

Page 20: Silverlight won't save your user experience - you will!

Quiz

The boss says we need a more up-to-date user experienceDo you:a) Hire a user experience designer immediatelyb) Ask "What users?"c) Brush up your resume

Page 21: Silverlight won't save your user experience - you will!

What Users?

Page 22: Silverlight won't save your user experience - you will!

User Research

User ProfileUserTaskEnvironmentPlatform

Persona's

http://www.usability.gov/analyze/personas.html

Page 23: Silverlight won't save your user experience - you will!

What is your User Experience?

You don't need a UI to define your user experience

User GoalsBusiness GoalsUsability GoalsDesign Goals

Attitude statementWhen people use this application, they feel...

Page 24: Silverlight won't save your user experience - you will!

Lonely Planet Surface Concept

Page 25: Silverlight won't save your user experience - you will!

Quickbooks vs XERO

http://blog.xero.com/2008/12/bank-reconciliation/

Page 26: Silverlight won't save your user experience - you will!

Quickbooks vs XERO

http://blog.xero.com/2008/12/bank-reconciliation/

Page 27: Silverlight won't save your user experience - you will!

Eventually you Have to Design Something...

Page 28: Silverlight won't save your user experience - you will!

Quiz

You go to your first UI design meeting. In front of you is a blank sheet of flipchart paper.Do you:a) Change the subject: the required UI will become

clear later.b) Say "Hey, nobody ever got sacked for copying

Amazon!"c) Hand a Texta to the person wearing the most black

in the room

Page 29: Silverlight won't save your user experience - you will!

Your First DesignActivity Scenarios

Page 30: Silverlight won't save your user experience - you will!

Lonely Planet Surface Concept

Page 31: Silverlight won't save your user experience - you will!

Matt and Kate in Sydney

Matt and Kate have finally made it through immigration at Sydney airport.

They've been planning their South American trip for months - it's finally here!

But first they have to suffer through the usual two hour wait in the airport before

departure. Matt thinks quickly - 'let's get a coffee!' They wander around scanning

the usual airport shops, looking for a Gloria Jean's. There are sunglasses shops,

duty free of course, a newsagent...

Suddenly Kate notices a cool looking store sporting a big blue Lonely Planet logo.

"Oh my God! I didn't know there were Lonely Planet stores! Let's check it out!"

While planning the trip, Kate was a regular visitor to lonelyplanet.com. She has

registered a Lonely Planet profile, and the South America guidebook that they've

been thumbing through for the last 4 months is in her bag. Kate has even stored

her favourite South American destinations on lonelyplanet.com, and has posted a

bunch of questions on Thorntree about the best romantic spots in Buenos Aires.

Matt has been less involved in the planning. He knows the Lonely Planet brand,

but just associates them with guidebooks.

As they walk into the store, they can see not only Lonely Planet products, but also

Crumpler, Teva, Northface and a bunch of other travel related brands. Kate is

immediately attracted to the wall of books, while Matt notices a group of people

leaning over a display screen in the middle of the store.

Matt watches a young boy flick through images of New Zealand on the tabletop

screen using his hands. Behind the photos is a map of the Queenstown area of

New Zealand.Over at the book shelf, Kate notices a sticker on the back of the Buenos Aires city

guide. The sticker says “Place me on our Microsoft Surface to learn more!” She

grabs Argentina, Peru, and Buenos Aires and takes them over to Matt.

Lonely Planet Scenario

Page 32: Silverlight won't save your user experience - you will!

Take Away #2

Your first user experience design doesn’t have a user interface.

Page 33: Silverlight won't save your user experience - you will!

Can I draw something now?

OK, I’ve written my Activity Scenarios

Page 34: Silverlight won't save your user experience - you will!

Task Analysis

Page 35: Silverlight won't save your user experience - you will!

Applications Break At The Joins

Page 36: Silverlight won't save your user experience - you will!

Workflow Diagram

New Inquiry

Who is calling?

Create ‘Customer’

Identify ‘Customer’

Create ‘Policy Claim’

Identify ‘Policy Claim’

What do they want?

Act on request Finish Call

New

Existing

New

Existing

The Hiser Group

Page 37: Silverlight won't save your user experience - you will!

Workflow Diagrams

AreA map of the main user steps that make up a taskHigh-levelA way to start thinking about how to break tasks up in the user interfaceA way to focus on flow between functions, not just the functions

Page 38: Silverlight won't save your user experience - you will!

Workflow Diagrams

AreA map of the main user steps that make up a taskHigh-levelA way to start thinking about how to break tasks up in the user interfaceA way to focus on flow between functions, not just the functions

Are notA site mapA diagram of the screens/pages in an applicationA diagram of every possible path and action

Page 39: Silverlight won't save your user experience - you will!

Workflow Diagram

New Inquiry

Who is calling?

Create ‘Customer’

Identify ‘Customer’

Create ‘Policy Claim’

Identify ‘Policy Claim’

What do they want?

Act on request Finish Call

New

Existing

New

Existing

The Hiser Group

Page 40: Silverlight won't save your user experience - you will!

Can I build some screens now?

OK I have workflow diagrams

Page 41: Silverlight won't save your user experience - you will!

Paper Prototyping

Page 42: Silverlight won't save your user experience - you will!

Paper PrototypingFAST DESIGN

Page 43: Silverlight won't save your user experience - you will!

Paper Prototyping

ProsNo technical skill requiredNot intimidatingClearly unfinishedNecessarily high-levelLow investment

ConsBecome unwieldy with lots of contentAwkward to show subtle interactionsNot as portable

Page 44: Silverlight won't save your user experience - you will!

Digital Prototyping

Page 45: Silverlight won't save your user experience - you will!

Prototyping problems:

Required specific skillsToo much implementation detailWasn’t agile enoughEverything interpreted through the prototyper’s eyesThrow-away

Many of these problems are resolved

Page 46: Silverlight won't save your user experience - you will!

Then the miracle happens

Page 47: Silverlight won't save your user experience - you will!

Quiz

OK, you’ve got a user interface design. What is the best way to ensure your user interface is usable?a) Hire a user experience consultantb) Get Quality Assurance involvedc) Get an expert user to review the user interfaced) None of the above, the users will tell us if there

are any problems

Page 48: Silverlight won't save your user experience - you will!

Usability Testing

Page 49: Silverlight won't save your user experience - you will!

Usability Testing

http://www.portfoliodesign.net/clients/case_study/monster_mob_usability_testing.asp?nav=marketing>

Page 50: Silverlight won't save your user experience - you will!

Usability Testing

Give users tasks to performGet them to think aloudDon’t interfereKnow what constitutes successConsider getting a neutral party to test

You don’t have to have a ‘usability lab’You don’t need large numbers of users

Page 51: Silverlight won't save your user experience - you will!

Usability Testing Bonus

Project buy-in

Page 52: Silverlight won't save your user experience - you will!

Take Away #3

Fail early, and fail often.

Page 53: Silverlight won't save your user experience - you will!

What We've Been Talking About

User ProfilingUser Experience GoalsActivity ScenariosWorkflow DiagrammingPaper PrototypingUsability Testing

Page 54: Silverlight won't save your user experience - you will!

User Centred Design

People

Behaviour

Problem

Solution

Technology

Page 55: Silverlight won't save your user experience - you will!

User Centred Design

Design

BuildEvaluate

Analyse

Users

Page 56: Silverlight won't save your user experience - you will!

Progressive RefinementInformation Design

Interaction Design

Visual Design

Page 57: Silverlight won't save your user experience - you will!

3 Ingredients for Failure

Awesome powerNo standardsBoss that says we need a more up-to-date user experience.

Page 58: Silverlight won't save your user experience - you will!

3 Takeaways

User Experience Design starts long before the drop-shadows and rounded cornersYour first user experience design doesn’t have a user interfaceFail early, and fail often

Page 59: Silverlight won't save your user experience - you will!

question & answer

Page 60: Silverlight won't save your user experience - you will!

Related ContentWUX212 Panel Discussion - Designers & Developers How We Do It In the Real World

Wednesday 3:45pm

Page 61: Silverlight won't save your user experience - you will!

[email protected]/shanemoixd101.com@shanemo

Thank you

Page 62: Silverlight won't save your user experience - you will!

© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS,

IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.