SlideShare a Scribd company logo
1 of 8
Design Missteps That Kill Your
Conversion Rates And How To Fix
Them
ConversionFanatics.com
Your conversion rates are never safe. There's always a potential conversion killer on the
loose. And you have to continuously split-test and stay on top of developments to keep
your conversions safe and thriving.
So, when it comes to design, what are some of the biggest conversion killers you need
to watch out for?
A Visually Confusing Site Design
For the most part, your visitors aren't going to read the content on your site or at least
not in depth. Instead, they are going to scan, usually in a Z- or F-shaped pattern. And
they are going to search for words and phrases that pique their interest and give them a
reason to pause.
As a result, your visitors need visual queues and a clean design to help guide them to
your website's most important parts, including your call-to-action. Otherwise, your
conversion rates will suffer.
Focus Visitors' Attention Through Encapsulation
Encapsulation is a technique often used in photography that you can also apply to web
design. Anytime you want to focus your visitors' attention on a particular aspect of your
site (your CTA, for example), try creating a natural frame around it.
Image Source
Doing so "provides an effect to the eye similar to that of tunnel vision when your
peripheral vision is narrowed to a point," says Helen Stark. You can also implement the
encapsulation technique by adding a contrasting color. This helps your site's important
elements to stand out from the background.
Image Source
Make Your Dialogue Boxes Stand Out
To get visitors to take action, a lot of businesses incorporate dialogue boxes into their
site's design. However, if the content that lies beneath the dialogue box is too
noticeable, your visitors won't be able to focus on the content that's actually in the
dialogue box—like your CTA.
Sean Ellis suggests, "Whenever a dialog box pops up on screen, try adding a dark semi-
transparent layer over surrounding areas to help hone the focus of your visitors."
Sean Ellis: "In this old but incredibly instructive case study, Bryan
Eisenberg showed how Lands’ End was able to improve
conversion rate by reducing visual noise as products were added
to the shopping cart.
The original design had a lot of visual clutter surrounding the
pop-up, making it difficult to focus the attention of visitors. The
redesigned checkout page focuses the eye by graying out the
area behind the pop-up.
This heat map for the redesigned page shows dramatic results:
Image Source
By dimming out the background and upping the contrast of the 'Continue Shopping'
button – and effectively reducing visual confusion—Lands’ End improved cart
performance dramatically."
Use A Content Hierarchy That Makes Sense
The order in which you present information on your site—and yes, that includes visuals
—should flow logically. And generally speaking, keeping it simple is the best approach.
The hierarchy of your site's information is especially important when it comes to your
offer. And the three most important components of your offer's details are...
1. The description with a clear list of benefits or characteristics
2. Relevant images (with an opportunity to click to see larger versions)
3. Up-to-date pricing options.
You should lay these components out in an order that makes sense for both your offer
and your visitors' expectations. For example, Helen Stark says, "People who [buy] a TV
set or air conditioner are less likely to think a lot about its look. They are more obsessed
with its features and technical characteristics. And vice versa: when people buy clothes
they wish to see how they look from various angles."
Is your site guilty of any of these conversion killers? What are you doing to safeguard your
conversions?

More Related Content

Recently uploaded

The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
amedia6
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
shivubhavv
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
suhanimunjal27
 

Recently uploaded (20)

Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Design missteps that kill your conversion rates and how to fix them

  • 1. Design Missteps That Kill Your Conversion Rates And How To Fix Them ConversionFanatics.com
  • 2. Your conversion rates are never safe. There's always a potential conversion killer on the loose. And you have to continuously split-test and stay on top of developments to keep your conversions safe and thriving. So, when it comes to design, what are some of the biggest conversion killers you need to watch out for?
  • 3. A Visually Confusing Site Design For the most part, your visitors aren't going to read the content on your site or at least not in depth. Instead, they are going to scan, usually in a Z- or F-shaped pattern. And they are going to search for words and phrases that pique their interest and give them a reason to pause. As a result, your visitors need visual queues and a clean design to help guide them to your website's most important parts, including your call-to-action. Otherwise, your conversion rates will suffer.
  • 4. Focus Visitors' Attention Through Encapsulation Encapsulation is a technique often used in photography that you can also apply to web design. Anytime you want to focus your visitors' attention on a particular aspect of your site (your CTA, for example), try creating a natural frame around it. Image Source Doing so "provides an effect to the eye similar to that of tunnel vision when your peripheral vision is narrowed to a point," says Helen Stark. You can also implement the encapsulation technique by adding a contrasting color. This helps your site's important elements to stand out from the background. Image Source
  • 5. Make Your Dialogue Boxes Stand Out To get visitors to take action, a lot of businesses incorporate dialogue boxes into their site's design. However, if the content that lies beneath the dialogue box is too noticeable, your visitors won't be able to focus on the content that's actually in the dialogue box—like your CTA.
  • 6. Sean Ellis suggests, "Whenever a dialog box pops up on screen, try adding a dark semi- transparent layer over surrounding areas to help hone the focus of your visitors." Sean Ellis: "In this old but incredibly instructive case study, Bryan Eisenberg showed how Lands’ End was able to improve conversion rate by reducing visual noise as products were added to the shopping cart. The original design had a lot of visual clutter surrounding the pop-up, making it difficult to focus the attention of visitors. The redesigned checkout page focuses the eye by graying out the area behind the pop-up. This heat map for the redesigned page shows dramatic results: Image Source By dimming out the background and upping the contrast of the 'Continue Shopping' button – and effectively reducing visual confusion—Lands’ End improved cart performance dramatically."
  • 7. Use A Content Hierarchy That Makes Sense The order in which you present information on your site—and yes, that includes visuals —should flow logically. And generally speaking, keeping it simple is the best approach. The hierarchy of your site's information is especially important when it comes to your offer. And the three most important components of your offer's details are... 1. The description with a clear list of benefits or characteristics 2. Relevant images (with an opportunity to click to see larger versions) 3. Up-to-date pricing options. You should lay these components out in an order that makes sense for both your offer and your visitors' expectations. For example, Helen Stark says, "People who [buy] a TV set or air conditioner are less likely to think a lot about its look. They are more obsessed with its features and technical characteristics. And vice versa: when people buy clothes they wish to see how they look from various angles."
  • 8. Is your site guilty of any of these conversion killers? What are you doing to safeguard your conversions?