DESIGNING BETTER
EXPERIENCES
Image Copyright: Chartoff-Winkler Productions & United Artists
WHO WE ARE
I’m Matt
@duckymatt
!
!
!
!
!
!
WHO WE ARE
I’m Danny
@danny_bluestone
!
!
!
@cyberduck_uk cyber-duck.co.uk
INTRODUCE YOURSELVES
Image Copyright: Paramount Pictures
THE PLAN
1.5 HOUR WORKSHOP DELVING INTO USER-CENTRIC
APPROACHES TO DESIGN (BRIEFLY!)
Image Copyright: Lucasfilm & Twentieth...
UX?
SO, WHAT IS
User experience encompasses
all aspects of the end user’s
interaction with the company,
its services and its products
JAKO...
Businesses cannot treat their
customers as passive “consumers”
any longer; every company is in the
user experience busines...
WHAT IT ISN’T
Image Copyright: Columbia Pictures
IT IS NOT USABILITY
UX IS ABOUT DELIGHTING YOUR CUSTOMERS
AND SHOWING THEM YOU CARE
Image Copyright: Twentieth Century Fox...
Source: http://www.uie.com/articles/kano_model
THE
KANO
MODEL
Source: http://www.uxisnotui.com/
UX
IS NOT
(ONLY)
UI
SO, WHAT SHOULD UX
ACCOMPLISH?
People will forget what you said.
People will forget what you did.
But people will never forget how
you made them feel.
MA...
POOR UX LEADS
TO CONFUSION,
FRUSTRATION
OR EVEN ANGER
Photo credit: Mat Walker https://www.flickr.com/photos/matski_98/8259...
A B C
ANALYSING USABILITY
AS A MECHANIC…
Image Copyright: Paramount Pictures &
Robert Stigwood & Allan Carr Productions
AS A CAMPER…
Image Copyright: Peter Rodgers Productions & The Rank Organisation
GOOD UX DEPENDS ON CONTEXT
THE USER, THE ENVIRONMENT,
THE TASK AND OTHER FACTORS
Image Copyright: Warner Bros. & Esperanto...
USER CENTRED DESIGN
Image Copyright: HBO
Credit: http://xkcd.com/773/
Credit: http://www.projectcartoon.com/cartoon/1
RESEARCH
DESIGN
ADAPT
MEASURE
13
2
4
THE BRIEF
RESEARCH1
Image Copyright: Warner Bros.
WHO ARE OUR USERS?1
EXERCISE
Image Copyright: Walt Disney Pictures & Tim Burton Pictures
*TIME FOR A BREAK*
Image Copyright: Warner Bros.
PERSONAS1
Image Copyright: Astralwerks, & Gramercy Pictures
& Propaganda Films & Single Cell Pictures
PERSONAS1
EXERCISE
BACKGROUND
AGE RANGE, NATIVE LANGUAGE, WORLD OUTLOOK
!
EXPERIENCE
FAMILIARITY WITH SIMILAR SERVICES OR ...
DESIGN2
Image Copyright: Be Gentlemen Limited Partnership
& Lawrence Bender & Miramax Films
PRIORITY SORTING2
EXERCISE
ORDER THE FEATURES OR SECTIONS
BASED ON THEIR IMPORTANCE
TO EACH PERSONA
Image Copyright: Colum...
ADAPT3
Image credit: http://en.wikipedia.org/wiki/Apollo_13
RAPID SKETCHING3
EXERCISE
1. SIGNING UP AS A MEMBER
!
2. FINDING AND SIGNING UP FOR AN EVENT
!
3. FINDING AND APPLYING FOR...
MEASURE4
Image Copyright: DreamWorks SKG & Universal Pictures
Your ego is a
bad designer
CHRISTOPHER BUTLER
http://www.newfangled.com/your_ego_is_a_bad_designer
CORRIDOR TEST4
EXERCISE
Image Copyright: Warner Bros. & Legendary Pictures & Syncopy
NEARLY THERE
Image Copyright: Paramount Pictures & Lucasfilm
WHAT UX IS
AND WHAT IT ISN’T
WHY AND WHERE
A USER-CENTRED APPROACH
IS NECESSARY
TECHNIQUES WITHIN THE
USER-CENTRED DESIGN
PROCESS
THANK YOU
@duckymatt
@danny_bluestone
@cyberduck_uk
Copyright: Studio 37 & La Petite Reine & La Classe Américaine
& JD Pro...
Upcoming SlideShare
Loading in …5
×

