Little details can make a difference to the user experience, by making tasks easier for users or just by adding some fun to the process. 

Here I've compiled 12 examples of 'micro UX' from a range of sites... 

Daily Beast

The 'read this' list on the right of the page incorporates a progress bar which fills wth grey to show how much of the article you've read so far. 

Email auto-suggest

This use of auto-suggest for email fields is simple but very useful. 

(From CX Partners). 

Royal Mail

This postcode finder suggests addresses as you type. Note that the number of matching addresses changes as you type: 

It's a great way to reduce the pain of checkout form completion too. See this post by James Gurd for more examples

Bellroy

This 'slim your wallet' demo shows how the Bellroy wallet performs compared to standard wallets. As you move the slider, the wallets fill up with cards and cash. 

Virgin America

In-line validation is great for form filling - it provides fast feedback to users and avoids the pain of pressing continue or next, only to find that you've made a mistake. 

Here, Virgin America combines this validation with the friendly touch... 

KLM

From KLM's iPhone app. Note the bars that correspond to flight price as you select them. 

Tablet

I like this. Most people may have a destination in mind, but other travellers may just have a week or two off that they want to use for a break. 

This 'I just want to get away' button provides a useful method of navigation, though I think Tablet should have this on the homepage. 

Add to cart interaction

This effect (found on Dribble) confirms to the user that the item has been added to the shopping cart. 

Credit card entry

This is very simple yet effective. By adding spaces to the card entry field, users can more easily review the number they have entered, thus minimising the chance of making errors. (From @ritchielee). 

AirBnB

The 'search when I move the map' option is great, allowing people to find an area, then pan out to find suitable accommodation without having to search from scratch. 

Annoying sites playing audio

Auto-audio is the bane of the multiple tab user's life. 

Thankfully this little feature on Chrome allows you to identify and kill the offending tab quickly. 

Waitrose

On the Waitrose homepage there’s a notepad that you can quickly write your shopping list down on, hit search and it will find these items for you.

Have you seen some good examples of micro UX? Share them with us in the comments...

Graham Charlton

Published 7 July, 2015 by Graham Charlton

Graham Charlton is the former Editor-in-Chief at Econsultancy. Follow him on Twitter or connect via Linkedin or Google+

2565 more posts from this author

You might be interested in

Comments (4)

David Kyle

David Kyle, Head of E-Commerce at Park Cameras

Mixcloud is full of micro UX. My favourite being if you hover over the play button on another mix, it pauses your current mix and gives you a preview of that mix. As soon as you hover off, back to where you were before. It's beautiful.

over 2 years ago

Steve Pannett

Steve Pannett, Senior Designer at three sixty

I can't help but think the add-to-cart effect is a bit unnecessary; the majority of online shoppers are savvy enough to look for a numerical change in the basket/bag icon. Displaying a sidebar of items in there is a good shout though, and being able to edit your basket (quantities/removals etc) whilst on product pages would be really helpful. I think it' s just the animation of physically moving a product image to the basket icon that I find pointless.

We're getting to a point where 'the norm' is often the best way to approach UX design. I think positive changes and improvements will be incremental rather than wholesale.

Also, littlebigdetails is a great resource for this kind of thing.

over 2 years ago

Graham Charlton

Graham Charlton, Editor in Chief at ClickZ Global

@Steve - I know what you mean, but I see it as a fun way to confirm to users that the item has been added.

Littlebigdetails is excellent, well worth a look: http://littlebigdetails.com/

over 2 years ago

Joe Bolger

Joe Bolger, MD at Intellexo Ltd

I love the Virgin America example. Form-filling can be a conversion killer, so anything that keeps people engaged is to be celebrated. Would be great to see more great examples of this kind of thing @graham.

over 2 years ago

Comment
No-profile-pic
Save or Cancel
Daily_pulse_signup_wide

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Digital Pulse newsletter. You will receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.