#1NWebinar - Microinteractions: The Details That Delight
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

#1NWebinar - Microinteractions: The Details That Delight

  • 3,646 views
Uploaded on

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

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.

More 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
3,646
On Slideshare
778
From Embeds
2,868
Number of Embeds
8

Actions

Shares
Downloads
5
Comments
0
Likes
4

Embeds 2,868

https://www.linkedin.com 1,236
http://blog.onenorth.com 894
http://www.linkedin.com 703
https://twitter.com 14
http://oni-redesign01.cloudapp.net 13
http://localhost 6
http://onenorthwp.staging.wpengine.com 1
http://10.222.169.118 1

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