Great client service means going that extra mile to satisfy the needs of those that you partner with. However, oftentimes that mile is comprised of many small steps – or gestures – that work together to create an overall exceptional experience. These small moments are known as microinteractions, and they make the difference, particularly in digital communications, between something you tolerate and something you love. Join Jessica DeJong and Pete Amundson as they discuss the little things you can do to make digital moments experienced with your firm stand out among the rest. During this webinar, they provide real-world examples of how businesses are adding that extra 1% to differentiate their products and services from those of their competitors. They also explore how Creatives and Technologists have partnered together to inspire and produce great digital microinteractions, and they speak to ways you can carry microinteractions into your offline communications. You’ll leave this session with a list of things you can do now to help amplify your user experience.

1. 12 December 2013
Microinteractions:
The Details that Delight
Webinar

2. Hi, there. Nice to meet you!

3. EFFORT
EFFECT
Microinteractions

4. So … What’s a Microinteraction?

5. ATOMIC
DESIGN
MOMENTS

6. Tiny, Humanizing Details
Microinteractions make systems:
• Delightful
• Humane
• Effective

7. Microinteractions are the
little details that separate
something you tolerate
from something you love.

8. MICROINTERACTIONS
The Details that Delight

9. Microinteractions are the final 1%,
like the custom tailoring of a suit.

18. “The details are not the details,
the details make the design.”
—CHARLES EAMES

19. Familiar
EXAMPLES

20. Hey, here’s some text

21. Hey, here’s some text

25. Creating
SIGNATURE MOMENTS

28. Microinteractions and the
MULTI-PLATFORM
EXPERIENCE

30. Ideas
YOU CAN USE!

31. MICROCOPY
Every Moment Is a Branding Moment

32. Microcopy Opportunities
• Search fields
• Confirmation Messaging
• Error pages
Remember: Clarity is essential and microcopy
should never confuse the user. Every moment is a
branding moment. Even when it’s not.

36. SPEAK HUMAN
What can we help you find?

37. IDEAS FOR YOUR SITE
Transitions & Animations

38. Examples for Your Website
• CSS3 Transitions
• CSS3 Transforms
• Contextual Animations

39. What does this mean
FOR YOUR BRAND?

40. “Details demonstrate
that care has been put
into the product and
attention has been
paid to the user and
their needs.”
—DAN SAFFER

41. We Experience
Moments Every Day

44. Thank you!

45. Resources
• “Microinteractions”, by Dan Saffer
microinteractions.com
• Microinteractions Quick Reference
microinteractions.com/downloads/
Microinteractions_QuickRef.pdf
• Examples from today’s webinar
microinteractions.onenorth.com