UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture

8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture

1/42

4/14/12

UX:Avoiding

Appsuckdom


2/42

pp

4/14/12 Why am I doing this?


3/42

Click to edit Master subtitle style

4/14/12 http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/

UX is in the middle of a largeland grab.

Result is a million & onedefinitions.

However, the fundamentsremain the same.
http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/


4/42

4/14/12

Where are we going?


5/42

4/14/12

Destination

UX - WTF? Usability?


6/42

4/14/12

Nuns on stools

Usability and UX Stool works (usable) Raises a smile (UX)

Goal of UX needs tobe known (think ofgame difficulty

level)


7/42

4/14/12

Nuns on stools

Usability and UX Stool works (usable) Raises a smile (UX)

Goal of UX needs tobe known (think ofgame difficulty

level)

Ill now explain this image


8/42

4/14/12

Usability you can sit without fallingoff

UX raises a smile , gain attention

Stools

UX Goals Usability Goals

Both sets of goals can be created, trackedand tested just like any system feature.

WARNINGBIG

CLAIM


9/42

4/14/12

UX as a differentiator

Anyone can write software that doesthe job (sort of!)

Apps are commoditised UX is the major differentiator

UX is experienced by everyone

A good UX process can reduce costs,making you even more competitive


10/42

4/14/12

Will suck if not cared for properly.90% of everything is crud. (Sturgeons Law)

UX


11/42

4/14/12

UX Design We MUST understand:

Users

Tasks

GoalsThe journey vs. The Destination

Doing vs. Completing

Task oriented vs. Goal oriented Actions

an individual operation or step that needs tobe undertaken as part of the task

Designing for Journey is very different todesigning for Destination


12/42

4/14/12

Getting there

Concept

Storyboarding

PrototypingTesting

Iterating

Releasing

Fixing

#Winning

Processdiag

ramsaplen

ty


13/42

4/14/12

Sensitivities

Process is not the only answer:

it can make things more efficient e.g.creating UIs within a process may take

less time, but there is no guarantee ofresult

You must appreciate what UX isabout

UX is not down to one person or one

department


14/42

4/14/12

The best journeys are random

ConceptsPlatform

Cogmodels

* *

Target

PersonPerson**

DeliveryElements

Perception & Past Experience

NotQuite

NiceClean

ConceptWTF?

Thisiswh

atwereu

p

against

This is a constructivist model. For an ecologist model,

remove past experience from the purple box.


15/42

4/14/12

Modes of Transport

Devices & Machines

Print

People Software (incl. Web vs. native)

UI

Anything that plays a part in theconcept

Support Process

Wemu

stviewU

Xasa

service


16/42

4/14/12

Service Design

OMG! Not another f*ing designdiscipline

View the bigger picture

Useful tools :

http://

servicedesigntools.org/taxonomy/term/13

Usethese

tools!
http://servicedesigntools.org/taxonomy/term/13http://servicedesigntools.org/taxonomy/term/13http://servicedesigntools.org/taxonomy/term/13http://servicedesigntools.org/taxonomy/term/13http://servicedesigntools.org/taxonomy/term/13http://servicedesigntools.org/taxonomy/term/13


17/42

4/14/12

Cabin partners

Personas vs. Profiles

Personas are research based

Profiles are guesses but still very useful

In General:

People are magpies

Memory trumps experience


18/42

4/14/12

Niceties

Affordance Skeuomorphism

Affordances are holistic. What we perceive when we look at objects aretheir affordances, not their dimensions and properties.

- Excerpt from Gibson's Theory of Affordances

BAD BAD


19/42

4/14/12

Metaphors please

Beware of: ambiguity - People must get the metaphor

principle must do what the metaphor

says


20/42

4/14/12

Fluency

Perceptual fluency

PaperFrom2006

Ive&cotooknote

Dontforgetanim

atedtransitions


21/42

4/14/12

Mere Exposure

Familiarity does not breed contempt Not just for slime balls


22/42

4/14/12

Patterns

Clear argument for patterns

But

Must understand underlying principles


23/42

4/14/12

Design Patterns

