YogeshChauhan . com

10 Usability Blunders to Avoid

in UI/UX on March 26, 2020

2-Second-Rule

A user shouldn’t need to wait more than 2 seconds for any types of response in your website or app, such as application-switching and application launch time. It's not 2 seconds every time because sometimes the user asks to fetch data which is not readily available and the database might take few more seconds to respond, but it should be of a reasonable time to respond. The less users have to wait, the better is the user experience.

3-Click-Rule

3 clicks on your website and if user can't find what he/she is looking for, then he/she is gone. I have done it many times. There are tons of websites with tons of information so if I can't find what I am looking for in few clicks, I will look elsewhere. Your website should have a clear navigation and all the links/site structure should be easy to follow.

The Self-Reference Effect

Self-reference effect is important for blog and other article writing and is really helpful in improving the communication between authors and readers. After reading any article users remember the characters, stories or facts better which they had personal experience with. Try to connect those topics in the blog or any article, to user's life and you'll create a connection.

Readability

Readability, in the simplest terms means the understandability of the content, based on the complexity of sentences and the type of vocabulary used in creating the contents. Get to know your audience and make the contents of your website as much readable as possible.

80⁄20 Rule (The Pareto principle)

The Pareto principle applies to almost all aspects of our lives. The rule states that 80% of the effects comes from 20% of the causes. For example, 80% of your sales comes from 20% of your clients in business, you spend 80% of time on 20% of your most important tasks. The same way it can be applied to design and usability. For example, if you have a blog then identifying the 20% of the blog posts that account for the 80% of the traffic will help you create more of those kinds of effective blog posts.

Fitts’ Law

In simple terms, Fitts’ law is a model of human movement that predicts the time required to rapidly move to a target area. The law is usually applied to the movement of the mouse visitors have to perform to get from point A to point B. For example, on Amazon website the "Add to cart" button is right near the product details and is very big and attention grabber. Also, the checkout button/option is on every page, whenever user wants to checkout, he/she can do it within seconds.

Inverted Pyramid

This is one of my favorites. Basically it means that we write/represent a summary of the article in the beginning of the blog post or article. It's like giving your readers an idea of the whole article in the beginning of the article, which make the reading even delightful. I try to use a short description whenever I publish a new blog post so the users don't need to go through everything to find out what it's about.

Satisficing

This is one of the thing I don't like about most of the us that we are just looking for "good enough" information. We don't go for most reasonable and sound solution to their problem, which is not a good thing to do as there are tons of websites which are full of wrong information, without proper citation or without any credible sources. But at the end, users are the kings and they just need enough information to get going. So, what I would do is to create a small article like a summary article which will have all the necessary information and also add additional link for the users who want to get to the bottom of it.

Banner-Blindness

Web users ignore everything that looks like an ad banner. (That is why Google Ads adding ads between the contents in order to catch user attention.) Even if users notice the ads, chances are less that they are going to pay attention. Users focus only on the parts of the page where they would assume the relevant information could be, i.e. small text and hyperlinks and completely ignore the banners with big and colorful texts.

Baby-Duck-Syndrome

It's the tendency for users to stick to the first design they learn and judge other designs by their similarity to that first design. There can be positive and negative outcomes of that. If user like the first design then chances are more that he/she will like other similar designs as well. But if user doesn't like the first design then he/she probably won't like the second or third ones either(considering that they are similar). It creates another problem as well. When users get used to your website design but you try to re-design it and try to give it a new look, they won't like it and they will complain about it.

Credit: Smashing Magazine

dreamhost

Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #3 How to uninstall Cocoapods from the Mac OS? #4 How to add Read More Read Less Button using JavaScript? #5 How to Use SQL MAX() Function with Dates? #6 PHP Login System using PDO Part 1: Create User Registration Page

Recently Posted

May 7 How to disable right click and drag and drop of images using jQuery? May 7 How to render Lists in React? May 7 What’s the difference between variables in CSS and SCSS (Sass)? May 7 How to define variables in SCSS (Sass)? May 7 How to show and hide an element on click in React? May 5 Use inline if to make a shorter conditional syntax in React

You might also like these

12 URLSearchParams methods in JavaScriptJavaScriptThe substr() method in JavaScript and how it’s different from substring()JavaScriptJavaScript Input Validation Theme Park Example using throw StatementJavaScriptSelector Lists and Combinators in SCSS (Sass)SCSSHow to get Current Hour, Minute and Second in JavaScript?JavaScript2 Ways we can create an Array in JavaScriptJavaScript