Every year, Web design grows and so many awesome things are being published daily. While everyone is reflecting on the year that was and looking ahead to the year that will be, let’s take a look at some Web design trends we will likely see when we turn the calendar to 2015.
It hasn’t gone unnoticed that most new site designs published today tend to be longer in length when scrolling through the page. As mobile devices become more popular, it’s becoming more commonplace for sites to opt for scrolling instead of linking as a means to display content, especially on their home pages.
It is easier for users to simply scroll through a page to get their information than it is to constantly click to find information.
Homepages aren’t the only place where the long scrolling trend can be spotted. While long scrolling sites have been popular for a while (hello, one-page websites), the benefits of scrolling have multiplied and found themselves in other places other than the home page, such as about pages and even product pages as a means to elegantly display a wide variety of content.
While having amazing content is always crucial for your website, being able to tell a story through your content is a big plus. Web design in 2015 will likely focus around helping tell a story for users.
For example, the Space Needle’s website beautifully tells the facts of the Space Needle through the use of storytelling and a design that helps support it (it also goes in line with the long scrolling trend discussed above).
The trend over the last few years have been large header background images, often with text on top, and it is the first thing most visitors see when they come to a site. So how can you stand out from the crowd that has embraced the large-header-background-image trend? By doing the opposite.
Some recent site designs have decided to buck this trend by keeping their large headers, but making them background-image free. My guess is that not only do they want to not follow a trend, but they are also looking at the performance and speed of their site (see trend #10 later in this article) as a reason to ditch the large images.
There is an idea in design that a design is complete when all of the non-essential elements have been removed. In 2015, I believe we could be seeing more of this idea come into fruition as sites look to find ways to simply their designs by removing non-essential design elements.
The New Wave Company’s site mentioned in trend #3 above did this with opting for not having a large background image in its header.
Designers have practically eliminated many design decisions that most current websites have (i.e. background colors, lots of images, sophisticated layouts, etc.). Instead, the team opted for a clean and simple site design, and it stands out among the crowd of design-heavy, image-heavy, and color-heavy sites.
Most websites over the last few years have used the “banding” or width: 100 percent design element so that things like images and sections visually stretch the full width of a browser’s viewport. Before this trend became popular, most sites were fix-width and centered in the page. You could tell where the site ended on either side.
That fix-width trend seems to be trying to come back in a more modern way. Instead of sites and their content sections going all the way to either side of the viewport, some sites are opting for a max-width to keep their content centered in the viewport.
Stock imagery still has its place in design, but for most new websites these days, stock imagery has taken a back seat to professional photography of high quality and unique and custom to the site and purpose.
Using custom photography takes the design step a bit further than just picking stock imagery, and it makes you unique in that no one else will have those same pictures on their site.
Responsive Web design has been around for a while. Up until recently, most design emphasis was placed on making the site look great on desktop devices, and just ok on mobile and tablet devices. RWD has moved toward making every experience look great no matter the device.
With this move, we are starting to see design elements that take what works on mobile devices and implementing it site wide.
Much like flyout/slideout menus discussed above, I anticipate seeing more sites hiding their main menus all together when visitors first visit the site. These hidden menus will only become visible when the visitor is ready to move on and clicks the appropriate icon.
This is also a technique of responsive design that is starting to be carried over into all of a site’s design instead of just small viewports.
For 2014, typography was very important in many site designs, and I don’t see that changing any time soon. For 2015, however, I see large headings and typography getting even larger. I mean large enough a plane can see it on the ground (ok, not that big, but you get the idea).
Some design trends have been motivated by the need to make sites load faster and consume less bandwidth. Most of the trends discussed in this article more than likely came out of the need to reduce the size of the site and find ways to quickly load the site for those using mobile or tablet devices or those on slower networks.
Site designers and developers are becoming more keenly aware of the weight of their sites and how their users interact with them. Responsive Web design has helped bring to light these concerns. Things like slow network speed (either on mobile networks or home ISPs) and device type have forced designers and developers alike to pay close attention to the size of their files and sites, how fast those sites load on different speed networks, and mindful of users and their situations such as limited data plans.
It will be no surprise that the need to be faster and perform flawlessly with no lag time will drive design decisions on many new websites launching in 2015.
Sometimes a relationship needs a little nudge to help it grow.
Tell us a few things about yourself and we will show you a lot more about us.