20 UX design examples to get inspired
Great UX design can come in many forms. Check out these 20 incredible UX design examples that deliver a unique experience!
UX design is quite a diverse art. Users and designers all have a big margin to find products that thrill, help, solve, organize and even bewilder. But what makes a truly great example of UX design?
Free UX Design Tool for web and mobile apps. Unlimited projects!
For us here at Justinmind, a great UX design example can look like a lot of things. It can be a beautifully planned form, a creative navigation system or an efficient use of screen space. Ultimately, there are so many cases where design teams created products that truly communicate with users and help countless people all around us.
That’s why we created a list of 20 wonderful examples where the UX design was on point. Keep your favorite UX design tool at hand – you’re about to get inspired!
Instagram has become such a popular app. It’s design makes it easy for users to spend long hours scrolling through the endless stream of visual content, never overwhelming users in any way. In fact, there’s something truly wonderful about the visual hierarchy and balance on Instagram, even if most users couldn’t quite put their finger on what it is.
Due to the visual nature of the content on Instagram, it should come as no surprise that the majority of screen space is dedicated to the content posted by users. It goes to show that the general layout of Instagram’s screens was carefully planned to showcase the content and allocate a bit of space for other features. There’s no visual noise, no unnecessary elements at all.
Instagram makes for a prime user experience design example that makes the maximum from the available space. The app doesn’t compromise its features and settings in order to maintain this beautiful visual minimalism, either. Instead, the design team found great ways to stow these options away, so they wouldn’t be in the way but within reach. Using familiar faces like the hamburger menu, the app offers users a comfortable way to enjoy Instagram and all its features.
Booking.com is another huge name in the travel industry. The website is carefully put together in order to help users not only search through the thousands and thousands places to stay but to also book things easily. We included it in this list of UX design examples because of how efficiently everything was orchestrated – especially the forms.
To start, we love the search bar. It’s fast and efficient, helping users with suggestions that adapt from countries to cities and even areas. It’s the design pattern of lazy format at its finest. In a similar fashion, the entire check out process is smooth and requires very little effort from the user. Amongst the great UX design examples in this list, Booking takes its rightful place next to Amazon in the best check out processes in the UX game.
Spotify is one of those user experiences that can divide people. To some, the general UX is overrated and has plenty of room for improvement. To others, the app has a well-planned flow that helps users to explore new music. No matter how you feel about the general experience, there’s no denying that Spotify has some truly great UX design.
For us here at Justinmind, it’s all about the details. We love that every little detail in this UX design example follows a consistent trail of behavior and appearance. Regardless of if a user wants to hide a song, add a song to a playlist or when a song is liked – the app behaves consistently throughout.
This makes it easier for new users to learn their way around the app, because once they’ve seen the behavior of the app in response to one user action that’s it. They don’t need to learn about other reactions and behaviors of the app – which shortens the learning curve by a lot. It makes for an app that is easy to understand and learn with very little cognitive effort.
It’s no secret that Airbnb takes its UX design very seriously. The company famously created its own font, Cereal, that itself signifies a young and fun identity. The real magic, however, lies in the interface design of both its website and app.
First, the minimalism of the general interface is quite impressive. Mainly, because Airbnb manages to create a clear and minimal interface while still displaying a huge amount of information – which is no walk in the park. Secondly, there’s that same consistency that we praised Spotify for. Both in terms of behavior and visual cues, Airbnb makes it easy for users to predict how it will react and so requires very little effort from the user.
This UX design example also has a truly wonderful use of cards. UI cards, as they are, can make for a powerful way to display information in a way that is both responsive and effective. Users can easily recognize them and process the information offered in each screen. It’s smooth, easy to grasp and offers wonderful readability.
Free UX Design Tool for web and mobile apps. Unlimited projects!
Uber is a prime UX design example of a product that is all but split down the middle. Uber, in truth, needs to cater to two sides of the same coin: the riders and the drivers. This situation creates the need to understand two fundamentally different types of users – each with their own objectives and goals.
And that is, in part, what we here at Justinmind love about Uber. Any UX designer can tell you that understanding one user’s mental model and persona can be complex stuff. Uber does it with two – and does it very well. We love that the app understands how to deliver an effective and practical experience for both users, cementing the usability for both prime users. This sort of thinking represents the very foundation to the sharing industry as we know it.
Duolingo has changed the lives of many people out there. The ability to practice a language completely alone, in their own device, skyrocketed in popularity during the confinement due to the pandemic. And when it comes to a wonderful example of UX design, Duolingo makes it easy to see why it’s grown to be so popular.
It breaks complicated topics into chewable pieces and simplifies the entire learning experience, using UX design. There are two huge pieces of the UX puzzle here: breaking a long process into small bits and visual hierarchy.
Duolingo keeps everything simple by asking one question at a time, which maintains clarity and reduces the cognitive load. This means that users aren’t overwhelmed and don’t lose focus on the matter at hand. On the other hand, Duolingo’s UI design manages to play with many elements and use things like the law of proximity, offering clear questions and guiding the eye of the user.
This can even be seen at the very beginning of the user experience, when users establish their preferences and language goals. A form that would otherwise be long and boring becomes quick and easy with UX design at its finest.
Disney+ has made quite the splash since its debut in the world of streaming content. It’s true that its UX design had a bit of a rocky start, but changes and updates have changed the user experience for the better. There is one aspect of the user experience that we think this UX design example got absolutely right: error prevention.
No user enjoys having to take the time to type out information. This is particularly true for users on a smart TV, who need to rely on the remote for all interaction with the app.
Disney understood this simple fact and created measures to help users to type less and make more progress. Things like typing out your email are made easier by the app suggesting the most common email providers, like “@gmail.com” as a suggestion for users logging in or registering. This may seem small, but to users it makes a real difference. Another way in which Disney minimizes errors is by including confirmation messages when tasks are accomplished with success.
It’s true that some of the UX design examples on this list have more eye-catching features, but preventing users from making errors can be quite complex. It’s about allowing users to get to the end of forms faster while also avoiding common mistakes like “gnail” or “hmail”. By simply suggesting the right thing, the app allows users to move forward without any friction or stress. Kudos!
Twitch is a huge name in the gaming business. The platform focuses on video game live streaming, including even e-sports events like massive competitions. It also works as a prime UX design example for UX designers out there.
When users watch a stream using their mobile device, Twitch was a pioneer in making it so that users could leave the app and the video would stay active on the screen. Most video streaming apps will require users to stay on the app, but Twitch went the extra mile. Now, users can even lock their phones and the video will still be there when they unlock it. It’s about keeping the user experience going, allowing the real world to interrupt but not quite break up the experience.
Calm is another app that works as a UX design example that simplifies long forms. The app starts off with a carefully planned form in a series of screens, offering a set up that doesn’t require a lot of cognitive effort.
It makes a wonderful first impression, because it establishes a simple and easy-going relationship with the user. This kind of design thinking tends to lead to a lower abandonment rate and results in products that users don’t need to invest a lot of effort to use. It sends a message to new users that the user experience here will be straightforward, intuitive and comfortable.
Free UX Design Tool for web and mobile apps. Unlimited projects!
Telegram may not be quite as popular as its nemesis, Whatsapp. However, there’s no denying that its UX design offers a planned out experience that minds the little things – a classic trait of a good UX design example.
First, there’s the brilliant use of a tab system to help users manage their uploaded files. Second, there’s the wonderful option of group chat owners to pin messages in the chat, to be easily found by any user in it.
Together, these two features show us that the design team at Telegram invested a lot of effort into giving users control and creating an efficient product.
H&M is a classic example of UX design that needs to handle a huge amount of content. The store itself offers a wide variety of items for customers, creating a need for exceptional navigation design that connects it all.
For the design team over at H&M, it’s all neatly brought together with their mega menu. The entire menu is huge, and opens up to show just about every corner of the store. We love it, because it manages to keep everything organized, showcasing outstanding information architecture and labelling of items.
Another thing that we love about H&M’s website is their breadcrumb navigation. It’s done so that it’s noticeable but not eye-catching, offering a way for users to jump around categories and levels within the store. It’s about helping users see where they are in that moment and helping them find where they want to go, working as a wonderful secondary form of navigation.
Amazon Kindle has been in the ebook game for a long time now. Since its beginning, it’s grown into a huge market that includes all sorts of people. It should come as no surprise, then, that Amazon invested a great deal of effort into making Kindle accessible.
In fact, Amazon’s Kindle helps users with its own assistive technology, VoiceOver. This is aside from having a range of settings that are meant to not only make it comfortable to read, but to also make it easier for users with moderate visual impairments. Add to the equation features like an actual reading ruler that users can rely on to help guide their eye – and you got a very accessible product design. It’s a fine UX design example that caters to everyone!
Skyscanner is the preferred choice for many people when it comes to air travel. The website itself has a lot of features that most UX designers will appreciate, from it’s consistency in visual design to its visual hierarchy in search results.
There is, however, one aspect that we quite enjoy here at Justinmind. Skyscanner always tells users what is going on. A prime example is when a user makes a search with specific requirements, which can take a few moments. During this wait time, users are reassured that the search is taking place, that the wait isn’t due to some error in the system.
The outcome from this fine detail is that users remain calm and don’t become frustrated or confused. It instills trust that the platform is working and the abandonment rate is lowered.
Tripadvisor knows that most people will have a very specific set of requirements for their preferred stay on a trip. From basic things like the number of guests to fine details like breakfast or pool preferences, the website offers it all to users.
It makes for a great UX design example of allowing users to customize their searches to perfection. Using a smart vertical system, Tripadvisor allows users to add all the preferences they could possibly think of. By using the right UI elements, the website manages a very clear communication to users, be it in selecting the style of the hotel or the area they wish to explore.
Free UX Design Tool for web and mobile apps. Unlimited projects!
Trello is one of those UX design examples that took user control to a whole new level. Both the app and the web app go much further than the competition when it comes to letting users do what they want.
Ultimately, it can be challenging to create a product that is meant to help people in their daily work. Workflows, tasks and responsibilities all change drastically from team to team – which is why we love Trello so much. By giving users complete control over their boards and user permissions, the app effectively blends into the workflow of the user without any friction.
Bla Bla Car works as a great UX design example when it comes to visual balance and minimalism on the interface. The app sticks to a certain simplicity all around its design, relying on only a few key elements to get the features at the user’s fingertips. It makes for a user experience that is free of any visual noise and allows users to focus on the task at hand.
Another thing about Bla Bla Car that we love is how the app breaks information up into small bits, much like Duolingo. Despite the amount of information that the app needs to share with users, it all remains easy because this information isn’t given all at once.
Vueling is a prime example of a UX design that nailed the tab navigation right on the head. We’re huge fans of a well designed tab system here at Justinmind – because they can be surprisingly tough to get right and deliver a huge impact on the user experience.
And so, it’s no wonder that we included Vueling in this list of UX design examples. It’s tab system checks all the right boxes. It’s consistent, it’s visually pleasing and comes in a reasonable size. The tabs are organized in a way that makes sense and users can move around them with nothing more than their intuition.
Nike’s website understands how proximity and visual cues play a huge part in the user experience. There’s a lesson to be learned here by design teams everywhere: hierarchy and proximity can sell items. In this case, Nike’s individual product pages are a wonderful example of UX design that converts.
More specifically, the relationship and proximity of the sizes of the items, the product pictures and the Add to Cart button is something we love. It means that users barely need to move their cursor and their eyes in order to make the decision to purchase the item or not. It’s about encouraging people to buy things, both because of how the design showcases the products and because it doesn’t offer any resistance to users. It’s just so easy to add items to the cart – might we say, it’s even tempting!
WestWing is another UX design example for a system that runs efficiently. Much like Disney+, this website works to shorten the time users need to spend typing things. When it comes to signing up or signing into WestWing, users barely need to invest any effort. The form itself is short and sweet, with the website working to get people shopping as quickly and efficiently as possible.
Who doesn’t love HBO? We here at Justinmind love it both for the awesome series and for its thoughtful UX design. It’s clear now that HBO took some notes from veterans in the streaming service business, like Netflix.
Users can always see what is happening with the system and know exactly where things were left off. The system status visibility works well with the HBO app, because it always tells users when the system is working to react to a user action – in a similar way to Skyscanner, HBO keeps users calm.
UX design is a trade that takes many forms. In part, that’s the allure of the industry. There’s something truly masterful about a product that fits users’ lives and grasps their attention. Hopefully, this post has got you inspired to create your own incredible experiences for users!
PROTOTYPE · COMMUNICATE · VALIDATE
ALL-IN-ONE PROTOTYPING TOOL FOR WEB AND MOBILE APPS
Related Content
- Why should you use user personas and how do you create them? Get all the steps to build one, as well as a great example and a list of user persona generators!15 min Read
- UX design books that cover everything from layout design to the theory of user testing. Want to expand your horizons? Check out this awesome list!9 min Read
- UX design portfolios are your chance to showcase your top skills and best work. Check out this post for awesome portfolio examples and websites!10 min Read