Uncategorized Dangerous Design trends 2017
Three plus three good design trends that can turn bad, harming the user experience. You cannot judge a book by its cover, but you can certainly judge a website by its design. People tend to evaluate and judge products and websites early based on their looks before they even get into their functionality and usefulness. Following design trends is necessary for keeping products fresh and appealing. But are design trends a panacea?
We, designers, know that following design trends is a crucial part of our job, but we shouldn’t use them blindly. Not every trend is useful, helpful or appropriate for every case. Even good trends can turn bad, damaging the user experience. That’s why we have to use them mindfully, filtering them and adjusting them when needed.
Let’s have a look at three plus dangerous design trends for 2017 and ways to use them wisely.
As we all know colours can convey emotions and they can be used strategically in brand and UI design. Bright colours tend to grab our attention and generate more positive emotions than dark or neutral colours. Bright, popping colours are always fun, energetic and bold while pastel ones are more relaxing and discrete.
2017 is an exciting year, start-ups and new products are popping up like mushrooms, all fighting for their place in the market. Colour is a good way to get our attention and engage with us and this is why vibrant colours are getting more and more popular. But as appealing as this trend might be, it can easily backfire and interfere with the user experience.
- Large bright coloured surfaces or many adjacent bright colours can make our eyes ‘bleed’, not literally, of course, but they will hurt them for sure. Eyes that hurt will close or leave, while you want them to stay; this is why you used all these flashing colours in the first place.
- Bright colours, behind or even near text copy, can make reading unpleasant, annoying, or impossible. Bright colours reflect more light. It’s like flashing a torch on peoples’ faces, while they are trying to read. Even if they do manage to read, they will have a negative experience resulting in disliking you and whatever you are trying to say there.
- Balance bright colours with big chunks of darker or more neutral ones.
- Use bright colours as a detail, to draw attention and guide the user.
- Use bright colours on large typography, as a decorative element.
- Use bright colours to underline and promote content or interactions.
- Avoid using bright colours on large surfaces or as the main background colour.
- Avoid using too many bright colours in one page or next to each other.
- Do not use bright colours behind or near the main text copy.
- Do not use bright colours on small surfaces that hold meaning, like small icons and navigation.
In the race for attention, designers refuse to limit their imagination, rebelling against harmony, bringing directed chaos back to the designing table with unique, unbalanced, and atypical compositions. Experimental layouts are getting more popular in 2017.
This trend is interesting and playful. It’s a nice way to add some variety and help art or fashion designs stand out in a sea of tidy layouts. Experimental layouts are not perfectly balanced; the photography, typography or interface are usually not aligned, elements have different paddings and often tend to overlap.
Our daily lives are chaotic enough. Do we need more of that, while trying to find information online? The unbalanced playfulness in a layout can easily interfere with the scannability and discoverability of information in a website, making browsing an overwhelming experience. When the main objective is getting information from a content heavy page, then layout structure is necessary.
Visual hierarchy is also very important guiding users through the content. In experimental layouts, elements often float away from each other, splitting the content in weird and sometimes random, non-hierarchical ways. Other elements might overlap or end-up in less visible areas of the page, making it particularly hard to read, group and process information.
- Use experimental layouts, when reading through content is not the main objective.
- Use imbalanced layouts as a playful detail between well structured and aligned blocks.
- Keep grouped elements in proximity and have a clear separation between different chunks of content.
- Use overlapping elements only when you have a good contrast and big enough typography.
- Do not use experimental layouts in content heavy pages.
- Do not use imbalanced layouts when your audience has limited time to browse through content.
- Do not randomly throw elements all over the page. Some basic alignment must always take place.
- Do not overlap elements blindly. Consider contrast and related meaning.
See more here