SlideShare a Scribd company logo
HELLO.I’m Matt
@duckymatt
@cyberduck_uk cyber-duck.co.uk
DESIGNING

BETTER
EXPERIENCES
USER CENTRED DESIGN?
SO, WHAT IS
The best designed products and
services result from understanding
the needs of the people who will use
them.
Credit: http://xkcd.com/773/
CREATING MYDLC,
A CROSS-CHANNEL
END-TO-END
CUSTOMER PORTAL

EXPERIENCE
DESIGNING A POSITIVE
USER EXPERIENCE FOR
A DEBT RECOVERY COMPANY.
THE CHALLENGE
OUR OBJECTIVES
INCREASE USER-FRIENDLINESS
EMPOWER CUSTOMERS
STREAMLINE BUSINESS PROCESS
OUR
PROCESS
RESEARCH
STAKEHOLDER
INTERVIEWS
ONE ON ONE
ANONYMOUS
BROAD CROSS-SECTION
LEARNT A LOT ABOUT THEIR CUSTOMERS
AND HOW THEY COMMUNICATE
The turning point in
many interviews is when
the interviewee gets up
and closes the office door
and lowers their voice.
PAUL BOAG
Photo credit: Andreas Øverland: http://www.flickr.com/photos/andreasoverland/4954194732/ Source: http://boagworld.com/business-strategy/how-to-improve-your-site-using-stakeholder-interviews/
USER RESEARCH
CLIENT
EXPOSURE TO
USER RESEARCH
There is a direct
correlation between
this exposure and the
improvements we see
in the designs that
team produces.
JARED SPOOL
Photo credit: Jeffrey Zeldman: http://www.flickr.com/photos/zeldman/8614173005/
http://www.uie.com/articles/user_exposure_hours/
PERSONAS
BASED ON RESEARCH
CREATE A PICTURE OF WHO WE’RE
DESIGNING FOR
USED THROUGHOUT DESIGN
ENCOURAGE EMPATHY!
SEMIOTIC ANALYSIS
THE STUDY OF SIGNS AND SYMBOLS AND
SOCIETY’S INTERPRETATION OF THEM
WE LOOKED AT MEANING CODED INTO
DLC’S EXISTING DESIGNS
ANALYTICS
ON DLC, GOOGLE ANALYTICS
WAS LARGELY UNHELPFUL
AND CREATED A FALSE
PICTURE OF OUR USERS
INSTEAD WE USED BUSINESS
DATA TO HELP INFORM OUR
PERSONA RESEARCH
CROSS CHANNEL
RESPONSIVE DESIGN
ACTIVELY AVOIDING
MISINTERPRETATION
FORK HANDLES
OR FOUR CANDLES?
Image credit: BBC. (The Two Ronnies, 1976)
PRESENTING DESIGNS
RATHER THAN EMAILING THEM
Image credit: Dreamworks SKG, Universal Pictures, Scott Free Productions, Mill Film, C&L, Dawliz and Red Wagon Entertainment (Gladiator, 2000)
DESIGNS WON’T
SELL THEMSELVES
Image credit: Gracie Films and 20th Century Fox Television (The Simpsons, 1997)
“WHAT DO YOU THINK?”
IS THE ENEMY OF
CONSTRUCTIVE FEEDBACK
Image credit: Warner Bros, Hawk Films, Peregrine and The Producer Circle Company (The Shining, 1980)
The client didn’t hire
you to make something
they liked, and
something they like may
not be the thing that
leads to their success.
MIKE MONTEIRO
Photo credit: Amber Gregory: https://www.flickr.com/photos/fontshop/7091584773/ RECOMMENDED READING: http://www.abookapart.com/products/design-is-a-job
Source: https://medium.com/@monteiro/13-ways-designers-screw-up-client-presentations-51aaee11e28c
DEFINE A NARRATIVE
USER STORIES TO DEFINE
A NATURAL FLOW TO THE UX.
KEEPING POSSIBLE DECISIONS
PER STEP TO A MINIMUM.
HICK’S LAW
TIME
TAKEN TO
RESPOND
NUMBER OF OPTIONS
MOBILE FIRST
WE STARTED ALL PROTOTYPES
LOOKING AT THE SMALL SCREEN
FIRST.
IT’S EASIER TO SCALE UP A DESIGN
THAN TO SQUEEZE A DESKTOP SITE
ON MOBILE.
FORM OPTIMISATION
SKETCH
User Centred Design - Designing Better Experiences - General Assembly - April 2015
User Centred Design - Designing Better Experiences - General Assembly - April 2015
TONE OF VOICE
90% OF INTERFACE DESIGN IS
TONE OF VOICE.
GETTING THIS RIGHT ON MYDLC

