Design trends will often last several years, but Web design is a quickly moving and changing industry where trends come and go quite often
We’re still working with some of those trends now: responsive web design, flat design, performance and speed, and perfecting the user experience. However, what are some of the new and emerging trends we can expect to see in 2016?
Let’s look through some of the trends we can expect to see more of this year.
1. I’ve noticed we just can’t seem to get the navigation or menu of a website down. We keep playing with it, experimenting, and doing different things to get it to work well and be useful.
We do things such as put it in a new and unexpected place, hide it behind a hamburger icon (a trend I mentioned for 2015), or just throw it up there because we know it is needed but it doesn’t look very good.
We struggle to figure out exactly the best way to showcase this important piece of content to make it usable no matter the screen it’s being viewed on. We continue to experiment in ways to figure out what works best.
Expect to see more experimentation as we work through trying to figure out how to do navigation's and menus well.
2. Have we reached the point where scrolling increases readership, but we want less scrolling? Possibly. For 2016, I anticipate some sites going with minimal scrolling while others embracing the long scroll.
There’s benefits and drawbacks to both: long scrolling feels natural and is easier than clicking but it spaces out content and makes it harder to scan to find info while shorter scroll gets to the point quickly but it may be so quick that causes bounce rates to increase.
Above, Uppercase has opted to go with a no-scroll site. What you see in the screenshot is what their site currently loads. All of what you need is right there without needing to scroll further.
It will be interesting to see the scrolling battle play out in 2016 and which one comes out on top. Currently, there are more long scrolling sites than shorter scrolling sites, but only time will tell which is truly the best way to consume content.
3. Web design is moving toward modular and component design instead of mocking up entire layouts and comps for a particular web page. These components often involve designing how the search function will work, how the navigation will be laid out, etc.
We’ve matured into knowing that we have repeated elements on different screens, and that these elements need to be designed both so that they work independently but can still work with the rest of the site.
Not only are we more concerned about how these components look in terms of design, but they all carry their individual functionalities with it too. Designing with components and modules allows the same functionality to be replicated no matter where it appears on the site.
4. With responsive design pretty much taken over the Web, expect flat design to continue to be a dominate design aesthetic throughout 2016. Not only will there be websites that launch with flat designs, those sites who’ve already embraced the flat design trend will look to make things even flatter.
Take for example Google’s logo. The company changed its logo to make it more flat (losing the bevels) and changed the font. It found that a cleaner sans-serif font for its logo helped cut the size of the logo file used on sites by more than half. Google also found that it was easier to read on smaller devices.
This includes updates to logos (like Google), icons, images, and other elements that maybe didn’t get fully flattened the first first time. You can thank the drive and determination to get our websites to load faster and snappier, weigh less, and get content to viewers more effectively.
5. Google released its Material design language back in June 2014 but the adoption has been a bit slow. However, designers now have a better understanding of Material design and I anticipate they will start opting to use it more in their designs as documentation and examples become more widespread.
Material design focuses around tactile but dynamic elements that remind us of paper and ink. Shadows that are realistic, items that overlap do so with regards to reality, interactions stay inside of material and don’t impact other material around it.
<span class="marker">Since we’ve seem to have reached peak flat design, designers are opting for the next thing, and Google offers that up in their Material design language. I anticipate many more sites to follow this same material design aesthetic in 2016.