Your SlideShare is downloading. ×
  • Like
#1NWebinar - Microinteractions: The Details That Delight
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

#1NWebinar - Microinteractions: The Details That Delight

  • 4,248 views
Published

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 …

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.

Published in Design , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,248
On SlideShare
0
From Embeds
0
Number of Embeds
8

Actions

Shares
Downloads
9
Comments
0
Likes
5

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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.
  • 10. “The details are not the details, the details make the design.” —CHARLES EAMES
  • 11. Familiar EXAMPLES
  • 12. Hey, here’s some text
  • 13. Hey, here’s some text
  • 14. Creating SIGNATURE MOMENTS
  • 15. Microinteractions and the MULTI-PLATFORM EXPERIENCE
  • 16. Ideas YOU CAN USE!
  • 17. MICROCOPY Every Moment Is a Branding Moment
  • 18. 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.
  • 19. SPEAK HUMAN What can we help you find?
  • 20. IDEAS FOR YOUR SITE Transitions & Animations
  • 21. Examples for Your Website •  CSS3 Transitions •  CSS3 Transforms •  Contextual Animations
  • 22. What does this mean FOR YOUR BRAND?
  • 23. “Details demonstrate that care has been put into the product and attention has been paid to the user and their needs.” —DAN SAFFER
  • 24. We Experience Moments Every Day
  • 25. Thank you!
  • 26. Resources •  “Microinteractions”, by Dan Saffer microinteractions.com •  Microinteractions Quick Reference microinteractions.com/downloads/ Microinteractions_QuickRef.pdf •  Examples from today’s webinar microinteractions.onenorth.com