WAS CRITICAL TO THE SUCCESS OF
THE DESIGN.
TONE OF VOICE
It was actually really nicely put. I’ve obviously had
letters like this before. I’ve never seen anywhere, you
know ‘please call us and we will take your circumstances
into account’. I really liked that on that letter. You are
more willing to actually deal with it, than shoving it in
the bin and saying you never received the letter.
TEST, TEST, AND TEST SOME MORE
Image credit: The Ladd Company, Shaw Brothers and Warner Bros. (Blade Runner, 1982)
User Centred Design - Designing Better Experiences - General Assembly - April 2015
▲
72.5%
TRANSACTIONS
INCREASE IN ONLINE
TRANSACTIONS IN FIRST
7 MONTHS SINCE
LAUNCH
▲
66%
REVENUE
INCREASE IN REVENUE
IN FIRST 7 MONTHS
SINCE LAUNCH
40
HOURS
SAVED
AGENT TIME
SAVED A HUGE AMOUNT
OF AGENT TIME PER
MONTH
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/
THANK YOU
@duckymatt @cyberduck_uk

More Related Content

PDF
Persuasive technology
PPTX
The Importance of UX
PDF
The Future of UX: What designers need to know to stay ahead
PDF
UX leaks : mythes et réalités
PDF
UX Masterclass at muru-D
PDF
Mobile first: A future friendly approach to UX design
PDF
Embedding Experience: Bridging the gap between design & reality
PDF
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
Persuasive technology
The Importance of UX
The Future of UX: What designers need to know to stay ahead
UX leaks : mythes et réalités
UX Masterclass at muru-D
Mobile first: A future friendly approach to UX design
Embedding Experience: Bridging the gap between design & reality
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster

What's hot (20)

PPTX
User Experience Basics for Product Management
PDF
What is UX?
PDF
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
PPTX
User Experience Programme showcase lightening talks
PDF
Why UX is Important
PDF
Lean Usability
PDF
User Interface and User Experience - A Process and Strategy for Small Teams
PDF
What is UX?
PDF
UX Bootcamp @ General Assembly Atlanta
PDF
Good UX Bad UX
PDF
Usability vs. User Experience: What's the difference?
PPTX
Product Management in the shadow of User Experience creation Process
PDF
Mobile User Experience
PDF
User Experience and Prototyping
PDF
Changing Minds, Removing Barriers: UX Practitioner as Strategist and Change A...
PDF
UX STRAT Europe 2018: Sonja Rattay, Block Zero
PDF
User Onboarding: Patterns and Anti-Patterns Explored
PDF
Designing A Great User Experience
PDF
Field Research At The Speed Of Business
PDF
UX Workshop
User Experience Basics for Product Management
What is UX?
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
User Experience Programme showcase lightening talks
Why UX is Important
Lean Usability
User Interface and User Experience - A Process and Strategy for Small Teams
What is UX?
UX Bootcamp @ General Assembly Atlanta
Good UX Bad UX
Usability vs. User Experience: What's the difference?
Product Management in the shadow of User Experience creation Process
Mobile User Experience
User Experience and Prototyping
Changing Minds, Removing Barriers: UX Practitioner as Strategist and Change A...
UX STRAT Europe 2018: Sonja Rattay, Block Zero
User Onboarding: Patterns and Anti-Patterns Explored
Designing A Great User Experience
Field Research At The Speed Of Business
UX Workshop
Ad

Viewers also liked (20)

PDF
JP│KOM News-Service 5/14: Kampagnen & Integrierte Kommunikation im Healthcar...
PDF
TWT Casestudy: Relaunch von toasty.de
 
