Infographic: 2016 Web Design Trends to Boost Conversions

Infographic: 2016 Web Design Trends to Boost Conversions

2016 Web Design Trends to Boost Conversions

With every new year, we eagerly anticipate the newest trends that emerge in web design. Most of these trends simply have to do with whichever visual style happens to be the most en vogue, but in this case, we at The Deep End have hand-picked the ones we can expect to see in 2016 that we have identified as being the most beneficial in terms of actually converting users.

If you use any combination of these trends, (in a way that makes sense for the site in question, of course,) you can count on boosting those conversion rates, whether you’re working on your own site, or on behalf of a client.

So check out the actual infographic below, or if you’d like a deeper dive into the trends discussed, we have an “infographic breakdown” video right after the image. Enjoy!

2016 Web Design Trends to Boost Conversions – An infographic by the team at The Deep End

Embed 2016 Web Design Trends to Boost Conversions on Your Site: Copy and Paste the Code Below


<img src="http://thedeependdesign.com/wp-content/uploads/2015/11/Infographic-2016-Web-design-trends.jpg" />

2016 Web Design Trends to Boost Conversions - An infographic by <a href="http://thedeependdesign.com"> The Deep End Web Studio</a>

Want to find out more about the trends discussed above? Check out our “infographic breakdown” video!

Video Transcription

Today we’re going to talk about 2016 web design and UX trends to boost conversions. Let’s get started.

Number one on the list is large full width images. So studies have shown that whenever you take smaller photos and replace them with something big and bold it’s kind of an interruption. People stop and take notice, and they have led to higher conversions because of it. Now if you wanna take this even further, they do recommend using images of people. Happy, smiling people. That just connects for some reason. People want to see other people. Another thing to do would be to swap out a large image with a large ambient video. Just make sure it’s not too distracting, but it can really get the point across as well. Another cool alternative to a still photo is a cinemagraph. A cinemagraph is basically a still image with one element of it that is moving. There is a lot of software out there that will help you build one yourself, and they actually look really cool so it’s something new to try.

Alright, number two is split screen layouts. I’ve been seeing these pop up a lot lately and it’s where you go to the home page and it’s just split right in two. Now this is good if you have more than one product or service or overall category, and it’s really good to split those people off right away, as soon as you can into whichever side of the website that they will most likely convert. So it’s not going to make them convert right there, but you’re funneling them to the right spot where they’re primed to make a purchase.

Number three is monochromatic color schemes with a contrasting CTA. This one is pretty easy to figure out. If you’ve got a website that’s largely black and white, or any kind of subdued color, and then you have a CTA button that’s really bright and pops out from it, of course it’s gonna get extra clicks, because it’s just much more visible, and that’s what people want to see.

Number four is prioritized navigation. I think we all know the principle that given too many options, people are likely to choose nothing at all. In fact, they’ve done studies, and given too many options people are actually ten times less likely to convert. Those are not good odds, so here’s what you can do to fix that: Take your top couple pages that you would normally put in your navigation and put them up there, hide the rest in some kind of hidden menu icon, and then take your main call-to-action and style that as a button. When you do this, you’ve successfully prioritized where exactly you want your users to go.

Number five is minimal lead capture. Any time you have a page that’s dedicated to, let’s say collecting an email address, it’s great to just have that little one form field and some compelling copy (a good headline and good sub-headline,) and that’s it. That way, they know what they’re supposed to do, and you’re more likely to get that email address.

Number six is video. We’ve been seeing video increase over the past couple years, and it’s only getting bigger. The main thing that stands between you and a conversion is trust. But a well-done video breaks down those barriers, and allows people to kind of get to know the personality behind the company, and what you’re all about. Videos are really great for welcome videos, or testimonials, or product demos. It depends on your businesses, but there’s always gonna be a way to use video to your advantage.

Number seven is sticky call-to-action buttons. It is very important whenever you have your to call to action, you want it to be visible at all times. So a lot of people will keep it up in a sticky header, so as you scroll down the page, it always remains at the top. Or you can put it in a sticky sidebar, or on mobile, I recommend styling it as a sticky footer. That way, at the bottom of the screen, you’ve always got that CTA you can click.

Number eight is card design layouts. This is a Pinterest inspired design, but it’s very visual, and allows people to quickly go to whatever interests them the most, and allows them to quickly rate it, or actually go to that page where they are much more likely to convert.

