DESIGNING FOR DELIGHT One of the most effective ways to transform good design work to head turning creative is by delighting your audience. There are many ways to create delight. The work can include an element of surprise, a moment of interactivity, a novel animation, or a personalized experience. The key to delighting the user is to tap into their emotions. The aim is to add a level of detail that not only catches their attention, it infuses the experience with a moment of joy, or laughter, maybe sometimes just a momentary smile. 
 While creating delight is often fun in and of itself, one can imagine the increase in brand affinity it creates. Some estimates claim that each of us is subjected to 5,000 marketing messages per day. In the midst of that, wouldn’t we all like a little splash of fun? It’s one of those things that transforms an app, a website, a digital experience from good, but forgettable, to exceptional and memorable. In this lecture Professor Duimstra will cover: • Examples of elements of delight from Disney, Red Bull, Oakley, Yelp, Peek, and many other sites, apps and digital experiences. • Incorporating delight from user experience documentation through design and development • Prototyping for delight using tools like Invision • The ROI of delight • Brand affinity through emotion design

1. DESIGNING FOR DELIGHT

2. Hi,
I’m Jeremy

3. Hi,
I’m Jeremy
72% prefer “hi” to “hello”
- 2014 Study by Huge

4. A DIGITAL INNOVATION AGENCY
Established 2007 | Independent
Headquarters: San Diego
Los Angeles | Boulder

6. GOOD DESIGN DELIGHTS

7. DESIGN WINS

8. JUST ASK THIS GUY

9. APPLE’S VALUE SINCE 1996
11,126% Increase

10. README: OWL DOESN’T WANT TO SEE YOUR PASSWORD

11. YAHOO WEATHER: FROST ON A COLD DAY

12. GOOGLE MAPS: STICKMAN CHANGES IN AREA 51

13. YELP: REFRESH

14. GRAMMYS R&D

18. SUNRISE CALENDAR: ICONS CHANGE CONTEXTUALLY

19. HIPMUNK: VEGAS, BABY!

20. CRAIGSLIST: PRICE LOW TO HIGH

21. GOOGLE MAPS: STICKMAN CHANGES IN AREA 51

22. HOW TO DO IT

23. CHILDLIKE CREATIVITY
TED TALKS
SIR KEN ROBINSON: HOW SCHOOLS KILL CREATIVITY

24. MAILCHIMP: NERVOUS MONKEY

25. START OUTSIDE

27. GOOGLE MAPS: SHADOWS RESPOND REAL TIME

28. GOOGLE MAPS: BIKE ROUTES SHOW ELEVATION

29. GOOGLE MAPS: STICKMAN CHANGES IN AREA 51

30. MAILCHIMP: NERVOUS SEND

32. BE TRULY HELPFUL

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

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

35. SLACK: DON’T WAKE YOUR CO-WORKERS

36. GOOGLE CHROME: INTERNET CONNECTION DOWN? PLAY A GAME.

37. MAKE MISTAKES FAST

39. EMBRACE BRAINSTORMING
Yes, and…

40. EMBRACE BRAINSTORMING
Yes = Acceptance
And = Building upon the idea

42. 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.

43. MINDMAPPING

44. WORK WITH
PEOPLE YOU
LIKE AND
ADMIRE

45. PERSONAS

46. THE TARGET
AUDIENCE IS MALES
AND FEMALES AGED
ZERO AND UP

48. 76% of New Uniques

49. 76% of New Uniques 96% of Multisessions

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

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

52. SKETCH LIKE CRAZY!

55. OLD SCHOOL TOOLS

56. NEW SCHOOL TOOLS

59. PROTOTYPES

61. 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

62. PATTERNS INFORM
Design patterns are effective due to mass usage and a shared visual lexicon.
They increase conversions.
MMMM… HAMBURGER

63. PATTERNS INFORM
But they are a perfect place to delight.
LIGHTSABERS!

64. THANKS!
Any questions?
www.mjdinteractive.com
jeremy@mjdinteractive.com
P.S. We’re hiring delightful people.