Upload
one-north-interactive
View
110
Download
0
Tags:
Embed Size (px)
DESCRIPTION
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.
Citation preview
Microinteractions: The Details that Delight
Webinar
12 December 2013
Hi, there. Nice to meet you!
EFFECT
EFFORT
Microinteractions
So … What’s a Microinteraction?
ATOMIC DESIGN MOMENTS
Tiny, Humanizing Details
• Delightful • Humane • Effective
Microinteractions make systems:
Microinteractions are the little details that separate something you tolerate from something you love.
MICROINTERACTIONSThe Details that Delight
Microinteractions are the final 1%, like the custom tailoring of a suit.
“The details are not the details, the details make the design.” —CHARLES EAMES
EXAMPLESFamiliar
Hey, here’s some text
Hey, here’s some text
SIGNATURE MOMENTSCreating
MULTI-PLATFORM EXPERIENCE
Microinteractions and the
YOU CAN USE!Ideas
MICROCOPY Every Moment Is a Branding Moment
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.
SPEAK HUMAN
What can we help you find?
IDEAS FOR YOUR SITE Transitions & Animations
Examples for Your Website
• CSS3 Transitions • CSS3 Transforms • Contextual Animations
FOR YOUR BRAND?What does this mean
“Details demonstrate that care has been put into the product and attention has been paid to the user and their needs.” —DAN SAFFER
We Experience
Moments Every Day
Thank you!
Resources
• “Microinteractions”, by Dan Saffer microinteractions.com
• Microinteractions Quick Reference microinteractions.com/downloads/Microinteractions_QuickRef.pdf
• Examples from today’s webinar microinteractions.onenorth.com