The document discusses key aspects of usability and user experience design. It notes that usability refers to how easy user interfaces are to use, covering factors like learnability, efficiency and memorability of the system as well as error reduction. Usefulness refers to whether a product or system is useful to users and fulfills their needs. Good user experience design requires consideration of both usability and usefulness. The document provides tips for designers, including observing how real users interact with systems and being suspicious of users' stated feature requests without deeper understanding of their needs. It outlines the different types of design that contribute to user experience, such as interaction, graphic and information design.

1. Usability
и.т.д.
FastDev • 02–02–11
onsdag, 2011 februari 02

2. 1977 –
1994 – Jonas Söderström
onsdag, 2011 februari 02

3. onsdag, 2011 februari 02

4. ”User friendly”
onsdag, 2011 februari 02

5. Usable
onsdag, 2011 februari 02

6. Usability is ... ?
onsdag, 2011 februari 02

7. Easy to use - how?
Easy to
learn
User’s
subjective Efficient
satisfaction
Easy to
Error remember
reduction
onsdag, 2011 februari 02

8. Usable
• Do I find the stuff I need?
• Do I understand what the buttons do?
• Is navigation consistent?
• Does the system provide clear feedback
on what I do?
• Are error messages helpful?
onsdag, 2011 februari 02

9. onsdag, 2011 februari 02

10. Usability
=
Could I use it?
onsdag, 2011 februari 02

11. Useful
=
Would I use it?
onsdag, 2011 februari 02

12. Useful-ness
• Do I really need it?
• Are there other (better, more well-known)
ways to do the same thing?
• Is it worth the effort?
• Is it worth the money?
onsdag, 2011 februari 02

13. Usability
+
Usefulness
=
User experience (UX)
onsdag, 2011 februari 02

14. How do you create a
good User Experience?
onsdag, 2011 februari 02

15. Don’t listen to the users
onsdag, 2011 februari 02

16. Demands
”People will often say ’I’d like it better if it could do x’.
It always pays to be suspicious of these requests for new
features. If you probe deeper, it often turns out that they
already have a perfectly fine source for x – and wouldn’t be
likely to switch: they’re just telling you what they like.”
Steve Krug: Don’t make me think
onsdag, 2011 februari 02

17. Watch the users
onsdag, 2011 februari 02

18. Observe users
in their own environment
onsdag, 2011 februari 02

19. onsdag, 2011 februari 02

20. Spalding’s new basketball
• Ball includes internal
micro-pump, hidden
inside the ball
• Pops up when needed
• Focus groups did not
catch this user
requirement
• What happened to
market share?
onsdag, 2011 februari 02

21. Spalding’s new basketball
• Market share up from
32 % to 64 % in one
year!
onsdag, 2011 februari 02

22. How do you design?
What do you design?
onsdag, 2011 februari 02

23. User interface:
Three kinds of design
onsdag, 2011 februari 02

24. Let’s make a digital interface
24
onsdag, 2011 februari 02

25. • There will be tabs at the top, but ...
onsdag, 2011 februari 02

26. • Color?
• Shade?
• Form?
• Shadow?
• Border?
• Spacing?
onsdag, 2011 februari 02

27. Moscow Izjevsk Peterburg Vladivostok Novgorod
• What names?
• What order? Size, geography, alphabetical ...
• What goes under each heading?
onsdag, 2011 februari 02

28. Moscow Izjevsk Peterburg Vladivostok Novgorod
• What to do with the button? How does it react?
• What happens on mouseover?
• What happens on click? What service starts?
• Can you cancel that action?
onsdag, 2011 februari 02

29. interaction do, buy,
design download,
register
graphic information
design design
view, enjoy find, understand,
interpret
onsdag, 2011 februari 02

30. Forms, buttons,
task flow, error
messages,
feedback
Titles,
Color, form, headlines,
typography, labels, disposition,
mood links, search
onsdag, 2011 februari 02

31. User experience
interaction do, buy,
design download,
register
graphic information
design design
view, enjoy find, understand
onsdag, 2011 februari 02

32. e-commerce,
transactional
systems
interaction
design
graphic information
design design
organization,
government
marketing, document
movie trailer managment,
onsdag, 2011 februari 02

33. onsdag, 2011 februari 02

34. time for entering?
press ahead/barge
in?
voice,
accent, menu
prosody, system
speed ”press 1 for
(visceral x, press 2
design) for Z
onsdag, 2011 februari 02

35. it dept
developers
system
architects
interaction
design
graphic information
design design
brand strategist
marketing information dept
onsdag, 2011 februari 02

36. Cooperation
interaction
design
graphic information
design design
Most have all parts! Where things go wrong!
onsdag, 2011 februari 02

37. Search function
Search interface
interaction
design
How are
things
labeled?
graphic information
design design
onsdag, 2011 februari 02

38. Information architecture
interaction do, buy,
design download,
Information register
architect
graphic information
design design
view, enjoy find, understand
onsdag, 2011 februari 02

39. Can’t do –
leaves
Let me do what
I want / to do
Seems Where is
Starts OK? the stuff
browsing
I need?
Can’t find –
leaves
Unpleasant, slow – leaves
onsdag, 2011 februari 02

40. Can’t do my
business
Looks Can’t find
Starts ugly what
browsing
I need
onsdag, 2011 februari 02

41. Subject to change?
• Graphic design can often be changed very quickly
(templates, style sheets)
• Information design – can be changed, but will
take time
and must often be done by hand
• Interaction design – huge cost,
if changes are possible at all.
onsdag, 2011 februari 02

42. Risk vs effort
• Bad graphic design is usually the greatest
threshold for acceptance
• Users judge digital systems very fast
• Bad information design is the biggest problem in
use
• Bad interaction design has the greatest potential
to hurt your brand or the relation with your
customers – for a very long time
onsdag, 2011 februari 02

43. Unnecessary labels
Name: Eric Smith
E-mail: eric@smith.com
Company: Acme, Inc.
Name: Eric Smith
Credit: 5 000 €
E-mail: eric@smith.com
Company: Acme, Inc.
Eric Smith
Credit: 5 000 €
eric@smith.com
Acme, Inc.
5 000 €
+4670-1234567 (home)
onsdag, 2011 februari 02

44. Unnecessary labels
onsdag, 2011 februari 02

45. Too much information
onsdag, 2011 februari 02

46. Unnecessary
icons
• Good to distinguish
things from each other
onsdag, 2011 februari 02

47. Icons are hard to understand
• Imprisoned!
• Let’s go to the woods!
onsdag, 2011 februari 02

48. Wrong flow
onsdag, 2011 februari 02

49. Every user fooled!
• Everyone clicked “Cancel”!
onsdag, 2011 februari 02