There are two things really driving the web design trends for this coming year.
A) Freedom with asymmetrical designs and mini animations.
B) Even more mobile friendly branding and thumb usability.
These factors alone are in the driving seat to have a great impact on the websites your competitors are having designed while we speak. Web design cannot help but be affected by trends. 2020 web design is no exception for one massive reason….smartphones or mobiles. Your branding in 2020, your designs, your layouts are all having a large impact because of the overwhelming traffic coming from mobiles.
Before we start looking at some examples of the top 7 design trends, let’s be clear what branding is. Often there is some confusion over what it covers. Its more than the logo, website, color scheme and style guide. Actually that’s your brand identity. Branding also includes the tone and how you are perceived by your audience. Amazon’s CEO says, “Your brand is what people say about you when you’re not in the room”.
So the impact of branding in 2020 will require a slightly different approach from previous years. It’s less about the design and more about the experience. Going mobile friendly, offering quick answers using a chat bots, offering a fast loading beautiful interface to your visitors on all devices and mediums is very much part of your branding too.
Timestamp to help you navigate to the right part
The trend of bright colors in previous years is making room for a more meaningful color palette. As you may have seen in the excellent article called The Meaning of Colors, there it discusses how colors evoke reactions from your visitors. In 2020 you need to uncover the meaning of colors for your branding as it needs to reflect the mood of your business. Colors communicate. If you use Grayscale you are playing it very safe.
What is the right color for your business? What color mood do you want to present? One of the new trends is to neutralise branding with gray or one color designs
Using black white and gray gives you a way of then punching with power when you do use color. It provides a background for the right focal area and amount of contrast when color is used. They often say that the call to action button should be a different color button to the rest of the web site branding. In this case it really will stand out. Yellows, oranges, reds and greens are by far the best colors to use if you want to reach the human eye.
Unsaturated and muted colors are a great vehicle for then enabling one color to stand out. This is a really nice trending in 2020 as the ultimate way to make a point or emphasis an important focal message.
So lets just be clear what an asymmetrical layout is. Unlike most websites that have a balnce from left to right. We are talking of web layouts that are not balanced what soever. Having said that, the art of asymmetrical branding and design is it looks very good. Not easy to do, which means it will push some designers in 2020 to do some thought provoking things.
So we predict designers are going to challenge standard layouts. As we know, in design terms though, less is often more and asymmetry can be powerful and eye-catching.
Take a look at an example of web site that has absolutely got this right.
This is precisely why minimalism along with asymmetrical layouts are among the most difficult design styles to execute.
This approach stands out because it is literally outside the box. As the researchers put it, “The power of open composition is its ability to tap into the audience’s imagination and spark curiosity.” I’m excited to see how far the designs can change, but its a certainty it is changing.
Have you ever heard the saying “Customers relate to people, not products” Well that is the case. Personalization, if done right, can be a huge brand asset. In 2020 it will be even more popular. With video you can start talking to your audience on topics they want to relate too. 94% of PR managers said that video helps users to understand the idea of a project. As an expert your list of followers will grow and help establish authenticity and trust. All through the use of embedded video. If you need to know how to embed a Youtube video dont miss this exclusive tutorial.
Trust is one reason why video is going to grow. The other reason is because the amount of time spent on a page is a metric measured by search engines You have heard that retention is an important search engine metric. Right? It’s sometimes known as dwell time.
With Google using over 200 ranking factors and dwell time bounce rate and time on page are all worthy of consideration. One way to keep a visitor engaged on the page is to offer them the chance to see the content of what they are reading in a video format. For example if you havent already done so, look at the video at the beginning of this article. You will then see why the iPhone 11 pro picture is shown above. Without video not everything in the article would make sense. Or of course you can visit it on youtube here
Video has been around for some time. Google is the first search engine people turn to. You know which search engine is number 2 in 2020? YouTube. Yes I know it isn’t considered a search engine. But realistically it is the 2nd most visited place visitors go to to search for something. Oh yes, and who owns YouTube? Google!. Combine the two and you have a powerful web page and branding. Most visitors are willing to spend 5 or more minutes to view a relevant video. That is a lot of time on a web page.
Responsive design became big from around 2014 on wards. The purpose then was to make websites even more mobile-friendly. In 2020, web design will be focused on creating sites that are thumb-friendly. 2020 design is driven by the demand for visiting every website on a mobile.
As most people use their mobile devices with one hand, you can see why this is going to be so important. One finger is used to log on to the device with. However your thumb is used to navigate menus with. This has been coined with the phrase being “thumb friendly. Branding apps and creating websites that are thumb-friendly will become huge in 2020.
I took a look to see how my website looked (zanet.co.uk) when its on my thumb friendly cut out. My main navigation works fine for right handed people, but left handed thumbs have no chance. On the plus side, my main button is reachable and central for both left and right handed thumbs.
Google knows this so if your website isn’t designed and branded to work on a mobile, Google is gradually dropping your ranking. If your web design is slow, hard to use, difficult to read, or slow to render on first paint. You will unavoidably suffer. 2020 design is driven by Mobile demand .
Don’t underestimate the importance of a mobile friendly, thumb friendly web site for the coming year. Mobile visitors account for over half of web traffic worldwide. In the second quarter of 2019, mobile devices (excluding tablets) generated 48.91 percent of global website traffic, consistently hovering around the 50 percent mark since the beginning of 2017.
So if your website isn’t loading almost immediately, visitors are now switching off. The trend of making a simple mobile friendly version of a website will continue. Even with more momentum in 2020 because Google now penalises you if you are too slow. A simple check on Google page speed insights (https://developers.google.com/speed/pagespeed/insights/) will confirm this.
Fast loading pages mean more visitors from the search engines in 2020. 50% of visitors to a website on a mobile expect a site to load in two seconds or less when they click on a site. So simplified versions of websites are now becoming the trend. This is affecting the web design and layout as well as the content.
What is served on the mobile version will be a lot less than the full desktop version. Understandably this will help keep loading times down. Additionally the large graphics and optimised background images we saw in previous years will have less importance in 2020 for the favour of speed on a mobile. Google certainly supports the idea that less is more if you are branding and designing for 2020.
Huge typography makes a big statement, but it can also fill the screen with too much of a single color. Filling gigantic letters with an image has been done before, but with asymmetrical layouts its a breath of fresh air. This type of font design breaks up the monotony and ties lettering to other design visuals.
With typography leading the design, you then have a high level of freedom, expression and experimentation This is branding with typography taking its rightful place. Designers that are big on typography, will provides some amazing, attention-grabbing designs next year.
Using just a few fonts and some cutout pictures combined will look stunning. Faded colours too will help make the nostalgic look a bit more faded and dated looking.
Less is moreZanet Fact for Branding 2020
The days of cluttered web pages has now gone.The branding where there are too many fonts will be left behind. Clutter drive away customers, while clean pages pull them in.
Branding in 2020 will be a very radical change. As I have shown these changes are due to the need for improved loading speed. Are you branding with this in mind? What about the increased number of mobiles accessing the web. It’s not just about being mobile ready but also thumb friendly navigation. If users aren’t driving these 7 changes above, then the search engines are. The way SEO works tends to dictate how web designers build. There is no doubt, in 2020, the big search engines are rewarding those designers that follow the basics. A fast loading, mobile friendly, usable website, that looks stunning.