Slides from @danny_bluestone and @duckymatt's workshop at UXPA's Spring Extravaganza at IBM, 76/78 Upper Ground, London

1. DESIGNING BETTER
EXPERIENCES
Image Copyright: Chartoff-Winkler Productions & United Artists

2. WHO WE ARE
I’m Matt
@duckymatt
!
!
!
!
!
!

3. WHO WE ARE
I’m Danny
@danny_bluestone
!
!
!

4. @cyberduck_uk cyber-duck.co.uk

5. INTRODUCE YOURSELVES
Image Copyright: Paramount Pictures

6. THE PLAN
1.5 HOUR WORKSHOP DELVING INTO USER-CENTRIC
APPROACHES TO DESIGN (BRIEFLY!)
Image Copyright: Lucasfilm & Twentieth Century Fox

7. UX?
SO, WHAT IS

8. User experience encompasses
all aspects of the end user’s
interaction with the company,
its services and its products
JAKOB NIELSEN & DON NORMAN
Photo credit: http://www.nngroup.com/people-jakob-nielsen-photos/
Source: http://www.nngroup.com/articles/definition-user-experience/

9. Businesses cannot treat their
customers as passive “consumers”
any longer; every company is in the
user experience business.
KAREN MCGRANE
Source: http://alistapart.com/column/explaining-water-to-fish
Photo credit: Eirik Helland Urke: http://www.flickr.com/photos/webdagene/6149954950/

10. WHAT IT ISN’T
Image Copyright: Columbia Pictures

11. IT IS NOT USABILITY
UX IS ABOUT DELIGHTING YOUR CUSTOMERS
AND SHOWING THEM YOU CARE
Image Copyright: Twentieth Century Fox & DreamWorks SKG
& Cruise/Wagner Productions & Blue Tulip Productions

12. Source: http://www.uie.com/articles/kano_model
THE
KANO
MODEL

13. Source: http://www.uxisnotui.com/
UX
IS NOT
(ONLY)
UI

14. SO, WHAT SHOULD UX
ACCOMPLISH?

15. People will forget what you said.
People will forget what you did.
But people will never forget how
you made them feel.
MAYA ANGELOU
Photo credit: York College ISLGP http://commons.wikimedia.org/wiki/File:Maya_Angelou_visits_YCP!_2413.jpg

16. POOR UX LEADS
TO CONFUSION,
FRUSTRATION
OR EVEN ANGER
Photo credit: Mat Walker https://www.flickr.com/photos/matski_98/8259750205/
More examples: http://shitliftux.tumblr.com/

17. A B C
ANALYSING USABILITY

18. AS A MECHANIC…
Image Copyright: Paramount Pictures &
Robert Stigwood & Allan Carr Productions

19. AS A CAMPER…
Image Copyright: Peter Rodgers Productions & The Rank Organisation

20. GOOD UX DEPENDS ON CONTEXT
THE USER, THE ENVIRONMENT,
THE TASK AND OTHER FACTORS
Image Copyright: Warner Bros. & Esperanto Filmoj & Heyday Films

21. USER CENTRED DESIGN
Image Copyright: HBO

22. Credit: http://xkcd.com/773/

23. Credit: http://www.projectcartoon.com/cartoon/1

24. RESEARCH
DESIGN
ADAPT
MEASURE
13
2
4

25. THE BRIEF

26. RESEARCH1
Image Copyright: Warner Bros.

27. WHO ARE OUR USERS?1
EXERCISE
Image Copyright: Walt Disney Pictures & Tim Burton Pictures

28. *TIME FOR A BREAK*
Image Copyright: Warner Bros.

29. PERSONAS1
Image Copyright: Astralwerks, & Gramercy Pictures
& Propaganda Films & Single Cell Pictures

30. PERSONAS1
EXERCISE
BACKGROUND
AGE RANGE, NATIVE LANGUAGE, WORLD OUTLOOK
!
EXPERIENCE
FAMILIARITY WITH SIMILAR SERVICES OR PRODUCTS AND WILL THEY NEED TO LEARN
!
NEEDS
WHAT MOTIVATES THEM? DO THEY SHARE BEHAVIOURAL TRAITS?
!
CONCERNS
WHAT CONCERNS DO THEY HAVE?
!
GIVE THEM NAMES AND DRAW THEIR FACE!

31. DESIGN2
Image Copyright: Be Gentlemen Limited Partnership
& Lawrence Bender & Miramax Films

32. PRIORITY SORTING2
EXERCISE
ORDER THE FEATURES OR SECTIONS
BASED ON THEIR IMPORTANCE
TO EACH PERSONA
Image Copyright: Columbia Pictures & Hawk Films

33. ADAPT3
Image credit: http://en.wikipedia.org/wiki/Apollo_13

34. RAPID SKETCHING3
EXERCISE
1. SIGNING UP AS A MEMBER
!
2. FINDING AND SIGNING UP FOR AN EVENT
!
3. FINDING AND APPLYING FOR A JOB
Image Copyright: Twentieth Century Fox Film Corporation & Paramount Pictures

35. MEASURE4
Image Copyright: DreamWorks SKG & Universal Pictures

36. Your ego is a
bad designer
CHRISTOPHER BUTLER
http://www.newfangled.com/your_ego_is_a_bad_designer

37. CORRIDOR TEST4
EXERCISE
Image Copyright: Warner Bros. & Legendary Pictures & Syncopy

38. NEARLY THERE
Image Copyright: Paramount Pictures & Lucasfilm

39. WHAT UX IS
AND WHAT IT ISN’T

40. WHY AND WHERE
A USER-CENTRED APPROACH
IS NECESSARY

41. TECHNIQUES WITHIN THE
USER-CENTRED DESIGN
PROCESS

42. THANK YOU
@duckymatt
@danny_bluestone
@cyberduck_uk
Copyright: Studio 37 & La Petite Reine & La Classe Américaine
& JD Prod & France 3 Cinéma & Jouror Productions & uFilm