Custom does not have to mean startfrom scratch each time

Design patterns allow creation of re-usable code snippets & libraries too

Grow your own:

Mean a higher initial overhead (but notmuch more than a normal customdevelopment)

Savings found in 2nd, 3rd Nth

projects


24/42

4/14/12

Mobile Design Patterns

Example types: Activity Feeds

Check-in Screens

Comment Detail

EduWalkThroughs

Empty Data Sets

Lists

Notifications

Settings
http://mobile-patterns.com/activityfeedshttp://mobile-patterns.com/check-in-screenshttp://mobile-patterns.com/comment-detailhttp://mobile-patterns.com/eduhttp://mobile-patterns.com/eduhttp://mobile-patterns.com/eduhttp://mobile-patterns.com/empty-data-setshttp://mobile-patterns.com/listshttp://mobile-patterns.com/notificationshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/sign-up-flowshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/notificationshttp://mobile-patterns.com/listshttp://mobile-patterns.com/empty-data-setshttp://mobile-patterns.com/eduhttp://mobile-patterns.com/eduhttp://mobile-patterns.com/eduhttp://mobile-patterns.com/comment-detailhttp://mobile-patterns.com/check-in-screenshttp://mobile-patterns.com/activityfeeds


25/42

4/14/12

UX & Graphics

Defined by overall deviceexperience

Users have an expectation of app behaviouron their device.

Apples transitions expected in all apps

We cannot make anything behave like a 5year old Nokia unless it is a 5 year old Nokia

Graphics at a minimum should be

congruent with device standard
http://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settings


26/42

4/14/12

Prototypes & Stencils

iPhone & iPad clickable prototype: http://unitid.nl/2010/08/touch-application-prototypes-t

more-2460

Many free wireframes available: http://

www.2expertsdesign.com/resources/40-free-web-and-
http://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://mobile-patterns.com/settingshttp://unitid.nl/2010/08/touch-application-prototypes-tap-for-iphone-and-ipad-using-adobe-fireworks/#more-2460http://unitid.nl/2010/08/touch-application-prototypes-tap-for-iphone-and-ipad-using-adobe-fireworks/#more-2460http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://unitid.nl/2010/08/touch-application-prototypes-tap-for-iphone-and-ipad-using-adobe-fireworks/#more-2460http://unitid.nl/2010/08/touch-application-prototypes-tap-for-iphone-and-ipad-using-adobe-fireworks/#more-2460


27/42

4/14/12

Getting Mobile

Not always on the move

Google says 3 mobile user mind-sets:

Im local Im bored

Im micro tasking

There is one moreI NEED IT RIGHT NOW!!!
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


28/42

4/14/12

Featuritus

How many features does your apphave?

Kathy Sierra
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


29/42

4/14/12

Taking your journey

Eat your own soup. It helps you avoidsurprises.

Customer support is your saleschannel and is a key part of theexperience

How to improve? Test frequentlyUsability

testingisyourfrie

nd
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


30/42

4/14/12

Costs

Its not about costor is it?

The benefits are clear

Before coding Coding Test Post-ship Ratio

Expected Costto fix

(Pressman,2000)

1 unit 6.5 units 15 units 60-100 units1:6.5:15:60

Andyoucandoitc

heaply
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


31/42

4/14/12

Usability testing

Good news anyone can do it, to apoint.

A simple small test takes little time: Day 1: Plan the study and write the

test tasks.

Day 2:Test 5 users for about 1 houreach (cleaning up between sessions).

Day 3: Analyse the findings and write

up the top recommended design

This means the existing you can do simple tests.

More critical and in-depth testing should be done by anexpert.

This means that theres no excuse for not doingusability tests.
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


32/42

4/14/12

Interlude

User Centred Design vs. User leddesign

Never ask why?

IA & Conceptual overlap

What people say & what they do is

different Plus memory is reconstructive and

conflationary plus attribution issues
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


33/42

4/14/12

Mobile testing

Test base concepts on anything:

Paper prototypes

PCs Wizard of Oz

Refine on target interface

Lab or field test (see next slide)

