designing better experiences - uxpa spring extravaganza workshop, 30 april 2014

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

Upload: matt-gibson

Post on 17-Aug-2014

404 views

Category:

Design


5 download

DESCRIPTION

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

TRANSCRIPT

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

DESIGNING BETTER EXPERIENCES

Image Copyright: Chartoff-Winkler Productions & United Artists

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

WHO WE ARE I’m Matt @duckymatt !

!

!

!

!

!

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

WHO WE ARE I’m Danny @danny_bluestone !

!

!

!

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

@cyberduck_uk cyber-duck.co.uk

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

INTRODUCE YOURSELVES

Image Copyright: Paramount Pictures

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

THE PLAN1.5 HOUR WORKSHOP DELVING INTO USER-CENTRIC APPROACHES TO DESIGN (BRIEFLY!)

Image Copyright: Lucasfilm & Twentieth Century Fox

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

UX?SO, WHAT IS

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

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/

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

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/

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

WHAT IT ISN’T

Image Copyright: Columbia Pictures

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

IT IS NOT USABILITYUX IS ABOUT DELIGHTING YOUR CUSTOMERS AND SHOWING THEM YOU CARE

Image Copyright: Twentieth Century Fox & DreamWorks SKG & Cruise/Wagner Productions & Blue Tulip Productions

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

Source: http://www.uie.com/articles/kano_model

THE KANO MODEL

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

Source: http://www.uxisnotui.com/

UX IS NOT (ONLY) UI

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

SO, WHAT SHOULD UX ACCOMPLISH?

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

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

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

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/

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

A B C

ANALYSING USABILITY

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

AS A MECHANIC…

Image Copyright: Paramount Pictures & Robert Stigwood & Allan Carr Productions

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

AS A CAMPER…

Image Copyright: Peter Rodgers Productions & The Rank Organisation

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

GOOD UX DEPENDS ON CONTEXTTHE USER, THE ENVIRONMENT, THE TASK AND OTHER FACTORS

Image Copyright: Warner Bros. & Esperanto Filmoj & Heyday Films

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

USER CENTRED DESIGN

Image Copyright: HBO

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

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

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

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

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

RESEARCH

DESIGN

ADAPT

MEASURE

13

2

4

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

THE BRIEF

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

RESEARCH1

Image Copyright: Warner Bros.

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

WHO ARE OUR USERS?1

EXERCISE

Image Copyright: Walt Disney Pictures & Tim Burton Pictures

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

*TIME FOR A BREAK*

Image Copyright: Warner Bros.

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

PERSONAS1

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

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

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!

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

DESIGN2

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

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

PRIORITY SORTING2

EXERCISE

ORDER THE FEATURES OR SECTIONS BASED ON THEIR IMPORTANCE TO EACH PERSONA

Image Copyright: Columbia Pictures & Hawk Films

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

ADAPT3

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

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

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

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

MEASURE4

Image Copyright: DreamWorks SKG & Universal Pictures

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

Your ego is a bad designer

CHRISTOPHER BUTLER

http://www.newfangled.com/your_ego_is_a_bad_designer

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

CORRIDOR TEST4

EXERCISE

Image Copyright: Warner Bros. & Legendary Pictures & Syncopy

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

NEARLY THERE

Image Copyright: Paramount Pictures & Lucasfilm

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

WHAT UX IS AND WHAT IT ISN’T

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

WHY AND WHERE A USER-CENTRED APPROACH

IS NECESSARY

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

TECHNIQUES WITHIN THE USER-CENTRED DESIGN

PROCESS

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

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