Added: Sophia Lafleur - Date: 01.03.2022 15:20 - Views: 33453 - Clicks: 7033
Fundamentally, a good user interface enables users to complete the task that they came to the website to do with ease and without confusion. Truly great UI deers achieve this and more. Really exceptional user interfaces will not just please the user by facilitating the frictionless achievement of the task at hand—they will also please them aesthetically and experientially.
Select an example below to jump straight to it, or read on and let me know whether you agree—or not—in the comments. But is there anything more objective?
More formalized? Personally, I always refer back to the usability characteristics defined by the research company Nielsen Norman Group. Nielsen defines Usability through the following five characteristics; learnability, efficiency, memorability, errors and satisfaction. And on top of those standards, a great UI should also reflect the personality of the brand in order to stand out from the competition and provide users with a delightful experience. Medium, an online reading and publishing platform, is just as gorgeous as it is functional.
With minimal use of colorgenerous line spacing, and a well chosen combination of typographythis website gets everything right. With Medium, content is king. Articles are set up in a one column format, making content easy to digest. With little touches like estimated read time and the ability to highlight and respond directly to specific pieces of articles, Medium truly provides users with an amazing and effortless editorial experience.
For most, booking a flight is a chore. And yes, the site might now look a little dated, but it deserves its place on this list as something of a trailblazer in user-centered interface de. Unfortunately, since merging with Alaska Airtheir approach to UI has become decidedly more cluttered. By keeping this information visible, Virgin made it easy for users to constantly see and edit their choices instead of relying on them to recall the information themselves.The Weeknd - I Feel It Coming ft. Daft Punk (Official Video)
The UI here was clearly deed to ensure that a user can focus on completing their goal as quickly and efficiently as possible. Virgin also made sure to Looking for u i think out visually from the competition. The UI of Airbnb does two things very well: booking a place to stay, and creating trust between two complete strangers. Airbnb, much like Virgin America, has prioritized making it easy to start booking a stay right from the home screen.
This conversational invite to start searching is a delightful way of portraying the voice of the brand, as well as making the process of finding a place to stay simple. The only fields you need to specify during this initial search are: choosing a destination users would like to go, along with the duration of their stay and the of guests.
By leaving out the additional filters until the next step, the process is streamlined, friendly and approachable. The listing s are complete with a description of any additional fees that may be included. This is a very straightforward, easy process for just about any user. After a user has requested to book a location, they are taken to a new checkout. The listing, pricing and booking information sits to the right of the to reduce the need for the guest to retain the information from the. By placing this prior to the payment information, it starts a conversation and connection between the guest and host, and further invests the user in the experience.
Airbnb takes pride in bringing people together and gives the conversation importance over the transaction — the UI reflects this perfectly.
Airbnb has cleverly thought out its copy and used engaging photos and videos to ensure that the interface conveys an emotional tone that helps create a sense of trust between strangers. Now this is a website with personality. Upon arrival, users are immediately greeted with an explosive, fun-filled, dynamic video of the product in use.
Very little. Not yet convinced? As you scroll down further, positive product reviews and finance offerings reduce anxiety by reducing the sense of risk. Dropbox has one of the most easily understandable interfaces by far.Learning the basics of outstanding Shiny UI!
This addition to the interface makes the product feel like an old friend, ready to help users complete their file sharing tasks. And they have — possibly — the best blog de in the world right now. Check it out! If you want some help in coming up with an amazing color palette yourself, there are a lot of online color palatte generators you can try out! Just be sure to avoid some of these common mistakes UI deers make with color palattes.
Pitch, a mobile and web application that helps you to build and manage beautiful presentations, is very much a de-led technology company. They want to convince you that they can do for presentations what Slack has done for communications. And they do a pretty good job of it.
As soon as you land on their home, you can tell that an enormous amount of thought has gone into every single element. Just consider the slogan. A gold star to whomever came up with that! Their site gives a nod to recent de Looking for u i think with their comprehensive use of illustration, but it errs away from the kind of flat, cartoonish character de that you see on so many sites currently.
They gently draw your attention from right to left, and the delayed onset of each animation encourages you to pause at each product feature and benefit. Cleoa chat-based mobile application that helps you to organize and manage your finances, has also taken an intriguing approach to their UI, which may be of interest to those of you looking to feature real users in your imagery.
I like this touch, but unfortunately the experience as a whole evokes anxiety, with the high contrast between the cheap Ryanair-blue and the white, the rushed dynamism of the animations, and the repetition of the call-to-action buttons at every opportunity. The old adage that less is more is so often true with UI.
Other apps which have developed fantastic landing experiences include Blinkist and Slack. Blinkist, which is a reading app, has won awards for its product de. So much communicated, so efficiently. Frank and Oak, a clothing retailer with a strong media and lifestyle focus, uses their UI to grab the attention of their users and their Looking for u i think of style. While it is a fairly straightforward online shopping experience from a UX perspective, the company uses bold photography and clean, sans-serif typography to capture the personality of the brand and their target audience.
Cool, clean, up close and personal. After clicking on an item, the product is focused on two things: the product photography, and the call to action button as they are essentially the only colored elements on the. Filling out personal information during the checkout process for the first time is never an ideal experience. Frank and Oak do a good job though — they help users out by breaking the form into smaller chunks of input fields to reduce the cognitive load on users. By now you will have learned that those are some of my most important criteria for good user interface de!
Oh, and did I mention they also have an awesome blog — or magazine? Love it! The copy here really speaks to the audience, instructing them in bold, confident terms to find out more about Semplice. The rest of the website UI is actually an example of what users of the product can achieve with their own websites. Fluid animations and smooth transitions between s make this interface memorable and desirable to users. These are just a few of my favorite examples of good interface de.
How do you know if the UI de of a website is good? Learnability: Can the user complete their tasks with little difficulty? Efficiency: Does the interface allow the user to complete tasks in a timely manner? Memorability: After leaving a website, how likely will the user be able to remember how to use it the next time they visit? Errors: What steps does the interface take to lessen the chance of user error, and how do they let the users correct an error?
Satisfaction: Does the user enjoy interacting with the de? Medium Medium, an online reading and publishing platform, is just as gorgeous as it is functional. Virgin America Bear with me on this one. Just for a moment. Airbnb The UI of Airbnb does two things very well: booking a place to stay, and creating trust between two complete strangers. Boosted Boards Now this is a website with personality.
Dropbox Dropbox has one of the most easily understandable interfaces by far. Pitch Pitch, a mobile and web application that helps you to build and manage beautiful presentations, is very much a de-led technology company. Goodbye Powerpoint, hello Pitch. Frank and Oak Frank and Oak, a clothing retailer with a strong media and lifestyle focus, uses their UI to grab the attention of their users and their taste of style. Conclusion These are just a few of my favorite examples of good interface de. Want to learn more about UI de?Looking for u i think
email: [email protected] - phone:(561) 568-9592 x 9416
10 Ways to Spice Up a UI De