According to a recent article appearing on the Forbes website there are 9 key trends to look out for in web design during 2016.
As the article points out, the web design industry is always evolving and things that companies were doing just 6 months ago might not be as relevant as they are now, and things that only some were doing must be done now to ensure good SEO practise – like the recently imposed responsive design algorithm that means mobile responsive sites are ranked better within the search engines than non-mobile responsive sites are. Here we will build on what Forbes have said and give you an insight as to why designers are choosing these trends.
The 9 trends that are apparently featuring high this year in web design are:
- Hero images
- Material Design
- Typography
- Background videos and animations
- Hover animations
- Scrolling
- Motion animations
- Fullscreen forms
- Duotone colour schemes
As you can see animations are massive right now, with a lot of different types popping up in the trends for 2016. The key to animations on any web page though is to enhance it, rather than distract the user. They have to be used correctly and background animations or videos can do well to have a gentle movement of an entire image which will not distract from the main content. Hover animations have become trend as designers and developers have found that users tend to hover over elements of a site when they are unsure of the elements function; therefore they allow for instant feedback for the user. The main problem with hover animations though is the fact that it isn’t very responsive and there have to be changes made for when the site is accessed on a touch screen device. Motion animations can be used to direct a users eye to something specific on a page and are often used to highlight offers on ecommerce sites and breaking news stories on news sites; but have got uses elsewhere too.
Hero images are not a modern thing at all and have been used in many web design realms for years. However they are growing in popularity. The hero image is a striking image that attracts the eye of the user and usually features a call to action. The pro of them these days is the fact that the advances in bandwith and data compression has meant they don’t have as much of an effect on the loading time of the page. Similarly modern trends have used these advances to draw the eye of a user with the typography of a page. The streamlined design of modern sites allows for bold and dramatic font which will have a strong impact, and this years trends seem to be artistic, calligraphic fonts as they tend to to give a more personal touch to a site while really catching the eye.
The flat, responsive design craze has really hit its heights and googles material design style language is the next dimension to that. It gives more depth to flat designs and incoprates grid style layouts and responsive animations with light and shadows. Scrolling web pages are also a major thing due to their ability to fit in to the mobile responsive template so well and many sites are using scrolling rather than pages to put their content out there. Another element to come out of responsive design is fullscreen forms; these allow for legible space, which is easy to interact with, and puts focus on an individual screen while they input data. Finally duotone colour schemes are a major hit this year apparently due to the striking visual impact they can have on a user, while also not using much of the space on the screen; allowing them to be prominent on mobile screens as well as desktops.