{"id":4487,"date":"2021-07-30T10:02:42","date_gmt":"2021-07-30T10:02:42","guid":{"rendered":"https:\/\/codewaveinsdev.wpengine.com\/?p=4487"},"modified":"2023-08-01T16:13:29","modified_gmt":"2023-08-01T16:13:29","slug":"ui-ux-mistakes","status":"publish","type":"post","link":"https:\/\/codewave.com\/insights\/ui-ux-mistakes\/","title":{"rendered":"10 UI\/UX mistakes, that make a website an angry garden salad"},"content":{"rendered":"\n
\"\"\/<\/figure>\n\n\n\n

Everything around us, has a form and function<\/em> \u2013 creating an experience when we interact with it. User interface (UI)<\/strong> is the form visible to us, User experience (UX)<\/strong> is the impact the interaction has on us. To keep it simple \u2013 let\u2019s say, anything to do with \u201cappearance\u201d or the style quotient, is UI<\/em>; anything to do with \u201csimplicity\u201d or the usefulness, is UX<\/em>. Both are equally important, even if one is compromised, your design can lack effectiveness.<\/p>\n\n\n\n

\n

Anything to do with \u201cappearance\u201d or the style quotient, is UI<\/em>; anything to do with \u201csimplicity\u201d or the usefulness, is UX<\/em><\/strong><\/p>\n<\/blockquote>\n\n\n\n

UI\/UX designers are responsible for creating environments & experiences that inspire people to get information and take action. In the digital world, we\u2019re mostly consuming information through our mobile, laptop, and television devices. Designing digital experiences<\/a> can be an overload on the senses & our mind, if few things are not taken care of.<\/p>\n\n\n\n

In this article<\/strong> \u2013 we will talk about the most common mistakes in UX\/UI design<\/strong> that makes your website\/app a poorly made horror movie. <\/p>\n\n\n\n

Design is so subjective, how do you call something \u2013 poor design?<\/p>\n\n\n\n

Consider this scenario: You\u2019re in a hurry to retrieve the phone number of customer service from a website, to report a problem. How do you feel when you can\u2019t find it quickly? <\/p>\n\n\n\n

It could frustrate you to the point where you may consider never coming back to the website\/app. Because of such an experience, caused by lack of empathy, businesses may lose millions. Most of what we call \u201cpoor design\u201d are unintentional, designers may often overlook or miss to test the website\/app thoroughly as a user. <\/p>\n\n\n\n

Let\u2019s now look at some common UI\/UX mistakes<\/strong> that can be avoided.<\/p>\n\n\n\n

10 common UI\/UX mistakes<\/strong><\/h2>\n\n\n\n

#1 Giving more importance to Imagination and not Usability<\/h3>\n\n\n\n

What? <\/p>\n\n\n\n

Yes, you heard it right. It\u2019s important to be imaginative, original, creative & unique when you\u2019re designing \u2013 but not more important than keeping your design familiar & usable.<\/p>\n\n\n\n

Usability<\/strong> refers to making an application more user-friendly<\/em>. Where there is sheer creativity but not usability, the website may look unique\/different\/novel but it could be over-complicated that the user may have to spend a lot of mental energy to use it & make sense of what\u2019s going on. <\/p>\n\n\n\n

In the example below, the website has so much going on & appears extremely busy. If you were the user, would you appreciate the clarity & convenience of this website? I know my answer.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

#2 Designing to win Vs Designing to make your User\u2019s life easier<\/h3>\n\n\n\n

Yep. <\/p>\n\n\n\n

Let\u2019s admit it. As designers, we all want to make a difference in the world & in the lives of people whom we design for. In all righteousness, sometimes we may unintentionally descend into a rabbithole, with an obsession to do what feels \u201cperfect\u201d to us. This struggle is real \u2013 and hence it is critical for designers to detach themselves from their design, listen to their User\u2019s voice<\/em> and reflect that need through their design.<\/p>\n\n\n\n

Whatsapp is a good example of how people of varied age-groups & abilities\/disabilities are able to use it without friction. The main purpose of the app is achieved, without hassle. Also the UI is simple and straightforward, one doesn\u2019t have to spend time learning. Although any design can require some getting used to.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

#3 Jarring color combinations that are loud and not picked thoughtfully<\/h3>\n\n\n\n

When you\u2019re designing<\/strong>, keeping in mind the target audience<\/strong>, and the emotion<\/strong> you want to evoke in your users interacting with the design, you need to consciously choose colors<\/em>.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Source: WhyTile.com<\/a><\/p>\n\n\n\n

Colors have an impact on emotions & can convey deeper meaning beyond what language can convey. Blue represents water, sky, tranquil state of mind and can be used for calming\/reassuring experiences. Orange represents zestiness, tanginess and can be used for  adventure\/passion filled experiences.<\/p>\n\n\n\n

There\u2019s extensive research work on the internet, on color \u2013 emotion mapping. You can read more about it here.<\/p>\n\n\n\n

https:\/\/99designs.com\/blog\/tips\/how-color-impacts-emotions-and-behaviors\/<\/a><\/p>\n\n\n\n

https:\/\/uxplanet.org\/emotional-design-psychology-color-2c65ce7f91b0<\/a><\/p>\n\n\n\n

Decide and come up with a well-balanced colour scheme. Stick to two-three primary colors for a website which can work well together. Try creating a color palette here: https:\/\/www.canva.com\/colors\/color-palette-generator\/<\/a><\/p>\n\n\n\n

Few other tools for picking colors:<\/p>\n\n\n\n