“The design of your product is only as good as its smallest part.” –Dan Saffer, Microinteractions: Designing with Details
The other night I was browsing the Zappos iPhone app for a new pair of boots. I found a pair I liked and added it to my favorites…and that’s when a kitty cat surrounded by hearts flew across my screen.
Yes, that’s a kitty dropping a pair of boots into my favorites list, slowing her descent with a heart-be-speckled umbrella. (Don’t you want to download the Zappos app and try it now?)
What’s the connection between a cat and boots? Maybe Puss in Boots, maybe not.
But really, who cares? The interaction clearly told me the item had been added to my favorites, and it made me laugh. Now that’s delighting your users!
In his book Microinteractions, Saffer provides the example that if a feature is a video player, a microinteraction is the volume control. These interactions are often a single task: a setting, an on/off switch, or similar. They’re tiny and often go unnoticed…until they fail or delight.
Zappos’ cat is fairly whimsical, but consider the slightly more serious profile editor for Myspace. After you’ve set up your account the first time and you return to your profile, only the content you filled in displays. When you hover over this content, the borders of a field show up so you know you can edit it.
In-line editing is not that new of an idea, but Myspace takes it a step further. When you click to edit the content, the rest of the profile fields (the ones you didn’t complete last time) display so you can see the entire form. Clever!
Several microinteractions work together to make up this feature (the editor). The user’s content is given highest priority, while the other potential content (i.e. the blank fields) is only provided when the user requests to change their profile content.
The design doesn’t outshine the content. It enhances the experience of filling in that content. It’s only a profile editor, and a standard form design would work just as well. But would it seem as cool or fun?
Don’t forget the details
Microinteractions are tiny, but they can create a big impact on the overall user experience. So don’t forget to spend time on them even if they aren’t the shiny feature every digital agency or UX’er wants to work on.
You may also like: