designing the client experience - #fowd - april 2015

94
HELLO. I’m Matt @duckymatt #FOWD

Upload: matt-gibson

Post on 15-Jul-2015

952 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Designing the client experience - #FOWD - April 2015

HELLO. I’m Matt @duckymatt #FOWD

Page 2: Designing the client experience - #FOWD - April 2015

@cyberduck_uk cyber-duck.co.uk

Page 3: Designing the client experience - #FOWD - April 2015

CLIENTS

Image credit: Hughes Entertainment, Twentieth Century Fox (Home Alone, 1990)

Page 4: Designing the client experience - #FOWD - April 2015

CLIENTSWORKING WITH

BETTERImage credit: Paramount Pictures (Top Gun, 1986)

Page 5: Designing the client experience - #FOWD - April 2015

Image credit: Columbia Pictures (Groundhog Day, 1993)

I’VE BEEN HERE BEFORETHING IS,

Page 6: Designing the client experience - #FOWD - April 2015

FOWD?SO, HOW DOES THAT RELATE TO

Page 7: Designing the client experience - #FOWD - April 2015

CLIENTBLAMINGREASON #1

Page 8: Designing the client experience - #FOWD - April 2015

Spent days putting this awesome design together and just got client feedback. Looks like I'll be spending the next few days ruining it!!

Gah. Working w/ a client who doesn't get this. Making my head explode. They don't care about UX.

When you push forward a client design request that you both know is a terrible idea.

Image credit: Talkback Thames and Channel 4 TV (The IT Crowd, 2006)

Page 9: Designing the client experience - #FOWD - April 2015

Image credit: Capella International, Eric’s Boy, KC Medien, Moving Pictures and New Line Cinema (Austin Powers, 1997)

Page 10: Designing the client experience - #FOWD - April 2015

http://clientsfromhell.net/

Page 11: Designing the client experience - #FOWD - April 2015

http://www.sharpsuits.net/

Page 12: Designing the client experience - #FOWD - April 2015

http://www.sharpsuits.net/

Page 13: Designing the client experience - #FOWD - April 2015

CAN YOU MAKE IT SO

PLAYS EVERY TIME SOMEONE RECEIVES AN EMAIL FROM US?

Page 14: Designing the client experience - #FOWD - April 2015

BE RESPONSIBLE FOR YOURSELF AND YOUR WORK

Image credit: Universal Pictures (Frankenstein, 1931)

Page 15: Designing the client experience - #FOWD - April 2015

How much of the shit we complain about all day has our fingerprints all over it?

MIKE MONTEIRO

Photo credit: Amber Gregory: https://www.flickr.com/photos/fontshop/7091584773/ Check Out: http://www.abookapart.com/products/design-is-a-job

Page 16: Designing the client experience - #FOWD - April 2015

THE ‘R’ WORD REASON #2

Page 17: Designing the client experience - #FOWD - April 2015
Page 18: Designing the client experience - #FOWD - April 2015

You don't get to decide which device people use to access your website.

KAREN MCGRANE

Source: http://alistapart.com/article/your-content-now-mobile

Photo credit: Eirik Helland Urke: http://www.flickr.com/photos/webdagene/6149954950/

Page 19: Designing the client experience - #FOWD - April 2015

THE WEB DOESN’T HAVE A FIXED WIDTH

Page 20: Designing the client experience - #FOWD - April 2015

WE’VE HAD TO ADAPT TO THESE CHALLENGES

Image credit: Paramount Pictures (Airplane!, 1980)

Page 21: Designing the client experience - #FOWD - April 2015

I CLIENT WORKREASON #3

Page 22: Designing the client experience - #FOWD - April 2015

Image credit: Chartoff-Winkler Productions and United Artists (Rocky, 1976)

CLIENT WORK IS REWARDING

Page 23: Designing the client experience - #FOWD - April 2015

BUT IT CAN ALSO BE CHALLENGING

Image credit: Bold Films, Blumhouse and Right of Way (Whiplash, 2014)

Page 24: Designing the client experience - #FOWD - April 2015

The design process is weird and complicated because it involves people…

…who are weird and complicated.

MARK BOULTON

Photo credit: Anton Peck: http://www.flickr.com/photos/26545827@N00/5691825327/ Source: http://bradfrostweb.com/blog/post/where-theres-muck-theres-brass-mark-boulton-at-smashing-conference/

