Predicted Web Design Trends For 2016

With the world of web design ever changing, what should be expected in 2016 from web designers? Will animation make a comeback? Will User Experience take a back seat? (of course not). I have spent the last month or so scouring through forums and social media trying to find the answer to the dreaded question.

Responsive Web Design

We all knew responsive web design wasn’t going away, and those who have not yet jumped on the bandwagon are lagging behind. However, just because your website is responsive doesn’t mean that the user experience is perfect for the end user. In 2016, responsive websites will still be all the rage, however many developers will need to think about the length of their web pages. Is a long web page the best experience for the end user or can you go better?

fruitbowl_redo1-1024x680

Long or Short Web Pages

Currently there are more long scrolling web pages than there are short web pages, but this could flip around in 2016. Some developers are leaning away from long scroll websites and using no scroll pages, which could cause an increase bounce rate as the content is consumed much quicker. However, with the right call-to-action on each page, it could also increase your CTR as there isn’t much for your users to get distracted with. What do you think? Below is an example of a scrolling website that only shows one page at a time and utilizes storytelling to keep their visitors engaged,  click the image to view the website.

Screen Shot 2016-01-07 at 09.53.07

Card Layouts

Originally demonstrated by Pinterest, card layouts are becoming more and more popular with end users. Why? Because we can deliver content in easily manageable chunks. It’s also a responsive design that shuffles away from the norm, yet still works perfectly!

Cornery Card Web Design Layout

 

Navigation Innovation

Hamburger menus have been all the range throughout 2015 and this is all thanks to Apple. Although not to everybody’s taste, hamburger menu’s work great because they are tidy and easily recognisable. However, I expect 2016 to bring a whole new challenge and that’s the innovation of navigation bars. Many designers are tired of their websites looking Apple-esque and so they will be trying to come up with something new entirely.

Fruitbowl Media Hamburger Menu

Above is our navigation, although we still use the Hamburger we have made it unique by using hexagonal tiles.

Animations

Although many designers have shyed away from animation in the recent years, it’s making a huge comeback! With funky loading animations taking the spotlight in 2015, it’s definitely not going to stop this year! Hover animations are also going to be more popular as it allows you to put more information onto the page without taking up more room, allowing for more

With funky loading animations taking the spotlight in 2015, it’s definitely not going to stop this year! Many designers have been fighting to the death (well not quite) with their websites loading animations, but there was one clear winner, Slack! With their witty one liners joining their animation, they’ve been memorable and most importantly, put a smile on our faces!

Hover animations are also going to be more popular as it allows you to put more information onto the page without taking up more room, allowing for more bitesize content to be consumed!

Moving animations are a force to be reckoned with, as moving pictures catch our eye. Showcasing a product with a 360 degree animation will becoming more popular in 2016, as it’s the only way to give you a true feel of a product online.

And last but not least for animation is scrolling animation. Controlled completely by your user, you can create great short scrolling pages with bite size pieces of content that they consume at their own pace.

Flat Design or Material Design

In 2015, Google released their new style language for Material Design. Taking a lot of design cues from Flat Design it gives a more modern and natural feel with the use of shadows, movement and depth. Although previously a design reserved for apps, Material Design Lite by Google uses CSS, HTML and a little JavaScript and makes it simpler for designers to add a Material look to their web design. But which design will come out on top in 2016?

Material Design Example

To view to template, please click the image