A presentation I made at an iOS CocoaHeads event about the importance of delight, it covers what is is delight, the value of delight, and how you can use it in your applications. For reference and more reading see these links: http://blog.invisionapp.com/why-empty-states-deserve-more-design-time/ http://www.webdesignerdepot.com/2015/07/7-secrets-for-enhancing-ux-with-micro-interactions/

1. THE
IMPORTANCE
OF DELIGHT
by Chris Halaska

2. What I do

3. Interface designer
Interaction designer
Motion designer
Brand creator
Illustrator
Experience designer
What my job description says

4. I create emotional connections with users by
simplifying, guiding and delighting them
What I actually do

5. Xcode storyboards with Tom Brodhurst-Hill
Swift fundamentals with Chris Hulbert
What I’m learning

6. What is
delight?

7. If you get a present for
your birthday, it’s nice.
But if you get a present and it’s not
your birthday, it’s even better.

8. It’s like receiving a gift every day of the year
Equal parts happiness and surprise
What is delight

9. Drives satisfaction when achieved, but shouldn’t
detract from the experience if absent
What is delight

10. Unexpected and fun
What is delight

11. Value of
delight

12. Value of delight
Creates an emotional connection
Designing for emotion is key to enhancing the
user experience

13. Value of delight
Monetary value in an increased uptake

14. Value of delight
Let’s you stand out from the competition

15. Value of delight
Increases brand loyalty

16. Value of delight
Generates excitement about your product which
leads to increased engagement

17. Value of delight
Creates something memorable that people will share
and tell others about

18. Value of delight
Sets a great first impression

19. Value of delight
Most importantly, makes
people smile :)

20. How
to use
delight

21. Onboarding
Introduce the product’s personality
and set the scene for the app.
Use a combination of visuals and
animation to make it memorable.
Explain how to use the app through
a visual story, simplifying the learning
curve of your product.

22. Empty states
Great opportunity to create
engagement by delighting,
educating, and driving an action.
Adding visuals and animation will
make it a pleasant suprise.

23. Make data sexy
Turning potentially boring data into
an engaging visualisation will add
delight to your product.
Hints of animation and interaction will
encourage exploration.

24. Transitions
Smooth transitions between
screens make the experience feel
more natural.
Give an understanding of what
appeared from where, making it easy
for them to navigate back.

25. Micro-interactions
Communicate status and
provide feedback
Enhance the sense of
direct manipulation
Help people visualize the results
of their actions

26. Animation
Captivating animations enhance the
experience, create meaning, and
make the product more enjoyable
to use.

27. Loaders
Turn a normally painful feature
into a positive.
Distract them from the fact they
are waiting.
Keep the user enlightened about
what is happening.

28. Companion
Give helpful hints and guide the user
through your app.
Act as a helping hand to inform on
new features and pleasantly appear
when not expected.

29. Microcopy
A short sentance can provide a
helpful instruction to inform
and guide.
When used with the right tone
of voice can break down the
mechanical barrier and create a
human touch.

30. Get personal
Create an emotional connection
with the user to create a positive
relationship with your product.
Use their name or any data you have
to make it feel more personalised.
Avoid the creep factor.

31. Crack a smile
Use humour and surprise to provoke
a positive response to your product.
Memorable products will help you
stand out from the crowd.

32. Surprises
Unexpected surprises are the
memorable moments which will
create positive feelings towards
your product.
Give the user something they will
remember your product by.

33. Simplify the experience
Keep the flow of your app as simple
and straightforward as possible, this
will reduce friction as it’s being used.
Crowding a screen with unecessary
content with detract from the
overall experience.

34. Make it beautiful
A well crafted user interface will
have a huge impact on the percieved
value of the product.
Well thought out designs will make
the product easier to understand
and use.

35. THANK YOU
Chris Halaska
www.chrishalaska.com
twitter.com/chalaska