Designing Better Experiences - UXPA Spring Extravaganza Workshop, 30 April 2014

1,166 views

Published on

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

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,166
On SlideShare
0
From Embeds
0
Number of Embeds
43
Actions
Shares
0
Downloads
13
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Designing Better Experiences - UXPA Spring Extravaganza Workshop, 30 April 2014

  1. 1. DESIGNING BETTER EXPERIENCES Image Copyright: Chartoff-Winkler Productions & United Artists
  2. 2. WHO WE ARE I’m Matt @duckymatt ! ! ! ! ! !
  3. 3. WHO WE ARE I’m Danny @danny_bluestone ! ! !
  4. 4. @cyberduck_uk cyber-duck.co.uk
  5. 5. INTRODUCE YOURSELVES Image Copyright: Paramount Pictures
  6. 6. THE PLAN 1.5 HOUR WORKSHOP DELVING INTO USER-CENTRIC APPROACHES TO DESIGN (BRIEFLY!) Image Copyright: Lucasfilm & Twentieth Century Fox
  7. 7. UX? SO, WHAT IS
  8. 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. 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. 10. WHAT IT ISN’T Image Copyright: Columbia Pictures
  11. 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. 12. Source: http://www.uie.com/articles/kano_model THE KANO MODEL
  13. 13. Source: http://www.uxisnotui.com/ UX IS NOT (ONLY) UI
  14. 14. SO, WHAT SHOULD UX ACCOMPLISH?
  15. 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. 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. 17. A B C ANALYSING USABILITY
  18. 18. AS A MECHANIC… Image Copyright: Paramount Pictures & Robert Stigwood & Allan Carr Productions
  19. 19. AS A CAMPER… Image Copyright: Peter Rodgers Productions & The Rank Organisation
  20. 20. GOOD UX DEPENDS ON CONTEXT THE USER, THE ENVIRONMENT, THE TASK AND OTHER FACTORS Image Copyright: Warner Bros. & Esperanto Filmoj & Heyday Films
  21. 21. USER CENTRED DESIGN Image Copyright: HBO
  22. 22. Credit: http://xkcd.com/773/
  23. 23. Credit: http://www.projectcartoon.com/cartoon/1
  24. 24. RESEARCH DESIGN ADAPT MEASURE 13 2 4
  25. 25. THE BRIEF
  26. 26. RESEARCH1 Image Copyright: Warner Bros.
  27. 27. WHO ARE OUR USERS?1 EXERCISE Image Copyright: Walt Disney Pictures & Tim Burton Pictures
  28. 28. *TIME FOR A BREAK* Image Copyright: Warner Bros.
  29. 29. PERSONAS1 Image Copyright: Astralwerks, & Gramercy Pictures & Propaganda Films & Single Cell Pictures
  30. 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. 31. DESIGN2 Image Copyright: Be Gentlemen Limited Partnership & Lawrence Bender & Miramax Films
  32. 32. PRIORITY SORTING2 EXERCISE ORDER THE FEATURES OR SECTIONS BASED ON THEIR IMPORTANCE TO EACH PERSONA Image Copyright: Columbia Pictures & Hawk Films
  33. 33. ADAPT3 Image credit: http://en.wikipedia.org/wiki/Apollo_13
  34. 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. 35. MEASURE4 Image Copyright: DreamWorks SKG & Universal Pictures
  36. 36. Your ego is a bad designer CHRISTOPHER BUTLER http://www.newfangled.com/your_ego_is_a_bad_designer
  37. 37. CORRIDOR TEST4 EXERCISE Image Copyright: Warner Bros. & Legendary Pictures & Syncopy
  38. 38. NEARLY THERE Image Copyright: Paramount Pictures & Lucasfilm
  39. 39. WHAT UX IS AND WHAT IT ISN’T
  40. 40. WHY AND WHERE A USER-CENTRED APPROACH IS NECESSARY
  41. 41. TECHNIQUES WITHIN THE USER-CENTRED DESIGN PROCESS
  42. 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

×