redesigning how we work - ux alive 2016

75
HELLO I’m Matt @duckymatt

Upload: matt-gibson

Post on 15-Apr-2017

516 views

Category:

Design


7 download

TRANSCRIPT

Page 1: Redesigning how we work - UX Alive 2016

HELLO I’m Matt

@duckymatt

Page 2: Redesigning how we work - UX Alive 2016

CLIENTS

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

Page 3: Redesigning how we work - UX Alive 2016

CLIENTSWORKING WITH

BETTERImage credit: Paramount Pictures (Top Gun, 1986) @duckymatt

Page 4: Redesigning how we work - UX Alive 2016

UX?SO, HOW DOES THAT RELATE TO

@duckymatt

Page 5: Redesigning how we work - UX Alive 2016

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) @duckymatt

Page 6: Redesigning how we work - UX Alive 2016

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

Page 7: Redesigning how we work - UX Alive 2016

http://clientsfromhell.net/ @duckymatt

Page 8: Redesigning how we work - UX Alive 2016

@duckymatt http://www.sharpsuits.net/

Page 9: Redesigning how we work - UX Alive 2016

@duckymatt http://www.sharpsuits.net/

Page 10: Redesigning how we work - UX Alive 2016

http://www.sharpsuits.net/ @duckymatt

Page 11: Redesigning how we work - UX Alive 2016

CAN YOU MAKE IT SO

PLAYS EVERY TIME SOMEONE RECEIVES AN EMAIL FROM US?

@duckymatt

Page 12: Redesigning how we work - UX Alive 2016

A MONSTER OF OUR OWN MAKING

Image credit: Universal Pictures (Frankenstein, 1931) @duckymatt

Page 13: Redesigning how we work - UX Alive 2016

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/

Recommended read: http://www.abookapart.com/products/design-is-a-job

@duckymatt

Page 14: Redesigning how we work - UX Alive 2016

I CLIENT WORK

@duckymatt

Page 15: Redesigning how we work - UX Alive 2016

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

Page 16: Redesigning how we work - UX Alive 2016

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

Page 17: Redesigning how we work - UX Alive 2016

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/

@duckymatt

Page 18: Redesigning how we work - UX Alive 2016

CLIENT WORK IS ALL ABOUT RELATIONSHIPS

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

Page 19: Redesigning how we work - UX Alive 2016

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

Page 20: Redesigning how we work - UX Alive 2016

EMPATHY

TRUST

COMMUNICATION@duckymatt

Page 21: Redesigning how we work - UX Alive 2016

EMPATHY

TRUST

COMMUNICATION@duckymatt

Page 22: Redesigning how we work - UX Alive 2016

PUT THE SHOE ON THE OTHER FOOTTHEY HIRED YOU TO SOLVE A PROBLEM THAT THEY CANNOT ALONE

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

Page 23: Redesigning how we work - UX Alive 2016

CLIENTS WANT TO BE GUIDEDCLEARLY DEFINE THE ROLES OF

THE CLIENT RELATIONSHIPImage credit:Paramount Pictures (Forrest Gump, 1994) @duckymatt

Page 24: Redesigning how we work - UX Alive 2016

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

Page 25: Redesigning how we work - UX Alive 2016

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/

@duckymatt

Page 26: Redesigning how we work - UX Alive 2016

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/

@duckymatt

Page 27: Redesigning how we work - UX Alive 2016

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

SETTING GOALS

Page 28: Redesigning how we work - UX Alive 2016

EMPATHY

TRUST

COMMUNICATION@duckymatt

Page 29: Redesigning how we work - UX Alive 2016

INTEGRITY

RELIABILITY

TRANSPARENCY

RESPECT@duckymatt

Page 30: Redesigning how we work - UX Alive 2016

HONESTYDON’T OVER-PROMISEAND UNDER-DELIVER

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

Page 31: Redesigning how we work - UX Alive 2016

GIVE UPDATESEVEN IF THERE ISN’T MUCH TO REPORT

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

Page 32: Redesigning how we work - UX Alive 2016

TRANSPARENCYFOSTER TRUST BY INVOLVING YOUR CLIENT THROUGHOUT THE DESIGN PROCESS

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

@duckymatt

Page 33: Redesigning how we work - UX Alive 2016

TAKE THE CLIENT ON THE JOURNEY WITH YOU

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

Page 34: Redesigning how we work - UX Alive 2016

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

Page 35: Redesigning how we work - UX Alive 2016

COLLABORATE THROUGH WORKSHOPS AND STUDIOS

@duckymatt

Page 36: Redesigning how we work - UX Alive 2016

EXPOSE YOUR CLIENTSTO RESEARCH DIRECTLY

@duckymatt

Page 37: Redesigning how we work - UX Alive 2016

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/

@duckymatt

Page 38: Redesigning how we work - UX Alive 2016

RESPECT NOT REVERENCE

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

