Five (5) UI and ux mistakes that destroy interface (till date)

As bruce lee once told:

I’m not terrified of somebody who is aware of one thousand tricks, i'm petrified of somebody who is aware of one trick one thousand times.

It fits absolutely to what I’m about to tell you today: UI mistakes.

These easy rules square measure the backbone of each UI, thus if you don’t address them properly, notwithstanding what — your style can lose tons.

Mistake 1: Inconsistent Visual Hierarchy

Did you recognize that the eye span of a mean user is eight seconds?

It suggests that user ought to perceive the data from UI in eight seconds, if she doesn’t – user bounces and adds to your churn rate.

UI should follow these rules to remain visually consistent:

Eliminate all additional info (don’t show user information she doesn’t need)

Use an acceptable heading structure (users scan your text — provide them anchors)

Visually highlight vital components — if the foremost vital info is photos – create them visible.

Create logical groups: If one thing is logically connected, cluster it on a page or show identically.

Mistake 2: Follow the guidelines? No, thanks, I’m an artist!

We, UI designers, square measure inventive minds and wish to create one thing novel.

But check out these two cars:

They each follow the guidelines:

Have four wheels

Driver seat is within the cabin

and round-form wheel

However, these cars square measure completely totally different in terms of user perception!

The same issue comes with UI and uxor, there’s no ought to question what's widely accepted, all innovations square measure designed on tiny victories of others.

So, here square measure some rules to follow:

Do contender interface research: (google it, search app directories e.g producthunt.com, betalist.com, etc)

Do connected interface research: (if you're asked to make some custom filter, check however such filters add alternative industries)

Check patterns: visit UI-Patterns.com or alternative similar sites to seek out patterns for your downside

Mix features: perhaps you would like a news feed with a slider gallery? perhaps google forms with a looking cart? simply play with it.

Mistake 3: Don’t manufacture additional entities

Human mind has restricted mental resources. once user opens UI and sees some foreign things in catalog, product page or profile, she becomes nonplused.

As Steve Krug told: Don’t create me suppose.

So once you build UI, use this cheat sheet:

Check duplicate interfaces. does one have multiple navigations? does one have totally different uxor patterns for one user job? If affirmative — fix it.

Examine UI on waste. you have got a looking list and favourites within the UI that each address an equivalent downside. Do users really want both?

Mistake 4: Don’t speak Dothraki with users.

Every UI interface should meet user expectations. after I see “Profile” within the navigation, I expect to visualize my profile after I click/touch this button, not some settings. after I open How-to Guides, i would like to visualize sensible guides — not an essay.

You should use words that facilitate users navigate the UI quicker and additional effectively:

Be precise. If you're building a task manager UI around Kanban boards like Trello did, use the word ‘Boards’ rather than ‘Projects’.

Long and clear text is healthier than short and unsure, however short and clear is that the best.

Mistake 5: Don’t ignore Analytics and Iteration

Houston, we've got a problem: style is rarely excellent.

After all the edits it's no surprise designers usually want they are displeased the UI and easily need to induce obviate it. this can be a wrong attitude.

Many designers suffer from disposition. And here is the trick: if you're thinking that of style as of a repetitive method, you'll excellent UI iteratively.

And you have got a bunch of tools to assist you discover new UI insights supported user activity:

Heat maps. See however individuals move together with your interface, perhaps some vital options square measure those users seldom see? strive Hotjar or Yandex Web visor as a stating purpose.

User funnels. User contains a door wherever she enters and therefore the door wherever she leaves UI. Did she saw everything that you simply expected? perhaps you're thinking that most of users come back from a landing page you’ve crafted thus boringly, however it clothed  that the majority of the users land on some page from you blog? Welcome them with an acceptable UI. 

Use Google Analytics User flows report back to resolve however the users navigate your app.