10 web design trends that may appear in 2016
From the author: in this article we will consider 10 trends in web design that may appear in 2016. Design trends may not change for several years (and in some cases even decades), but web design is a fairly rapidly changing industry where trends come and change quickly too
We still use some of the trends: responsive web design, flat design, productivity and speed, improving the user experience. And yet, what new or already visible trends on the horizon can be expected in 2016? Consider some of the trends that this year will increasingly appear in sight. And above all …
Ongoing experiments with navigation and menus
I am a web designer myself, and I noticed that we just can’t help playing with navigation and menus. We continue to experiment, come up with various ways to improve, increase the usefulness of the menu. We are engaged in the fact that we place the menu in new and unexpected places, hide it under the hamburger icon (the trend that I spoke about in 2015) or completely refuse the menu because we understand that it is necessary, but it looks awful.
We are struggling to find the best place on the screen to demonstrate this important component of the content. All this in order to make the menu more convenient, no matter on which screen. We are still experimenting with various display methods to figure out which one works best. For example, Shellshock above combined a hamburger icon with a card menu layout. In the future, I expect even more experiments and attempts to improve the menu.
Web design. Fast start
Learn the course and learn how to create a website design and prototype in Figma
To scroll or not to scroll
Have we reached the point where page scrolling increases the readability of the text? Maybe. In 2016, I expect some sites to reduce page scrolling to a minimum, while others, on the contrary, will increase scrolling.
There are advantages and disadvantages on both sides: a long scroll looks more natural, and it is much simpler than the need to constantly click on the mouse. However, this approach stretches the content, which makes it difficult to search on the page. On pages with small scrolling, we quickly find what is needed, but in this case the number of page closures may increase.
The screenshot above shows the Uppercase site, which decided to abandon scrolling altogether. The screenshot shows a fully loaded page of the site. Everything that you may need is on the page; you don’t need to scroll anywhere.
It will be interesting to watch the battle of scrolling on websites in 2016, and who will win. At the moment, there are more sites with long scrolling than sites with short scrolling. Only time will decide which approach is best for consuming content.
Design modules and components rather than whole pages
Web design is moving towards modularity and componentity instead of creating complete templates for a specific web page. Components often also include the development of a search function, how a menu will be displayed on a page, etc.
We realized that elements must be duplicated for different screens, and that these elements must be designed so that they work independently of each other, but do not lose touch with the rest of the site. We worry not only about the appearance of the components in terms of design, but also about the individual functionality of the elements. Modular and component design allows you to maintain the same functionality and makes it possible to copy elements to anywhere on the site. An excellent resource on this subject is Brad Frost’s Atomic Web Design.
Design is getting flatter
Responsive web design has a leading position on the Internet, however, in 2016, flat design is expected to remain dominant. Not only sites with a flat design will appear, but those that already use this style will become even more flat.
Take the Google logo as an example. The company made its logo flatter (the bevels of the letters removed) and changed the font. It was found that a clearer sans-serif font helped reduce the weight of the logo file by more than half. Google also found that such a font is easier to read on small devices.
This approach includes updating logos (like Google), a set of icons, images and other elements that were not fully translated into a flat mode the first time. Thanks to this approach, our sites load faster, weigh less, and content reaches readers much more efficiently.
Takeoff Material Design
Google released Material design in June 2014, but the transition to it was a little delayed. Nevertheless, now developers are much better aware of what Material design is, and I believe that with the distribution of documentation and examples of use, they will increasingly prefer this type of design to others.