PPTX
Experiences in user centred design at the University of Edinburgh (IWMW2012 w...
PDF
User-Centered Design in IT: the Low-Hanging Fruit
PPTX
Tone of voice
PDF
A theoritical model construction in user research by empathic design with per...
PDF
User-centred design
PDF
Pragmatic user-centred design
PPTX
User Centred Design
PDF
User Centred Design For Web2.0 And Beyond
PDF
Eight typical tone of voice personalities
PPT
An Introduction To User Centred Design Techniques
PPTX
Cognitive psychology introduction
PPTX
Introduction to software development methodologies- Agile vs Waterfall
PPT
OO Development 2 - Software Development Methodologies
PPTX
software development methodologies and their application
PDF
Application Prototyping - Pablo González - Capturing and Managing Requirements
PPTX
Software Development Methodologies-HSM, SSADM
PDF
Software Engineering - chp1- software dev methodologies
PPTX
motivation & knowledge management
JP│KOM News-Service 5/14: Kampagnen & Integrierte Kommunikation im Healthcar...
TWT Casestudy: Relaunch von toasty.de
 
Experiences in user centred design at the University of Edinburgh (IWMW2012 w...
User-Centered Design in IT: the Low-Hanging Fruit
Tone of voice
A theoritical model construction in user research by empathic design with per...
User-centred design
Pragmatic user-centred design
User Centred Design
User Centred Design For Web2.0 And Beyond
Eight typical tone of voice personalities
An Introduction To User Centred Design Techniques
Cognitive psychology introduction
Introduction to software development methodologies- Agile vs Waterfall
OO Development 2 - Software Development Methodologies
software development methodologies and their application
Application Prototyping - Pablo González - Capturing and Managing Requirements
Software Development Methodologies-HSM, SSADM
Software Engineering - chp1- software dev methodologies
motivation & knowledge management
Ad

Similar to User Centred Design - Designing Better Experiences - General Assembly - April 2015 (20)

PDF
Designing Better Experiences - A Digital Masterclass for the Financial Sector...
PDF
Designing for tomorrows needs
PDF
Designing Better Experiences: Matt Gibson for Marketing Week Live 2015
PDF
User centred design (UCD) and the connected home
PDF
Architecture is Branding
PDF
Denver Startup Week: Product Management from the Trenches
PDF
UX 101: A quick & dirty introduction to user experience strategy & design
PDF
Case Study | Website Development for Construction Brand
PPT
Social Media Tx Dot Gpa Communications Conference
PDF
Roi of ux-brazil
PDF
Manoeuvre a Better Tomorrow - Modern Day Marketing Skills for your Engineerin...
PPTX
How To Be an HTML5 Mobile Cloud Champion
PDF
7 Habits of Highly Effective Executive Briefings
PDF
7 Habits of Highly Effective Executive Briefings
PPT
How to Act Like an Agency within a Company: UX for the Enterprise
PPTX
Eds portfolio
PPTX
Atomizing Design into Our Lives | Seattle Interactive 2019
ZIP
Inspiring new ways of mobile design and development
PDF
NYU Web Intensive - Week 3 Class 1
Designing Better Experiences - A Digital Masterclass for the Financial Sector...
Designing for tomorrows needs
Designing Better Experiences: Matt Gibson for Marketing Week Live 2015
User centred design (UCD) and the connected home
Architecture is Branding
Denver Startup Week: Product Management from the Trenches
UX 101: A quick & dirty introduction to user experience strategy & design
Case Study | Website Development for Construction Brand
Social Media Tx Dot Gpa Communications Conference
Roi of ux-brazil
Manoeuvre a Better Tomorrow - Modern Day Marketing Skills for your Engineerin...
How To Be an HTML5 Mobile Cloud Champion
7 Habits of Highly Effective Executive Briefings
7 Habits of Highly Effective Executive Briefings
How to Act Like an Agency within a Company: UX for the Enterprise
Eds portfolio
Atomizing Design into Our Lives | Seattle Interactive 2019
Inspiring new ways of mobile design and development
NYU Web Intensive - Week 3 Class 1

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
Adapting to Responsive Design - London Web - Feb 2015
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
PDF
Designing Better Experiences - UXPA Spring Extravaganza Workshop, 30 April 2014
PDF
Adapting to Responsive Design - HCID2014, 24 April 2014
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
Adapting to Responsive Design - London Web - Feb 2015
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
Designing Better Experiences - UXPA Spring Extravaganza Workshop, 30 April 2014
Adapting to Responsive Design - HCID2014, 24 April 2014

Recently uploaded (20)

PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
High-frequency high-voltage transformer outline drawing
PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
The Advantages of Working With a Design-Build Studio
PPTX
6- Architecture design complete (1).pptx
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
DOCX
The story of the first moon landing.docx
PPTX
Special finishes, classification and types, explanation
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
12. Community Pharmacy and How to organize it
Quality Control Management for RMG, Level- 4, Certificate
High-frequency high-voltage transformer outline drawing
Package Design Design Kit 20100009 PWM IC by Bee Technologies
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
The Advantages of Working With a Design-Build Studio
6- Architecture design complete (1).pptx
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
pump pump is a mechanism that is used to transfer a liquid from one place to ...
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
DOC-20250430-WA0014._20250714_235747_0000.pptx
BRANDBOOK-Presidential Award Scheme-Kenya-2023
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
The story of the first moon landing.docx
Special finishes, classification and types, explanation
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
12. Community Pharmacy and How to organize it

User Centred Design - Designing Better Experiences - General Assembly - April 2015