Page 25: Designing the client experience - #FOWD - April 2015

CLIENT WORK IS ALL ABOUT RELATIONSHIPS

Image credit: Touchstone Pictures (Turner & Hooch, 1989)

Page 26: Designing the client experience - #FOWD - April 2015

THREE KEY FACETSImage credit: L.A. Films and HBO (¡Three Amigos!, 1986)

Page 27: Designing the client experience - #FOWD - April 2015

EMPATHY

TRUST

COMMUNICATION

Page 28: Designing the client experience - #FOWD - April 2015

EMPATHY

Page 29: Designing the client experience - #FOWD - April 2015

PUT YOURSELF IN YOUR CLIENT’S SHOES

Image credit: Cinema Group Ventures and Paramount Pictures (Trading Places, 1983)

Page 30: Designing the client experience - #FOWD - April 2015

Image credit: Twentieth Century Fox Film Corporation and Cubicle Inc. (Office Space, 1999)

UMMM, YEAH…

Page 31: Designing the client experience - #FOWD - April 2015

CLIENTS WANT TO BE GUIDEDCLEARLY DEFINE THE ROLES OF

THE CLIENT RELATIONSHIP.Image credit: Paramount Pictures (Forrest Gump, 1994)

Page 32: Designing the client experience - #FOWD - April 2015

SETTING AND MANAGING EXPECTATIONS

Page 33: Designing the client experience - #FOWD - April 2015

YOU DON’T GET A SECOND CHANCE TO MAKE A GOOD FIRST IMPRESSION.

Image credit: Pixar Animation Studios & Walt Disney (Toy Story, 1995)

Page 34: Designing the client experience - #FOWD - April 2015

Image credit: Lucasfilm Games LLC (The Secret of Monkey Island, 1990)

THE SALES PROCESS

Page 35: Designing the client experience - #FOWD - April 2015

Image credit: TriStar Pictures & Gracie Films (Jerry Maguire, 1996)

FIND OUT WHAT THEIR BUDGET IS UP-FRONT

Page 36: Designing the client experience - #FOWD - April 2015

VALUE BASED PRICING

Image credit: https://www.flickr.com/photos/markart/236849245/

Page 37: Designing the client experience - #FOWD - April 2015

THE CONTRACT

Image credit: New Line Cinema, MGM & WingNut Films (The Hobbit: An Unexpected Journey, 2012) Check out Contract Killer: https://gist.github.com/malarkey/4031110

Page 38: Designing the client experience - #FOWD - April 2015

Check out shouldIworkforfree.com

Page 39: Designing the client experience - #FOWD - April 2015

Image credit: Walt Disney Pictures (Cool Runnings, 1993)

KICKING OFF THE PROJECT

Page 40: Designing the client experience - #FOWD - April 2015

ONE ON ONE INTERVIEWS

Image credit: Village Roadshow Pictures, NPV Entertainment, Baltimore Pictures, Spring Creek Productions, Face Productions, Tribeca Productions (Analyse This, 1999)

http://goodkickoffmeetings.com/2010/04/stakeholder-frontloading/

BEFORE ANY MEETINGS

Page 41: Designing the client experience - #FOWD - 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 42: Designing the client experience - #FOWD - April 2015

GOALS

REALITY

OPTIONS

WAY FORWARD

Page 43: Designing the client experience - #FOWD - April 2015

ACTIVELY LISTEN

Image credit: Hartswood Films, BBC Wales & Masterpiece (Sherlock, 2010)

Page 44: Designing the client experience - #FOWD - April 2015

AVOID MOVING GOAL POSTS

http://dilbert.com/strips/comic/2000-11-05/

Page 45: Designing the client experience - #FOWD - April 2015

TRUST

Page 46: Designing the client experience - #FOWD - April 2015

INTEGRITY

RELIABILITY

TRANSPARENCY

RESPECT

Page 47: Designing the client experience - #FOWD - April 2015

HONESTYDON’T OVER-PROMISEAND UNDER-DELIVER

Image credit: RKO Radio Pictures and Walt Disney Productions (Pinocchio, 1940)

Page 48: Designing the client experience - #FOWD - April 2015

BE RELIABLEDELIVER WHEN YOU SAY YOU WILL

Image credit: Warner Bros, Guber-Peters Company and PolyGram Filmed Entertainment (Batman, 1989)

Page 49: Designing the client experience - #FOWD - April 2015

This is the extraordinary thing about creativity: If you just keep your mind resting against the subject in a friendly but persistent way, sooner or later you will get a reward from your subconscious…

…If you've put in the pondering time in first.

JOHN CLEESE

John Cleese on Creativity - Watch every second of it, you won’t regret it, I guarantee it: http://www.youtube.com/watch?v=AU5x1Ea7NjQ

Page 50: Designing the client experience - #FOWD - April 2015

GIVE UPDATESEVEN IF THERE ISN’T MUCH TO REPORT

Image credit: Columbia Pictures Corporation and Hawk Films (Dr Strangelove, 1964)

Page 51: Designing the client experience - #FOWD - April 2015

TRANSPARENCYINVOLVE YOUR CLIENT THROUGHOUT THE DESIGN PROCESS

Image credit: Universal Pictures, Amblin Entertainment, U-Drive Productions (Back to the Future, 1985)

Page 52: Designing the client experience - #FOWD - April 2015

TAKE THE CLIENT ON THE JOURNEY WITH YOU

Image credit: MGM and Loew’s (The Wizard of Oz, 1939)

Page 53: Designing the client experience - #FOWD - April 2015

SURPRISES SUCKImage credit: Lucasfilm (Star Wars: Episode V - The Empire Strikes Back, 1980)

Page 54: Designing the client experience - #FOWD - April 2015

WORKSHOPS ARE A DESIGNER’S BEST FRIEND

Check out: http://alistapart.com/article/the-core-model-designing-inside-out-for-better-results

Page 55: Designing the client experience - #FOWD - April 2015

EXPOSE YOUR CLIENTSTO RESEARCH DIRECTLY

Page 56: Designing the client experience - #FOWD - 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 57: Designing the client experience - #FOWD - April 2015

RESPECT NOT REVERENCE

Image credit: Paramount Pictures, Alfran Productions (The Godfather, 1972)

Page 58: Designing the client experience - #FOWD - April 2015

SORRY DAVE

Image credit: MGM and Stanley Kubrick Productions (2001: A Space Odyssey, 1968)

Page 59: Designing the client experience - #FOWD - April 2015

FIND THE PERFECT BALANCEImage credit: Paramount Pictures and Lucasfilm (The Raiders of the Lost Ark, 1981)

Page 60: Designing the client experience - #FOWD - April 2015

Your ego is a bad designer

CHRISTOPHER BUTLER

http://www.newfangled.com/your_ego_is_a_bad_designer

Page 61: Designing the client experience - #FOWD - April 2015

UNCOVER THE UNDERLYING PROBLEM

GET THE CLIENT TO FOCUS ON PROBLEMS RATHER THAN SOLUTIONS.

Image credit: NBC Universal Television (Columbo, 1971)

Page 62: Designing the client experience - #FOWD - April 2015

STAY POSITIVE MEANS YOU CAN SAY NO WITHOUT BEING THE ‘NO’ PERSON

Image credit: Walt Disney and Pixar Studios. (Up, 2009)

Page 63: Designing the client experience - #FOWD - April 2015

MAYA ANGELOU

Photo credit: York College ISLGP http://commons.wikimedia.org/wiki/File:Maya_Angelou_visits_YCP!_2413.jpg

People will forget what you said. People will forget what you did. But people will never forget how you made them feel.

Page 64: Designing the client experience - #FOWD - April 2015

Not only were we satisfied with the quality of work carried out for us, but we also really enjoyed working closely with the team in both a professional and personal capacity.

It was very dynamic and creative. I always felt they really cared about the project.

Great team to work with, everyone was enthusiastic from the first day to the final delivery.

Image credit: Broadway Video, Little Stranger, NBC Universal Television (30 Rock, 2006)

Page 65: Designing the client experience - #FOWD - April 2015

COMMUNICATION

Page 66: Designing the client experience - #FOWD - April 2015

ACTIVELY AVOID MISINTERPRETATION

FORK HANDLES OR FOUR CANDLES?

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

Page 67: Designing the client experience - #FOWD - April 2015

When you're struggling to write a sensitive email, stop trying. Pick up the phone and call instead.

CARL SMITH

http://devianthippie.com/ Source: https://twitter.com/carlsmith/status/430505161765974017

Page 68: Designing the client experience - #FOWD - April 2015

PRESENT DESIGNS, DON’T JUST EMAIL THEM

