View
220
Download
0
Category
Preview:
Citation preview
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
1/42
4/14/12
UX:Avoiding
Appsuckdom
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
2/42
pp
4/14/12 Why am I doing this?
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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/8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
4/42
4/14/12
Where are we going?
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
5/42
4/14/12
Destination
UX - WTF? Usability?
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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)
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
10/42
4/14/12
Will suck if not cared for properly.90% of everything is crud. (Sturgeons Law)
UX
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
12/42
4/14/12
Getting there
Concept
Storyboarding
PrototypingTesting
Iterating
Releasing
Fixing
#Winning
Processdiag
ramsaplen
ty
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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.
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
15/42
4/14/12
Modes of Transport
Devices & Machines
People Software (incl. Web vs. native)
UI
Anything that plays a part in theconcept
Support Process
Wemu
stviewU
Xasa
service
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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/138/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
19/42
4/14/12
Metaphors please
Beware of: ambiguity - People must get the metaphor
principle must do what the metaphor
says
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
20/42
4/14/12
Fluency
Perceptual fluency
PaperFrom2006
Ive&cotooknote
Dontforgetanim
atedtransitions
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
21/42
4/14/12
Mere Exposure
Familiarity does not breed contempt Not just for slime balls
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
22/42
4/14/12
Patterns
Clear argument for patterns
But
Must understand underlying principles
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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
8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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/activityfeeds8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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/settings8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-24608/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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!!!
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
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-resources8/4/2019 UX: Avoiding Appsuckdom (Veluuria Appsterdam Lunchtime Lecture
42/42
Thanks for Reading!
http://www.2expertsdesign.com/resources/40-free-web-and-mobile-ui-wireframe-kits-and-resourcesRecommended