SlideShare a Scribd company logo
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 Century Fox
UX?
SO, WHAT IS
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/
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/
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 & DreamWorks SKG
& Cruise/Wagner Productions & Blue Tulip Productions
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.
MAYA ANGELOU
Photo credit: York College ISLGP http://commons.wikimedia.org/wiki/File:Maya_Angelou_visits_YCP!_2413.jpg
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/
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 Filmoj & Heyday Films
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 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!
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: Columbia Pictures & Hawk Films
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 A JOB
Image Copyright: Twentieth Century Fox Film Corporation & Paramount Pictures
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 Prod & France 3 Cinéma & Jouror Productions & uFilm

More Related Content

PPT
Chris Ashwell 9006
PPTX
Media Evaluation Question 1
PPTX
Thriller film evaluation powerpoint
PPTX
Distributor tasnia
PPTX
Evaluation question 3
PPTX
Eval question 3
PPTX
Audience feedback
PPT
Media Coursework Evaluation
Chris Ashwell 9006
Media Evaluation Question 1
Thriller film evaluation powerpoint
Distributor tasnia
Evaluation question 3
Eval question 3
Audience feedback
Media Coursework Evaluation

What's hot (6)

PPTX
Presentation
PPS
Jordan Rules 1 Of 5 (re-upload)
PPTX
Evaluation Q2
PPT
Evaluation
PPTX
Hollywood blockbusters
Presentation
Jordan Rules 1 Of 5 (re-upload)
Evaluation Q2
Evaluation
Hollywood blockbusters
Ad

Similar to Designing Better Experiences - UXPA Spring Extravaganza Workshop, 30 April 2014 (20)

PDF
Startup Institute: UX & User-Centered Design
PPTX
Ux Overview
PPTX
IxD13 Redux
PDF
Introduction to UX Design
PDF
User Experience: The Great Differentiator
PPTX
User Experience Explained
PDF
Designing Better Experiences - UX London 2013
PPTX
UX Evolution Mindset & Methods
PDF
UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...
PDF
User Experience Design: It's about people
PPTX
User eXperience insights
PDF
The State of UX in the UK by Nick Fine
PDF
The State of UX in the UK
PPTX
Ux introduction training
PPTX
The Importance of UX
PPT
What id can_learn_from_ux_122011
PPT
What id can_learn_from_ux_122011
PDF
UX principles for co-founders
PDF
ITB 2023 - 800 Pounds Gorilla - a Design session for no designers - Jona Lain...
PDF
Demystifying User Experience - General Assembly
Startup Institute: UX & User-Centered Design
Ux Overview
IxD13 Redux
Introduction to UX Design
User Experience: The Great Differentiator
User Experience Explained
Designing Better Experiences - UX London 2013
UX Evolution Mindset & Methods
UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...
User Experience Design: It's about people
User eXperience insights
The State of UX in the UK by Nick Fine
The State of UX in the UK
Ux introduction training
The Importance of UX
What id can_learn_from_ux_122011
What id can_learn_from_ux_122011
UX principles for co-founders
ITB 2023 - 800 Pounds Gorilla - a Design session for no designers - Jona Lain...
Demystifying User Experience - General Assembly
Ad

More from Matt Gibson (20)

PDF
Business X Design - Digital for People, Product, and Planet - an Intersection...
PDF
DIGITAL FOR PEOPLE AND PLANET – AN INTERSECTIONAL DESIGN APPROACH
PDF
Empathy through evil thinking - World Interaction Design Day 2018 - Leeds
PDF
Despicable by design - Turning Evil into Empathy - Leeds Digital Festival 2018
PDF
Evil UX - Turn Evil into Empathy - Digital Pond September 2017 - Empathy in D...
PDF
Redesigning how we work - UX Alive 2016
PDF
More than Media Queries: Reframing Responsive UX - SXSW 2016
PDF
Redesigning how we work with clients - Reasons.to - 09.09.15
PDF
Adapting to Responsive Web Design - Figaro Digital
PDF
Adapting to Responsive Design - UXPA2015
PDF
Designing Responsive Experiences - Digital Shoreditch - May 2015
PDF
Designing the client experience - #FOWD - April 2015
PDF
User Centred Design - Designing Better Experiences - General Assembly - April...
PDF
Adapting to Responsive Design - London Web - Feb 2015
PDF
Designing Better Experiences - A Digital Masterclass for the Financial Sector...
PDF
Working with Clients Better - Untangle the Web - 24 September 2014
PDF
Adapting to Responsive Web Design - Figaro Digital Mobile Seminar - 11 Septem...
PDF
Adapting to Responsive Design - On The Edge Conference #edgebrum
PDF
Adapting to Responsive Web Design - Marketing Week Live 2014 - 26, June 2014
PDF
UX Design for the Responsive Web - UX London 2014 Workshop
Business X Design - Digital for People, Product, and Planet - an Intersection...
DIGITAL FOR PEOPLE AND PLANET – AN INTERSECTIONAL DESIGN APPROACH
Empathy through evil thinking - World Interaction Design Day 2018 - Leeds
Despicable by design - Turning Evil into Empathy - Leeds Digital Festival 2018
Evil UX - Turn Evil into Empathy - Digital Pond September 2017 - Empathy in D...
Redesigning how we work - UX Alive 2016
More than Media Queries: Reframing Responsive UX - SXSW 2016
Redesigning how we work with clients - Reasons.to - 09.09.15
Adapting to Responsive Web Design - Figaro Digital
Adapting to Responsive Design - UXPA2015
Designing Responsive Experiences - Digital Shoreditch - May 2015
Designing the client experience - #FOWD - April 2015
User Centred Design - Designing Better Experiences - General Assembly - April...
Adapting to Responsive Design - London Web - Feb 2015
Designing Better Experiences - A Digital Masterclass for the Financial Sector...
Working with Clients Better - Untangle the Web - 24 September 2014
Adapting to Responsive Web Design - Figaro Digital Mobile Seminar - 11 Septem...
Adapting to Responsive Design - On The Edge Conference #edgebrum
Adapting to Responsive Web Design - Marketing Week Live 2014 - 26, June 2014
UX Design for the Responsive Web - UX London 2014 Workshop

Recently uploaded (20)

PPTX
areprosthodontics and orthodonticsa text.pptx
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
Phone away, tabs closed: No multitasking
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
Special finishes, classification and types, explanation
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
The Advantages of Working With a Design-Build Studio
PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PPTX
Entrepreneur intro, origin, process, method
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
SEVA- Fashion designing-Presentation.pdf
PPT
UNIT I- Yarn, types, explanation, process
PDF
Interior Structure and Construction A1 NGYANQI
areprosthodontics and orthodonticsa text.pptx
DOC-20250430-WA0014._20250714_235747_0000.pptx
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
Tenders & Contracts Works _ Services Afzal.pptx
BRANDBOOK-Presidential Award Scheme-Kenya-2023
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
Phone away, tabs closed: No multitasking
YOW2022-BNE-MinimalViableArchitecture.pdf
Special finishes, classification and types, explanation
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
The Advantages of Working With a Design-Build Studio
Quality Control Management for RMG, Level- 4, Certificate
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
Entrepreneur intro, origin, process, method
Fundamental Principles of Visual Graphic Design.pptx
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
SEVA- Fashion designing-Presentation.pdf
UNIT I- Yarn, types, explanation, process
Interior Structure and Construction A1 NGYANQI

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