Micro UX is a small element in a product’s design, focused entirely on a single task.
These simple interactions and effects are primarily designed to create an interesting and hopefully unique experience for the user.
Here we’ll be finding out how these little details can make a big difference.
The human quality
As Dan Saffer the author of Microinteractions states “it’s the details that make systems feel more human, and more humane.”
Obtaining that ‘human’ quality is relatively simple, as product teams can obtain user feedback and iterate the design based on these responses, leading to a more customer-informed experience.
It’s also a lot easier and cheaper to test iterations of a design, thanks to improvements in technology, a wider access to knowledge and better availability of real-time tracking tools.
Ultimately micro UX design is about delighting the user by using innovative design features that not only make a task easier but also create an engaging experience that’s a pleasure to repeat. Here are 14 of my favourites…
More cat Gifs please
Just pull down with your finger for a refreshed Facebook newsfeed. The same function works for many apps on the iPhone.
Google autofill me up
I think you’ll find I’m a gen x’er.
Just by hovering your mouse over one of American Apparel’s product images you can see an enlarged section right next to it.
You can make it!
The Daily Beast has a hovering box filled with popular topics. The grey progress bar indicates how much of an article you’ve read.
Which account to send an offensive tweet from today?
Switch between accounts on Twitter by dragging your header image down with your finger.
From silver to gold
Apple’s product pages contain images that alter as you select different variations.
No need to shout…
On Flickr if people leave caps lock on by accident, it will convert the message into more civilised lower case.
In Gmail’s latest incarnation you can take out vast swathes of your inbox with a swipe of the finger.
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.
Christopher is typing
Google Hangouts and other IM providers include a real-time ‘is typing’ function because otherwise you’d never be quite sure if someone is ignoring you or typing a long reply.
How quickly we learnt how these three lines hold a world of navigation.
How can you resist?
When you add an item to the basket on Threadless you’re greeted with a pop-up featuring a leaping anthropomorphic cart, licking its lips and saying “1 item added to my carry belly”. I’d imagine this is off-putting for some. Not this weirdo though.
Leaving on a jet plane
When I scroll down the ASOS homepage, a little animated airplane travels across the screen drawing my attention to the free delivery.
And then a slide to the right.
Ultimately, I just really love sliding buttons. Pinterest is full of them.
For more on web design from the blog check out our crucial web design trends of 2015, also these 16 beautiful examples of flat design in ecommerce and 20 examples of beautifully persuasive ecommerce design.