Number nine is a single column CTA. If a website has multiple columns, studies have shown that if you interrupt that flow, and you have a single column CTA section with a compelling headline, sub-headline and CTA button button with plenty of white space around it, people will stop and take notice. Especially if the copy is good, they’re definitely going to be more inclined to click and convert.

Number ten is personalized user experiences. Think of sites like Amazon.com.  Whenever you go to Amazon, they show you what you looked at last time. Most people don’t  make a purchase the first time they go to a site, and Amazon knows that. So they will always show you the last couple items you looked at. This is very personalized, and they know your browsing habits, they know what you’ve seen, and by showing them to you again, they know they’re much closer to making that sale. So if you can use this in any kind of way for your business, it will definitely increase those conversions.

discuss this post

(16) responses

The Deep End’s New Infographic Announces 2016’s Most Clickable Website Design Trends – Press Release Rocket

December 8, 2015

[…] Click here to view infographic. […]

reply

The Deep End’s New Infographic Announces 2016’s Most Clickable Website Design … | Web Design

December 9, 2015

[…] Click here to view infographic. […]

reply

Infographic: 2016 Conversion-Boosting Design Trends – Design & Development Digest – Website Magazine

December 9, 2015

[…] more trends by checking out The Deep End’s infographic […]

reply

marianne mcdougall

December 9, 2015

Really interesting article Wes and enjoyed the info graphics.

reply

6 Web Design Trends for 2016 | Chris Mole Media

December 12, 2015

[…] inspiration for this post comes from Wes McDowell from The Deep End so I want to acknowledge this at the […]

reply

Boost Conversions on Your Website with the Web Design Trends of 2016 | Now Creative Group

December 14, 2015

[…] 2016 Web Design Trends infographic was produced by The Deep End Design. Shared […]

reply

Web Design Trends: What’s Coming Up in 2016?

December 22, 2015

[…] “If you offer several types of products, services or categories, it makes sense to split your users into the correct landing page as soon as possible. By using a split screen, you quickly allow your audience to ‘choose their own adventure’ and head to where they will more likely convert.” — The Deep End […]

reply

2016 Web Design Trends To Boost Conversions – Computergeekblog

December 25, 2015

[…] published http://thedeependdesign.com/2016-web-design-trends-infographic/ […]

reply

Web design trends in 2016 – Digideo

January 19, 2016

[…] “If you offer several types of products, services or categories, it makes sense to split your users into the correct landing page as soon as possible. By using a split screen, you quickly allow your audience to ‘choose their own adventure’ and head to where they will more likely convert.” — The Deep End […]

reply

Spletni dizajn za leto 2016 – SPLETster

January 20, 2016

[…] od takšnih objav najdemo tudi na DE strani, tako kot video, kot […]

reply

Ivan Burmistrov

January 20, 2016

My experience suggests that trends 1, 2, 4 and 7 are harmful to conversion. Could you provide links to *serious research* supporting these trends, please?

reply

Ken

January 26, 2016

This is all good, we “bright” people know this but get in trouble when we want to convince the business about these directions and advices.

Could you please elaborate on what are your sources for your statements? (E.g. users are 10x less likey to…”, “studies has shown” etc)

reply

2016 Web Design Trends to Boost Conversions

July 1, 2016

[…] good guys at The Deep End Design handpicked these 2016 web design trends which are specifically geared to boost conversions. This […]

reply

Designtrends erhöhen Konversionsrate [Infografik] | DR. WEB

July 16, 2016

[…] Die komplette Infografik, die das Team von „The Deep End“ gestaltet hat, fasst alle zehn Designtrends, die sich natürlich auch prima kombinieren lassen, in übersichtlich gestalteter Form zusammen. […]

reply

Ten Design Trends That Boost Your Conversion Rate | NOUPE

July 16, 2016

[…] The complete infographic, created by the team of “The Deep End”, collects all ten design trends, which can be combined perfectly, in a clear way. […]

reply

Amit Patel

July 29, 2016

I have seen lot’s of articles and infographics regarding the design trend in 2016, but yours is really unique. Specially the way you have presented the details is really fantastic.

reply

add to the conversation!

Leave a Reply

Thank you. Your video is being is emailed to you now!