64
DESIGNING FOR DELIGHT

Designing for Delight

Embed Size (px)

Citation preview

Page 1: Designing for Delight

DESIGNING FOR DELIGHT

Page 2: Designing for Delight

Hi, I’m Jeremy

Page 3: Designing for Delight

Hi, I’m Jeremy

72% prefer “hi” to “hello” - 2014 Study by Huge

Page 4: Designing for Delight

A DIGITAL INNOVATION AGENCY

Established 2007 | Independent

Headquarters: San Diego

Los Angeles | Boulder

Page 5: Designing for Delight
Page 6: Designing for Delight

GOOD DESIGN DELIGHTS

Page 7: Designing for Delight

DESIGN WINS

Page 8: Designing for Delight

JUST ASK THIS GUY

Page 9: Designing for Delight

APPLE’S VALUE SINCE 1996

11,126% Increase

Page 10: Designing for Delight

README: OWL DOESN’T WANT TO SEE YOUR PASSWORD

Page 11: Designing for Delight

YAHOO WEATHER: FROST ON A COLD DAY

Page 12: Designing for Delight

GOOGLE MAPS: STICKMAN CHANGES IN AREA 51

Page 13: Designing for Delight

YELP: REFRESH

Page 14: Designing for Delight

GRAMMYS R&D

Page 15: Designing for Delight
Page 16: Designing for Delight
Page 17: Designing for Delight
Page 18: Designing for Delight

SUNRISE CALENDAR: ICONS CHANGE CONTEXTUALLY

Page 19: Designing for Delight

HIPMUNK: VEGAS, BABY!

Page 20: Designing for Delight

CRAIGSLIST: PRICE LOW TO HIGH

Page 21: Designing for Delight

GOOGLE MAPS: STICKMAN CHANGES IN AREA 51

Page 22: Designing for Delight

HOW TO DO IT

Page 23: Designing for Delight

CHILDLIKE CREATIVITY

TED TALKS SIR KEN ROBINSON: HOW SCHOOLS KILL CREATIVITY

Page 24: Designing for Delight

MAILCHIMP: NERVOUS MONKEY

Page 25: Designing for Delight

START OUTSIDE

Page 26: Designing for Delight
Page 27: Designing for Delight

GOOGLE MAPS: SHADOWS RESPOND REAL TIME

Page 28: Designing for Delight

GOOGLE MAPS: BIKE ROUTES SHOW ELEVATION

Page 29: Designing for Delight

GOOGLE MAPS: STICKMAN CHANGES IN AREA 51

Page 30: Designing for Delight

MAILCHIMP: NERVOUS SEND

Page 31: Designing for Delight
Page 32: Designing for Delight

BE TRULY HELPFUL

Page 33: Designing for Delight

BEANSTALK: HOW LONG WILL IT TAKE TO CRACK YOUR PASSWORD?

Page 34: Designing for Delight

BEANSTALK: HOW LONG WILL IT TAKE TO CRACK YOUR PASSWORD?

Page 35: Designing for Delight

SLACK: DON’T WAKE YOUR CO-WORKERS

Page 36: Designing for Delight

GOOGLE CHROME: INTERNET CONNECTION DOWN? PLAY A GAME.

Page 37: Designing for Delight

MAKE MISTAKES FAST

Page 38: Designing for Delight
Page 39: Designing for Delight

EMBRACE BRAINSTORMING

Yes, and…

Page 40: Designing for Delight

EMBRACE BRAINSTORMINGYes = Acceptance

And = Building upon the idea

Page 41: Designing for Delight
Page 42: Designing for Delight

CONSTRUCTIVE CRITICISM

You’re constructing at the same time that you’re criticizing. You’re building as you’re breaking down, making new pieces

to work with out of the stuff you’ve just ripped apart.

The notes you give should inspire the recipient.

Page 43: Designing for Delight

MINDMAPPING

Page 44: Designing for Delight

WORK WITH PEOPLE YOU

LIKE AND ADMIRE

Page 45: Designing for Delight

PERSONAS

Page 46: Designing for Delight

THE TARGET

AUDIENCE IS MALES

AND FEMALES AGED

ZERO AND UP

Page 47: Designing for Delight
Page 48: Designing for Delight

76% of New Uniques

Page 49: Designing for Delight

76% of New Uniques 96% of Multisessions

Page 50: Designing for Delight

EXPERIENCE MAPS

Going one step further from Personas, experience maps chronicle all the conditions surrounding a single interaction, including emotion and external circumstances.

Page 51: Designing for Delight

EXPERIENCE MAPS

Going one step further from Personas, experience maps chronicle all the conditions surrounding a single interaction, including emotion and external circumstances.

Page 52: Designing for Delight

SKETCH LIKE CRAZY!

Page 53: Designing for Delight
Page 54: Designing for Delight
Page 55: Designing for Delight

OLD SCHOOL TOOLS

Page 56: Designing for Delight

NEW SCHOOL TOOLS

Page 57: Designing for Delight
Page 58: Designing for Delight
Page 59: Designing for Delight

PROTOTYPES

Page 60: Designing for Delight
Page 61: Designing for Delight

SIMPLIFY.

Write the story, take out all the good lines,

and see if it still works.

- Ernest Hemingway

“Good design is as little design as possible.”

- Dieter Rams

Page 62: Designing for Delight

PATTERNS INFORM

Design patterns are effective due to mass usage and a shared visual lexicon. They increase conversions.

MMMM… HAMBURGER

Page 63: Designing for Delight

PATTERNS INFORM

But they are a perfect place to delight.

LIGHTSABERS!

Page 64: Designing for Delight

THANKS! Any questions?

www.mjdinteractive.com

[email protected]

P.S. We’re hiring delightful people.