E.g. Log data of gesture input vs. buttonuse (on Android)

Keep some logging on once live

Ifyoucan,ALWAYS

observethe

sessionsi

tllstopthelesson

swalking

outthedoor
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


34/42

4/14/12

Mobile testing methods

Early target device test:

Static camera on desk or

Mobile sled Later test

Stand off video

Data logging on phone

In both stages record the bodylanguage & facial expressions

For a com rehensive and eas uide
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


35/42

4/14/12

Metrics

A plethora of possible metrics

Horses for courses

Some guidance: Consider all stages:

awareness/on-boarding, install, usage, post-use

Think of:

Effectiveness & number of features used

Time taken, errors/corrections made,learnability, help requests, facial
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


36/42

4/14/12

Usability Results teamquotes

Before: Whats the point?

What do we do with the results?

After

OMG!!! Lets fix this first, then this!!!


37/42

4/14/12

Souvenirs

Experience vs. memory

Memory is reconstructive

Primacy vs. recency (serial positioneffect)

Contrary to D. Normans preachingon memory above experience:

People dont really want to rememberfilling out a form


38/42

4/14/12

Adding UX?

DIY:

plenty of docs & tools. Walk before yourun

Dont expect magic overnight

Get some guidance

Hiring - always get someone who isnt

conflated

10 d t


39/42

4/14/12

10 commandmentsMake a check list of these and apply common sense to context:

Visibility of system status The system should always keep users informed about what is going on, throughappropriate feedback within reasonable time. (sometimes bread crumbs are used)

Match between system and the real world The system should speak the users' language, with words,phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions,making information appear in a natural and logical order.

User control and freedom Users often choose system functions by mistake and will need a clearly marked"emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undoand redo.

Consistency and standards Users should not have to wonder whether different words, situations, or actionsmean the same thing. Follow platform conventions.

Error prevention Even better than good error messages is a careful design which prevents a problem fromoccurring in the first place. Either eliminate error-prone conditions or check for them and present users with aconfirmation option before they commit to the action.

Recognition rather than recall Minimize the user's memory load by making objects, actions, and optionsvisible. The user should not have to remember information from one part of the dialogue to another. Instructionsfor use of the system should be visible or easily retrievable whenever appropriate.

Flexibility and efficiency of use Accelerators -- unseen by the novice user -- may often speed up theinteraction for the expert user such that the system can cater to both inexperienced and experienced users. Allowusers to tailor frequent actions.

Aesthetic and minimalist design Dialogues should not contain information which is irrelevant or rarelyneeded. Every extra unit of information in a dialogue competes with the relevant units of information anddiminishes their relative visibility.
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


40/42

4/14/12

8 Golden rules of UX design Strive for consistency

consistent sequences of actions should be required in similar situations

identical terminology should be used in prompts, menus, and help screens

consistent color, layout, capitalization, fonts, and so on should be employed throughout.

Enable frequent users to use shortcuts

to increase the pace of interaction use abbreviations, special keys, hidden commands, and macros

Offer informative feedback

for every user action, the system should respond in some way (in web design, this can be accomplished byDHTML - for example, a button will make a clicking sound or change color when clicked to show the usersomething has happened)

Design dialogs to yield closure

Sequences of actions should be organized into groups with a beginning, middle, and end. The informativefeedback at the completion of a group of actions shows the user their activity has completed successfully

Offer error prevention and simple error handling

design the form so that users cannot make a serious error; for example, prefer menu selection to form fill-inand do not allow alphabetic characters in numeric entry fields

if users make an error, instructions should be written to detect the error and offer simple, constructive, andspecific instructions for recovery

segment long forms and send sections separately so that the user is not penalized by having to fill the formin again - but make sure you inform the user that multiple sections are coming up

Permit easy reversal of actions
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


41/42

4/14/12

A point for developers

How will the API behave with a slowconnection?

think of the HTTP requests and how they

can be used to only retrievenew/different information

Caching

Static vs. dynamic information
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourceshttp://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources


42/42

Thanks for Reading!
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resources

Documents

UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture