designing the client experience (matt gibson)

94
HELLO. I’m Matt @duckymatt #FOWD

Upload: future-insights

Post on 21-Jul-2015

407 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Designing the Client Experience (Matt Gibson)

HELLO. I’m Matt @duckymatt #FOWD

Page 2: Designing the Client Experience (Matt Gibson)

@cyberduck_uk cyber-duck.co.uk

Page 3: Designing the Client Experience (Matt Gibson)

CLIENTS

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

Page 4: Designing the Client Experience (Matt Gibson)

CLIENTSWORKING WITH

BETTERImage credit: Paramount Pictures (Top Gun, 1986)

Page 5: Designing the Client Experience (Matt Gibson)

Image credit: Columbia Pictures (Groundhog Day, 1993)

I’VE BEEN HERE BEFORETHING IS,

Page 6: Designing the Client Experience (Matt Gibson)

FOWD?SO, HOW DOES THAT RELATE TO

Page 7: Designing the Client Experience (Matt Gibson)

CLIENTBLAMINGREASON #1

Page 8: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

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

Page 10: Designing the Client Experience (Matt Gibson)

http://clientsfromhell.net/

Page 11: Designing the Client Experience (Matt Gibson)

http://www.sharpsuits.net/

Page 12: Designing the Client Experience (Matt Gibson)

http://www.sharpsuits.net/

Page 13: Designing the Client Experience (Matt Gibson)

CAN YOU MAKE IT SO

PLAYS EVERY TIME SOMEONE RECEIVES AN EMAIL FROM US?

Page 14: Designing the Client Experience (Matt Gibson)

BE RESPONSIBLE FOR YOURSELF AND YOUR WORK

Image credit: Universal Pictures (Frankenstein, 1931)

Page 15: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

THE ‘R’ WORD REASON #2

Page 17: Designing the Client Experience (Matt Gibson)
Page 18: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

THE WEB DOESN’T HAVE A FIXED WIDTH

Page 20: Designing the Client Experience (Matt Gibson)

WE’VE HAD TO ADAPT TO THESE CHALLENGES

Image credit: Paramount Pictures (Airplane!, 1980)

Page 21: Designing the Client Experience (Matt Gibson)

I CLIENT WORKREASON #3

Page 22: Designing the Client Experience (Matt Gibson)

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

CLIENT WORK IS REWARDING

Page 23: Designing the Client Experience (Matt Gibson)

BUT IT CAN ALSO BE CHALLENGING

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

Page 24: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

CLIENT WORK IS ALL ABOUT RELATIONSHIPS

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

Page 26: Designing the Client Experience (Matt Gibson)

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

Page 27: Designing the Client Experience (Matt Gibson)

EMPATHY

TRUST

COMMUNICATION

Page 28: Designing the Client Experience (Matt Gibson)

EMPATHY

Page 29: Designing the Client Experience (Matt Gibson)

PUT YOURSELF IN YOUR CLIENT’S SHOES

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

Page 30: Designing the Client Experience (Matt Gibson)

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

UMMM, YEAH…

Page 31: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

SETTING AND MANAGING EXPECTATIONS

Page 33: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

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

THE SALES PROCESS

Page 35: Designing the Client Experience (Matt Gibson)

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

FIND OUT WHAT THEIR BUDGET IS UP-FRONT

Page 36: Designing the Client Experience (Matt Gibson)

VALUE BASED PRICING

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

Page 37: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

Check out shouldIworkforfree.com

Page 39: Designing the Client Experience (Matt Gibson)

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

KICKING OFF THE PROJECT

Page 40: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

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 (Matt Gibson)

GOALS

REALITY

OPTIONS

WAY FORWARD

Page 43: Designing the Client Experience (Matt Gibson)

ACTIVELY LISTEN

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

Page 44: Designing the Client Experience (Matt Gibson)

AVOID MOVING GOAL POSTS

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

Page 45: Designing the Client Experience (Matt Gibson)

TRUST

Page 46: Designing the Client Experience (Matt Gibson)

INTEGRITY

RELIABILITY

TRANSPARENCY

RESPECT

Page 47: Designing the Client Experience (Matt Gibson)

HONESTYDON’T OVER-PROMISEAND UNDER-DELIVER

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

Page 48: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

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 (Matt Gibson)

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 (Matt Gibson)

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 (Matt Gibson)

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 (Matt Gibson)

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

Page 54: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

EXPOSE YOUR CLIENTSTO RESEARCH DIRECTLY

Page 56: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

RESPECT NOT REVERENCE

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

Page 58: Designing the Client Experience (Matt Gibson)

SORRY DAVE

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

Page 59: Designing the Client Experience (Matt Gibson)

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

Page 60: Designing the Client Experience (Matt Gibson)

Your ego is a bad designer

CHRISTOPHER BUTLER

http://www.newfangled.com/your_ego_is_a_bad_designer

Page 61: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

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 (Matt Gibson)

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 (Matt Gibson)

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 (Matt Gibson)

COMMUNICATION

Page 66: Designing the Client Experience (Matt Gibson)

ACTIVELY AVOID MISINTERPRETATION

FORK HANDLES OR FOUR CANDLES?

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

Page 67: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

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 (Matt Gibson)

DESIGN FEEDBACK PASS THE MESSAGE

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

Page 70: Designing the Client Experience (Matt Gibson)
Page 71: Designing the Client Experience (Matt Gibson)

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

Page 72: Designing the Client Experience (Matt Gibson)

“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 (Matt Gibson)

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 (Matt Gibson)

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 (Matt Gibson)

BE CONSISTENT IN YOUR USEOF LANGUAGE

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

Page 76: Designing the Client Experience (Matt Gibson)

SOME OF THE WAYS WE FOSTER BETTER COMMUNICATION

Page 77: Designing the Client Experience (Matt Gibson)

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

Page 78: Designing the Client Experience (Matt Gibson)

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

Page 79: Designing the Client Experience (Matt Gibson)

STYLE TILES

http://styletil.es/

Page 80: Designing the Client Experience (Matt Gibson)

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

PATTERN LIBRARIES

Page 81: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

EMPATHY

TRUST

COMMUNICATION

Page 83: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

WHAT COULD YOU HAVE DONE DIFFERENTLY?

Page 85: Designing the Client Experience (Matt Gibson)

COULD YOU HAVE DEFINED THE ROLES BETTER?

Page 86: Designing the Client Experience (Matt Gibson)

DID YOU SET AND MANAGE THEIR EXPECTATIONS?

Page 87: Designing the Client Experience (Matt Gibson)

DID YOU COLLABORATE AND INVOLVE THEM AS AN EQUAL?

Page 88: Designing the Client Experience (Matt Gibson)

DID YOU STRUCTURE FEEDBACK APPROPRIATELY?

Page 89: Designing the Client Experience (Matt Gibson)

SOMETIMES…

Page 90: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

MORE OFTEN…

Page 92: Designing the Client Experience (Matt Gibson)

LEARN YOU MUST

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

Page 93: Designing the Client Experience (Matt Gibson)

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 (Matt Gibson)

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)