Type to search

5 Common Mistakes in UI Design

Web Design

5 Common Mistakes in UI Design

Christine Sullivan June 3, 2019
Spread the love

Sharing is caring!


Hues can make a venture substantially more gorgeous and instinctive if appropriately utilized, alluring sensations and relationship at last user. It is significant that a web design company, before they begin an undertaking, picks the appropriate shading palette, considering what they need to pass on.

Ordinarily, the palette will rely upon the plan made for the site’s image and, in those cases, there is a restriction and, for consistency reasons, it is imperative to pursue the palette that the brand as of now depends on for its visual character.

This can be certain or negative, positive since it implies that somebody has just contemplated that palette, however negative on the grounds that the UI Designer may not concur with the shading decision.

In different cases, such confinement encouraged by the visual character bed may not exist, which makes the UI Designer allowed to pick the venture’s hues, or possibly the auxiliary hues, continually keeping some association with the brand’s visual personality.

A decent shading to be utilized is the blue, it is an unbiased shading not at all like red, yellow and green, which are unmistakably connected with mistake, consideration and achievement messages. It’s additionally an extraordinary shading for being one of only a handful not many that individuals with visual impairment can see.

Clearly, when following this rationale, all interfaces would be blue, which would not be sure by any stretch of the imagination, yet this is some something to think about and a legitimization for why such huge numbers of mainstream destinations utilize blue as their principle shading (Facebook, Twitter, Linkedin, among others).


A Style Guide, as a rule, fills in as a visual manual to guarantee the visual intelligibility of a task, subsequently keeping away from irregularities in the undertaking’s visual computerization, for example radio catches of various hues and sizes, which ought to be uniform, or an excessive number of sorts of textual styles, among different circumstances.

As a standard guideline, a UI Designer begins an undertaking and, in the wake of preparing the main page, makes the Style Guide.

In this manner, when they make the accompanying pages, they will as of now have numerous graphical components arranged in the Style Guide, improving the making of the rest of the pages and guaranteeing that the soundness between them is kept, and, as new components are made in the new pages, they will be added to the Style Guide.

The Style Guide resembles a rundown of components of the undertaking, to which all the graphical components that will exist in the venture are included, prepared to be utilized when required. For designers, having a Style Guide is additionally incredible, to arrange themselves in the website’s advancement and, once more, to keep the interface’s consistency.


Frequently, there is a propensity to begin interfaces without substance, this has happened to all designers as of now and will proceed to.

All designers love Lorem Ipsum, on the grounds that with it they can make a tastefully satisfying structure, adjusting the stunning “content” as they need, yet that is a dream, since this substance will be later supplanted by the last substance, and won’t look that great, absolutely.

It is critical to a UI Designer to comprehend that content is the most significant piece of the website, and utilizing Lorem Ipsum makes the hallucination of the inverse.

The perfect is to have the substance organized for each page of the interface, before the interface itself begins to be structured, and this is an errand that can be given by the customer or the duplicate of the organization in charge of the task and, when I state content, I’m discussing content, yet in addition pictures and even little associations and liveliness, on the grounds that these components cooperate too.

In the last case, and making the format with Lorem Ipsum, it is significant, when there is last substance, to have the UI designer adding it to the planned interfaces, and mimic the format of the pages with this equivalent substance, the engineer can’t be the just a single responsible for including this substance.


These days, a responsive site is something critical, and, more often than not, when an interface is structured, it is considered having as a main priority the work area and portable forms. In any case, as a rule, plainly a UI Designer is more cautious while delineating the work area adaptation than when they do the portable. Be that as it may, why?

It’s basic, a UI Designer dependably starts with the plan of the work area format and, simply from that point onward, comes the portable. Along these lines, it is expected that the previous is the site’s fundamental structure, likewise the biggest and most significant, however such is a deception.

It is demonstrated that, presently, more individuals are online by means of cell phones (cell phones/tablets) than by means of ordinary PCs, and this factor must be considered when planning an interface.

One must place the responsive rendition of the website over the work area, and drawing the responsive adaptation for the base goals upheld (320px for instance) isn’t sufficient, one likewise needs to think and diagram how the data will show up in tablets (768px and 1024px), and that once in a while occurs, the manner in which the responsive is adjusted to these goals is something ordinarily led by the designer, and this can’t occur.


When we talk about the low execution of a website, the designer is dependably the one to fault or the improvement group. However, in all actuality, the website’s future execution should likewise be thought amid the interface’s creation.

The inordinate utilization of pictures or beautifying components on an interface will result in a slower website, or a website with pictures excessively packed and quality-lacking.

The incorporation of collaborations and liveliness proposed by the designer can likewise make the site slower, guaranteeing the equalization is along these lines significant.

Movements are significant, they cause a website progressively powerful, to lessen the subjective burden and maintain a strategic distance from the “visual impairment to change”, yet can likewise make the webpage essentially slower.

As I referenced toward the start of this article, these are normal missteps, all UI Designers have done them as of now, however, it’s better on the off chance that we attempt to dodge them.