Micro UX Explained in 8 Delightful Real-World Examples

Author photo

Andrew Stelya

    19 Aug 2016 - 5 min read

    So, what’s this micro UX thing?

    Micro UX is an element of a design, often small, fully devoted to fulfilling a single task. Microinteractions author Dan Saffer described micro UX as a number of “details that make systems feel more human, and more humane”.

    That said, here are 8 delightful examples micro UX, or, as they’re also called, microinteractions:

    Give me more!

    We’re all used to the pull-release-to-refresh interaction in apps like Facebook and Twitter and Gmail. That’s possibly one of the most prominent examples of Micro UX. What a little easy-to-do and rewarding gesture.

    Release to refresh micro UX

    Hover to get close up

    A design solution most often used by online stores to better showcase items on sale. You hover over the product image to see the larger version appear next to it. Best thing after actually visiting the store and having a look.

    hover to zoom micro UX

    Measuring the progress

    Daily Beast’s “Read This List” in the sidebar shows some recommended articles. But it really does more than that – it shows a cute grey progress bar to indicate how much of the article you’ve read. Super useful and productive. And challenging.

    read this list micro ux

    Need help with Technical Writing?  Check out Instrktiv’s Ultimate Guide To User-Friendly Manuals.

    Dealing with your inbox

    Gmail’s Inbox allows dealing with mail floods with a swipe of a finger.

    inbox swipe micro UX

    Wait for it…

    Many IM providers have included a real-time “is typing” function to let you know someone you’re chatting with is actually there and answering. One of the most satisfying features in messaging. It also adds suspense to the whole thing.

    someone_is_typing_micro UX

    Jet fly

    ASOS features a little jet plane flying over the screen to turn the users’ attention to the free delivery to 240 countries.

    ASOS jet micro UX

    No shouting

    Flickr kindly makes lowercase letters in your message in case you accidentally leave CAPS LOCK on. That was unintended, right?

    flickr_text_format-blog-full

    Post codes made easy

    Royalmail has finally got it right. They’ve introduced the Postcode Finder, making life easy for users entering the code. Useful information pops up to help you along the way, suggesting matches.

    postcode finder

    The devil is in the details – as they say. And this is what they mean by that. Small experiences and design features can have a huge impact on the impressions and emotions users get from interacting with your apps or websites.

    Recommended Reading:

     

    There's a Better Way to Manage Your Mobile Business

    Share:
    1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
    Loading...

    Leave a Reply

      Subscribe  
    Notify of

    Meanwhile, how about getting inspired
    at Reinvently Insights?

    Calculator sticker

    Get an estimate