Infographic: 2016 Web Design Trends to Boost Conversions
- Wes McDowell
- December 1, 2015
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 Design Studio</a>
Want to find out more about the trends discussed above? Check out our “infographic breakdown” video!
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.
- Infographic: 5 Ways Your Website is Losing You Customers (and 5 Easy Fixes)
- Video: 5 Questions Your Web Designer Should Be Asking You (and why it matters)
- 4 Ways to Get Website Traffic Through Facebook
- Video: Where is Your Website’s Content Coming From?
- Video: 1 Single Tip to Writing Web Copy That Sells
- Video: How to Use Your Website to Build Your Email List (and why you should)
- Video: How to Build Instant Trust on Your Website
- 10 Lessons from Relationships to Help You Make a Stunning One-Page Website
- Video: Who Is Your Website For?
- Video: 5 Things to Remove From Your Website Immediately