Image credit: Dreamworks SKG, Universal Pictures, Scott Free Productions, Mill Film, C&L, Dawliz and Red Wagon Entertainment (Gladiator, 2000)

Page 69: Designing the client experience - #FOWD - April 2015

DESIGN FEEDBACK PASS THE MESSAGE

Image credit: Thames Television (The Sooty Show, 1968-1992)

Page 70: Designing the client experience - #FOWD - April 2015
Page 71: Designing the client experience - #FOWD - April 2015

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

Page 72: Designing the client experience - #FOWD - 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 73: Designing the client experience - #FOWD - 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/ Source: https://medium.com/@monteiro/13-ways-designers-screw-up-client-presentations-51aaee11e28c

Page 74: Designing the client experience - #FOWD - April 2015

KEEP DESIGN CRITIQUES GOAL ORIENTED

Image credit: NASA (http://www.nasa.gov/centers/johnson/about/history/jsc40/jsc40_pg8.html)

Page 75: Designing the client experience - #FOWD - April 2015

BE CONSISTENT IN YOUR USEOF LANGUAGE

Available on iOS or Android: http://uxcompanion.com/

Page 76: Designing the client experience - #FOWD - April 2015

SOME OF THE WAYS WE FOSTER BETTER COMMUNICATION

Page 77: Designing the client experience - #FOWD - April 2015

SKETCHINGImage credit: Twentieth Century Fox Films, Paramount Pictures and Lightstorm Entertainment (Titanic, 1997)

Page 78: Designing the client experience - #FOWD - April 2015

PROTOTYPINGImage credit: Paramount Pictures, Marvel Studios, Fairview Entertainment and Dark Blades Films (Iron Man, 2008)

Page 79: Designing the client experience - #FOWD - April 2015

STYLE TILES

http://styletil.es/

Page 80: Designing the client experience - #FOWD - April 2015

http://boagworld.com/design/pattern-library/

PATTERN LIBRARIES

Page 81: Designing the client experience - #FOWD - April 2015

TEST, TEST, AND TEST SOME MORE

Image credit: The Ladd Company, Shaw Brothers and Warner Bros. (Blade Runner, 1982)

Page 82: Designing the client experience - #FOWD - April 2015

EMPATHY

TRUST

COMMUNICATION

Page 83: Designing the client experience - #FOWD - April 2015

SO NEXT TIMEImage credit: Michael White Productions, National Film Trustee Company and Monty Python Pictures (Monty Python and the Holy Grail, 1975)

Page 84: Designing the client experience - #FOWD - April 2015

WHAT COULD YOU HAVE DONE DIFFERENTLY?

Page 85: Designing the client experience - #FOWD - April 2015

COULD YOU HAVE DEFINED THE ROLES BETTER?

Page 86: Designing the client experience - #FOWD - April 2015

DID YOU SET AND MANAGE THEIR EXPECTATIONS?

Page 87: Designing the client experience - #FOWD - April 2015

DID YOU COLLABORATE AND INVOLVE THEM AS AN EQUAL?

Page 88: Designing the client experience - #FOWD - April 2015

DID YOU STRUCTURE FEEDBACK APPROPRIATELY?

Page 89: Designing the client experience - #FOWD - April 2015

SOMETIMES…

Page 90: Designing the client experience - #FOWD - April 2015

No matter how much you try, you can’t stop people from sticking beans up their nose.

JARED SPOOL

Source: http://www.uie.com/brainsparks/2011/07/08/beans-and-noses/Photo credit: Brandon Dilbeck (http://commons.wikimedia.org/wiki/File:JellyBellyBeans.jpg)

Page 91: Designing the client experience - #FOWD - April 2015

MORE OFTEN…

Page 92: Designing the client experience - #FOWD - April 2015

LEARN YOU MUST

Image credit: Lucasfilm (Star Wars: Episode I, 1999)

Page 93: Designing the client experience - #FOWD - April 2015

AND DO BETTER

Image credit: Warner Bros, Village Roadshow Pictures, A&E Television Network, Bazmark Films, Red Wagon Entertainment and Spectrum Films (The Great Gatsby, 2013)

Page 94: Designing the client experience - #FOWD - April 2015

THANK YOU@duckymatt

Copyright: Studio 37 & La Petite Reine & La Classe Américaine & JD Prod & France 3 Cinéma & Jouror Productions & uFilm (The Artist, 2011)