Why Your business failed online and solutions
Trying to build your website just like Mr. A website has been the reason behind a huge number of people not being able to finally push their business fully online. As a website designer for some couple of years now, before I became a website developer, I noticed a simple clients’ request below;
Mr. A business is plumbing but he wants to build a website just like his neighbor website who runs a school and Mr. B don’t know what he wants but wants his website to function just like facebook twitter google all put together. And tell me how possible your business could survive this.
Experts know that following designs trend is one of the main focus of our job, but shouldn’t be used 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 I use them professionally and adjusting each website accordingly because, your customers only interested in your business, not your gigantic designs.
Let’s look at three design patterns and how to avoid bad colorings.
As we all know colors can convey emotions and they can be used advantageously in brand and UI design. Bright colors tend to grab our attention and generate more positive emotions than dark or neutral colors. Bright, popping colors are always fun, energetic and bold while pastel ones are more relaxing and discrete.
Recently, start-ups and new products are popping up like never before, 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 colors are getting more and more popular. But as appealing as this development might be, it can easily backfire and hinder with the user experience.
Large bright colored surfaces or many adjacent bright colors 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 colors in the first place.
Bright colors, behind or even near text copy, can make reading unpleasant, annoying, or impossible. Bright colors 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 colors with big 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 main background pages.
- 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 competition 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.
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 is usually not aligned, elements have different paddings and often tend to overlap.
Our daily lives are hectic enough. Do we need more of that, while trying to find information online? The unbalanced playfulness in a layout can easily interfere with the reading and discoverability of information in a website, making browsing an overwhelming experience. When the main objective is getting information from a content-heavy page, the layout structure is necessary.
Visual hierarchy is also very important for guiding users through the content. In experimental layouts, elements often float away from each other, splitting the content into 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.