With a new year comes new trends. But what about yesterday’s latest and greatest in website design? Which trends will carry momentum into 2016 and which ones will fade away? Here are seven to follow:
1. Card design
Made popular by Pinterest. This design style is everywhere and totally loved for its bite-sized information and quick scan ability. Card design can be easily translated to any mobile device making an entirely separate mobile design unnecessary.
Simple hover effects, loading screens and parallax can all be categorized under animation and, when done well, adds to the overall user experience and website story telling. Every Last Drop does a great job using animated parallax to tell its story.
3. Background video
Some designers are taking advantage of large browser-sized videos by utilizing them to change the visual experience in a new and creative way. Most video backgrounds can be used to change the mood and atmosphere, while others demonstrate a product or service via storytelling.
Some of us thought scrolling was going to go away with the popularity of mobile devices, but we’re finding that is not the case. Social media platforms such as Facebook, Pinterest, Instagram, etc., have conditioned us to scroll. Studies done by Charbeat show users start scrolling almost immediately upon arriving to a website. Users also tend to spend most of their time just below the fold which debunks the myth of having to place the main call to actions above the fold for any kind of conversion.
Serif is gaining popularity and will make a full comeback (Google was wrong!). The increase in screen resolution, and minimalist clean designs allows room for more elegant typefaces.
6. Hamburger navigation
One of the many trends that has stemmed from mobile popularity is the hamburger navigation. This type of navigation allows designers to hide the entire navigation under a simple icon (top right) allowing for a cleaner look on both mobile and desktop views. This type of navigation has become commonplace.
7. Full screen navigation
I started to see this trend take flight in 2015. Used in conjunction with hamburger navigation, full screen navigation (click on hamburger navigation) is an overlay that covers the entire screen allowing for plenty of space for menu items and looks great on mobile. If you are looking for a new trend, look for mega-menus as part of full screen navigation.
Unless someone develops responsive design 2.0, we’ll be seeing a continuation of the website trends we saw in 2015. Which ones make it to 2017 will be interesting.