Small details can make a big difference to the user experience, saving users’ time, making it easier for them to spend money, or just generally making it more enjoyable.
Some of these things are so widespread and expected now that you don’t even notice them, such as postcode lookup tools on sites. They were not always there, and save you a lot of hassle.
So, inspired by sites like littlebigdetails, I’ve rounded up 15 examples of little UX touches I’ve come across myself, or have found via sites like Pinterest.
Some are obvious, some less so, and there is a general ecommerce slant to this list. Please suggest any examples you’ve seen lately…
When leaving a comment, if people get all shouty, or leave the caps lock on, it will convert the message into more civilised lower case.
If only all sites used this.
Hovering over products in category and search results pages on Lilly Pulitzer reveals a rear view of the dresses.
in the same vein, you can quickly view items on Land’s End in different colours by moving the cursor over the one you want to see.
This is an incredibly handy piece of UX which has saved me loads of time over the past year or so.
A blend of urgency and social proof from Hotels.com. When viewing a hotel, various messages appear at the bottom right of the page to tell you that people are booking it right now.
This suggests it must be an decent hotel, as well as the fact that you’d better hurry up and book before it’s too late.
Here, the Santander app recognises that I’m about to enter a numerical code, and gives me the phone-style keyboard, which makes life much easier.
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.
The shopping cart icon is not only fun, but also gently nudges customers to add more things.
As I explored here in this article about the ‘basket add’, it provides confirmation that the customer has successfully added an item, while ensuring they make a conscious choice between heading to checkout or continuing to shop.
Simply Hike has a delivery countdown near the call to action which serves as a useful piece of persuasion.
This is great. It saves that extra step of heading to click the link that’s emailed to you, and neatly guards against robot registrations.
(example from Pete Bernado via UIdetails)
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.
Here’s what the link leads to. A nice way to filter searches, and showing the number of matching results is a big help:
Twitter handily highlights the section of the text which exceeds the 140 character limit when you tweet.
Barnes & Noble
Autocomplete in site search is nothing new, though more sites could use it.
Here, it helps those who may not know the exact spelling of authors’ names, and just generally saves times and ensures that results are more accurate, good for user and retailer alike.
Showing the most helpful positive and negative reviews helps the shopper make their mind up and saves them time going through all the reviews.
This skate shop has a threshold of $99 for free shipping, and advises customers on the cart page when they are close to this. Useful for increasing order values.