{"id":45798,"date":"2018-10-26T12:57:57","date_gmt":"2018-10-26T19:57:57","guid":{"rendered":"http:\/\/webdesignledger.com\/?p=45798"},"modified":"2018-11-29T05:44:59","modified_gmt":"2018-11-29T12:44:59","slug":"best-examples-worst-ui-designs","status":"publish","type":"post","link":"https:\/\/webdesignledger.com\/best-examples-worst-ui-designs\/","title":{"rendered":"The Best Examples of the Worst UI Designs and How To Avoid Them"},"content":{"rendered":"

Think about how many times you went on a website or a mobile app and left because of the poor design? I personally can count multiple times recently when I was searching for something specific, and the website was impossible to navigate. Unfortunately, this is a trend that I\u2019ve noticed catching on here lately. Let\u2019s put a stop to it and go over some of the worst UI designs<\/a> that people still seem to think are okay.<\/em><\/strong><\/p>\n

Cluttered interface<\/span><\/h2>\n

\"UI

One of the biggest turn-offs for me is a messy or cluttered interface. Listen, I get it, you offer a lot of cool features and blog posts. However, I don\u2019t need all that junk on my screen at one time. It can and very often does confuse people to a point where they\u2019d rather look elsewhere. <\/span><\/p>\n

Basically, a cluttered interface can quickly go from a source of information, to this:<\/span><\/p>\n

\"UI

Lack of contrast<\/span><\/h2>\n

\"UI

See how all of this just blends together? When navigating a website, you want clear and understandable navigation. I don\u2019t want to have to squint and lean in just to see if what I\u2019m clicking on is a link or just part of the scenery. <\/span><\/p>\n

\"UI

This is a great example of contrast. The letters are bold and defined, and nothing blends into the background. Of course, this is a promotion for a TV series, but you get the point.\u00a0<\/span>It also doesn\u2019t have to be as wildly contrasting as the above image. Take this interface for example:<\/span><\/p>\n

\"UI

Bad Consistency <\/span><\/h2>\n

One of the worst UI designs out there is bad consistency. Don\u2019t get me wrong, changing things up a little bit just to be artsy and creative can really help your website grow. The problem is that people either take this way to far, or don\u2019t take it far enough.<\/span><\/p>\n

To break this down a little better, let\u2019s talk about when consistency is needed and when it isn\u2019t. For a design website, it\u2019s not so important to be consistent, because that\u2019s what design is, inconsistent. When you visit any given design website, the last thing you want to see is all the images lined up and the same size. You want each experience to be different and you want articles to be broken up in interesting ways.<\/span><\/p>\n

 <\/p>\n

On the other hand, you have websites that are so plain and boring because they\u2019re so consistent.<\/span><\/p>\n

\"UI

This isn\u2019t me bashing anything other than their design consistency. The website functions perfectly and is easy to navigate, it is just lacking in the pretty department.<\/span><\/p>\n

How to Avoid These Most Common Mistakes of bad UI Designs?<\/h2>\n

Generally speaking, there are five mistakes people do that end up in a bad UI design:<\/p>\n

1. Working limited by the deadlines<\/h4>\n

We all know that as a designer, it is quite difficult to gain notoriety at the beginning of the career. Novice designers are advised to take as many jobs as offered. Granted, this can happen to designers at any level. Not only do they overload themselves with work, but they are pressured by deadlines. In such circumstances, creativity has no room. One step to avoiding bad UI designs is making time to explore and select the best for clients.<\/p>\n

2. Forgetting who or what you design for<\/h4>\n

When designing, people tend to forget that ultimately, the ones who will interact with their designed work are the users, not their clients. Therefore, instead of being focused on the deadline and paycheck, ask yourself “Is my work user-friendly? Do I offer a pleasant experience?”<\/p>\n

3. Not knowing the target audience<\/h4>\n

We are talking about user interface, not designer interface for a good reason. UI design means putting the user before ourselves. It is important to create while focusing on the target audience. Our goal has to be offering them the experience and interface that would ensure them easy navigation.<\/p>\n

4. Mentally designing too much too early<\/h4>\n

One of the qualities of a designer is flexibility. In the early stage of design, we might be so excited about a project that we project it in our minds and we try to stick to it no matter what. But we need to allow ourselves to explore more, and admit when something needs to be changed, even if they are our ideas.<\/p>\n

5. Exaggerating with dynamics<\/h4>\n

Too much of anything can ruin a project. With today’s technology, we have easy access to tools that can do literary anything we want.\u00a0It’s easy to get carried away with decoration and animation, but the key to a design is, in fact, to keep it simple and accessible.<\/p>\n

 <\/p>\n

Conclusion<\/h4>\n

Hopefully, these trends of bad UI design will go away sooner rather than later. The worst UI designs often come from startups or companies that haven\u2019t been in business long. Ideally, after a few years of experience, they will get better at UI design. <\/span><\/p>\n

New websites, take this as a learning opportunity. Don\u2019t fall prey to what\u2019s easy in UI design. Be different and unique. Keep the readers in mind, and everything else will follow suit.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Think about how many times you went on a website or a mobile app and left because of the poor design? I personally can count multiple times recently when I was searching for something specific, and the website was impossible to navigate. Unfortunately, this is a trend that I\u2019ve noticed catching on here lately. Let\u2019s […]<\/p>\n","protected":false},"author":1932,"featured_media":45805,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[476,3,519],"tags":[18159,18160],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/45798"}],"collection":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/users\/1932"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/comments?post=45798"}],"version-history":[{"count":0,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/45798\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media\/45805"}],"wp:attachment":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media?parent=45798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/categories?post=45798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/tags?post=45798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}