Page 39: Redesigning how we work - UX Alive 2016

THE NO PERSONImage credit: Carolco Pictures, Pacific Western, Lightstorm Entertainment, Canal+ & T2 Productions (Terimator 2: Judgment Day, 1991)

@duckymatt

Page 40: Redesigning how we work - UX Alive 2016

Image credit: Paramount Pictures and Lucasfilm (The Raiders of the Lost Ark, 1981) @duckymatt

Page 41: Redesigning how we work - UX Alive 2016

Your ego is a bad designer

CHRISTOPHER BUTLER

http://www.newfangled.com/your_ego_is_a_bad_designer

@duckymatt

Page 42: Redesigning how we work - UX Alive 2016

UNCOVER THE UNDERLYING PROBLEM

GET THE CLIENT TO FOCUS ON PROBLEMS RATHER THAN SOLUTIONS

Image credit: NBC Universal Television (Columbo, 1971) @duckymatt

Page 43: Redesigning how we work - UX Alive 2016

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

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

Page 44: Redesigning how we work - UX Alive 2016

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

@duckymatt

Page 45: Redesigning how we work - UX Alive 2016

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) @duckymatt

Page 46: Redesigning how we work - UX Alive 2016

EMPATHY

TRUST

COMMUNICATION@duckymatt

Page 47: Redesigning how we work - UX Alive 2016

ACTIVELY AVOID MISINTERPRETATION

FORK HANDLES OR FOUR CANDLES?

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

Page 48: Redesigning how we work - UX Alive 2016

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

@duckymatt

Page 49: Redesigning how we work - UX Alive 2016

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) @duckymatt

Page 50: Redesigning how we work - UX Alive 2016

@duckymatt

Page 51: Redesigning how we work - UX Alive 2016

YOUR DESIGNS WON’T SELL THEMSELVES

Image credit: Gracie Films and 20th Century Fox Television (The Simpsons, 1997) @duckymatt

Page 52: Redesigning how we work - UX Alive 2016

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

Page 53: Redesigning how we work - UX Alive 2016

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

@duckymatt

Page 54: Redesigning how we work - UX Alive 2016

BE CONSISTENT IN YOUR USEOF LANGUAGE

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

Page 55: Redesigning how we work - UX Alive 2016

SOME OF THE WAYS WE FOSTER BETTER COMMUNICATION

@duckymatt

Page 56: Redesigning how we work - UX Alive 2016

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

Page 57: Redesigning how we work - UX Alive 2016

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

Page 58: Redesigning how we work - UX Alive 2016

STYLE TILES

http://styletil.es/ @duckymatt

Page 59: Redesigning how we work - UX Alive 2016

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

PATTERN LIBRARIES

@duckymatt

Page 60: Redesigning how we work - UX Alive 2016

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

TESTING, DUH

Page 61: Redesigning how we work - UX Alive 2016

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

Page 62: Redesigning how we work - UX Alive 2016

WHAT COULD YOU HAVE DONE DIFFERENTLY?

@duckymatt

Page 63: Redesigning how we work - UX Alive 2016

DID YOU SET AND MANAGE THEIR EXPECTATIONS?

@duckymatt

Page 64: Redesigning how we work - UX Alive 2016

DID YOU COLLABORATE AND INVOLVE THEM AS AN EQUAL?

@duckymatt

Page 65: Redesigning how we work - UX Alive 2016

DID YOU STRUCTURE FEEDBACK APPROPRIATELY?

@duckymatt

Page 66: Redesigning how we work - UX Alive 2016

SOMETIMES…

@duckymatt

Page 67: Redesigning how we work - UX Alive 2016

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) @duckymatt

Page 68: Redesigning how we work - UX Alive 2016

MORE OFTEN…

@duckymatt

Page 69: Redesigning how we work - UX Alive 2016

LEARN

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

Page 70: Redesigning how we work - UX Alive 2016

MAKE TRULY EXCELLENT EXPERIENCES

Image credit: Warner Bros, Village Roadshow Pictures, Groucho II Partnership & Silver Pictures (The Matrix, 1999) @duckymatt

Page 71: Redesigning how we work - UX Alive 2016

Image credit: Am Psycho Productions, Edward R Pressman Film, Lions Gate Films, Muse Productions, PPS Films, Quadra Entertainment, Universal Pictures (American Psycho, 2000)

THAT WE

@duckymatt

Page 72: Redesigning how we work - UX Alive 2016

Image credit: Twentieth Century Fox Film Corporation, Gordon Company, & Silver Pictures (Die Hard, 1988)

OUR CLIENTS

@duckymatt

Page 73: Redesigning how we work - UX Alive 2016

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

AND OUR USERS

@duckymatt

Page 74: Redesigning how we work - UX Alive 2016

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

WILL

@duckymatt

Page 75: Redesigning how we work - UX Alive 2016

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)

@cyberduck_uk