Top Banner
HELLO. I’m Matt @duckymatt
39

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

Jul 15, 2015

Download

Design

Matt Gibson
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: User Centred Design - Designing Better Experiences - General Assembly - April 2015

HELLO.I’m Matt @duckymatt

Page 2: User Centred Design - Designing Better Experiences - General Assembly - April 2015

@cyberduck_uk cyber-duck.co.uk

Page 3: User Centred Design - Designing Better Experiences - General Assembly - April 2015

DESIGNINGBETTER EXPERIENCES

Page 4: User Centred Design - Designing Better Experiences - General Assembly - April 2015

USER CENTRED DESIGN?SO, WHAT IS

Page 5: User Centred Design - Designing Better Experiences - General Assembly - April 2015

The best designed products and services result from understanding the needs of the people who will use them.

Page 6: User Centred Design - Designing Better Experiences - General Assembly - April 2015

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

Page 7: User Centred Design - Designing Better Experiences - General Assembly - April 2015

CREATING MYDLC, A CROSS-CHANNEL END-TO-END CUSTOMER PORTALEXPERIENCE

Page 8: User Centred Design - Designing Better Experiences - General Assembly - April 2015

DESIGNING A POSITIVE USER EXPERIENCE FOR A DEBT RECOVERY COMPANY.

THE CHALLENGE

Page 9: User Centred Design - Designing Better Experiences - General Assembly - April 2015

OUR OBJECTIVES

INCREASE USER-FRIENDLINESS

EMPOWER CUSTOMERS

STREAMLINE BUSINESS PROCESS

Page 10: User Centred Design - Designing Better Experiences - General Assembly - April 2015

OUR PROCESS

Page 11: User Centred Design - Designing Better Experiences - General Assembly - April 2015

RESEARCH

Page 12: User Centred Design - Designing Better Experiences - General Assembly - April 2015

STAKEHOLDER INTERVIEWS

ONE ON ONE

ANONYMOUS

BROAD CROSS-SECTION

LEARNT A LOT ABOUT THEIR CUSTOMERS AND HOW THEY COMMUNICATE

Page 13: User Centred Design - Designing Better Experiences - General Assembly - April 2015

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/

Page 14: User Centred Design - Designing Better Experiences - General Assembly - April 2015

USER RESEARCH

Page 15: User Centred Design - Designing Better Experiences - General Assembly - April 2015

CLIENT EXPOSURE TO USER RESEARCH

Page 16: User Centred Design - Designing Better Experiences - General Assembly - April 2015

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/

Page 17: User Centred Design - Designing Better Experiences - General Assembly - April 2015

PERSONAS

BASED ON RESEARCH

CREATE A PICTURE OF WHO WE’RE DESIGNING FOR

USED THROUGHOUT DESIGN

ENCOURAGE EMPATHY!

Page 18: User Centred Design - Designing Better Experiences - General Assembly - April 2015

SEMIOTIC ANALYSIS THE STUDY OF SIGNS AND SYMBOLS AND SOCIETY’S INTERPRETATION OF THEM

WE LOOKED AT MEANING CODED INTO DLC’S EXISTING DESIGNS

Page 19: User Centred Design - Designing Better Experiences - General Assembly - April 2015

ANALYTICSON 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

Page 20: User Centred Design - Designing Better Experiences - General Assembly - April 2015

CROSS CHANNEL RESPONSIVE DESIGN

Page 21: User Centred Design - Designing Better Experiences - General Assembly - April 2015

ACTIVELY AVOIDING MISINTERPRETATION

FORK HANDLES OR FOUR CANDLES?

Image credit: BBC. (The Two Ronnies, 1976)

Page 22: User Centred Design - Designing Better Experiences - General Assembly - April 2015

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)

Page 23: User Centred Design - Designing Better Experiences - General Assembly - April 2015

DESIGNS WON’T SELL THEMSELVESImage credit: Gracie Films and 20th Century Fox Television (The Simpsons, 1997)

Page 24: User Centred Design - Designing Better Experiences - General Assembly - April 2015

“WHAT DO YOU THINK?” IS THE ENEMY OF CONSTRUCTIVE FEEDBACKImage credit: Warner Bros, Hawk Films, Peregrine and The Producer Circle Company (The Shining, 1980)

Page 25: User Centred Design - Designing Better Experiences - General Assembly - April 2015

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

Page 26: User Centred Design - Designing Better Experiences - General Assembly - April 2015

DEFINE A NARRATIVE

USER STORIES TO DEFINE A NATURAL FLOW TO THE UX.

KEEPING POSSIBLE DECISIONS PER STEP TO A MINIMUM.

Page 27: User Centred Design - Designing Better Experiences - General Assembly - April 2015

HICK’S LAW

TIME TAKEN TO RESPOND

NUMBER OF OPTIONS

Page 28: User Centred Design - Designing Better Experiences - General Assembly - April 2015

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.

Page 29: User Centred Design - Designing Better Experiences - General Assembly - April 2015

FORM OPTIMISATION

Page 30: User Centred Design - Designing Better Experiences - General Assembly - April 2015

SKETCH

Page 31: User Centred Design - Designing Better Experiences - General Assembly - April 2015
Page 32: User Centred Design - Designing Better Experiences - General Assembly - April 2015
Page 33: 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 MYDLCWAS CRITICAL TO THE SUCCESS OF THE DESIGN.

Page 34: User Centred Design - Designing Better Experiences - General Assembly - April 2015

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.

Page 35: User Centred Design - Designing Better Experiences - General Assembly - April 2015

TEST, TEST, AND TEST SOME MOREImage credit: The Ladd Company, Shaw Brothers and Warner Bros. (Blade Runner, 1982)

Page 36: User Centred Design - Designing Better Experiences - General Assembly - April 2015
Page 37: 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

Page 38: User Centred Design - Designing Better Experiences - General Assembly - April 2015

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 39: User Centred Design - Designing Better Experiences - General Assembly - April 2015

THANK YOU@duckymatt @cyberduck_uk