me - how many columns should i use?
DESCRIPTION
How using the best page layout led to a 681% relative increaseTRANSCRIPT
![Page 1: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/1.jpg)
How Many Columns Should I Use? How using the best page layout led to a 681% relative increase
![Page 2: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/2.jpg)
We’re sharing on Twitter!#WebClinic
![Page 3: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/3.jpg)
Today’s speakers
@jonpowell31
Jon PowellSenior Manager Research and StrategyMECLABS
Marketing research practitioner with 7 years of hands-on experience gained through managing hundreds of A/B and multivariate tests for e-commerce, health care, financial and education Research Partners.
![Page 4: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/4.jpg)
Today’s topic
Given a choice between these particular page templates, which would you choose for your offer pages? Why??
A B C D
![Page 5: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/5.jpg)
What is the highest performing layout (number of columns) for my webpages? How do I know which one to choose?
?
Today’s topic
![Page 6: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/6.jpg)
Background: A large technology company selling software to small businesses.
Goal: To significantly increase the number of software purchases from paid search traffic (branded terms).
Research Question: Which column layout will generate the highest rate of software purchases?
Test Design: A/B multifactor split test
Experiment ID: TP1736aRecord Location: MECLABS Research LibraryResearch Partner: [Protected]
Experiment 1: Background
![Page 7: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/7.jpg)
COLUMN #1 COLUMN #2
Experiment 1: Control2-Column Layout
![Page 8: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/8.jpg)
COLUMN #1
Experiment 1: Treatment1-Column Layout
![Page 9: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/9.jpg)
COLUMN #1 COLUMN #2COLUMN #1
2-Column Layout 1-Column Layout
Experiment 1: Side-by-side
![Page 10: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/10.jpg)
Design Order Rate Revenue/Visit
Control – 2 Columns 0.20%* $0.50*
Treatment – 1 Column 1.58%* $3.56*
% Relative Change: 680.6% 606.7%
Relative Increase in Orders681%The one-column treatment design increased branded search orders by 680.6% and revenue per visit by 606.7% when tested against the two-column control design.
Experiment 1: Results
*Absolute performance rates and numbers have been anonymized
![Page 11: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/11.jpg)
Why did the single-column page layout have a significant increase in results??
Audience question2-Column Layout 1-Column Layout
![Page 12: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/12.jpg)
Experiment: Results
“The eye path of the page is confusing to users … ”
“ … by providing a linear eye path, distractions will be removed and will cause an increase in conversion.”
From the Test Protocol:
*Certain sections of content have been anonymized for the Partner
![Page 13: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/13.jpg)
266%In Clicks
Protocol IDs: TP1306Similar findings
2-Column Layout 1-Column Layout
Example: Main offer page
![Page 14: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/14.jpg)
22%In Completed Orders
Protocol IDs: TP1356, TP1407Similar findings
2-Column Layout 1-Column Layout
Example: Transaction page
![Page 15: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/15.jpg)
Is there an underlying theory for choosing the highest performing page layout? ?
![Page 16: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/16.jpg)
Background: A large technology company selling software to small businesses.
Goal: To significantly increase the number of software purchases from paid search traffic (non-branded terms).
Research Question: Which column layout will generate the highest rate of software purchases?
Test Design: A/B multifactor split test
Experiment ID: TP1736bRecord Location: MECLABS Research LibraryResearch Partner: [Protected]
Experiment 2: Background
![Page 17: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/17.jpg)
COLUMN #1 COLUMN #2COLUMN #1
2-Column Layout 1-Column Layout
Experiment 2: Side-by-side
![Page 18: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/18.jpg)
Design Order Rate Revenue/Visit
Control – 2 Columns 5.69%* $19.78*
Treatment – 1 Column 0.86%* $6.53*
% Relative Change: -84.9% -67.0%
Relative Decrease in Orders85%The one-column treatment design decreased non-branded search orders by 84.9% and revenue per visit by 67% when tested against the two-column control design.
Experiment 2: Results
*Absolute performance rates and numbers have been anonymized
![Page 19: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/19.jpg)
Why did the winning page layout suddenly underperform in the same channel??
Experiment 2: Results
![Page 20: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/20.jpg)
To help answer this question, we accessed our library of case studies for a deeper study and isolated tests where page layout was a primary variable.
![Page 21: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/21.jpg)
We then conducted a meta-analysis of those Test Protocols to uncover patterns in performance.
Plus many more Protocols …
TP1457TP1460 TP1621 TP1746
TP1306 TP1356 TP1560 TP1633
TP1267 TP1315 TP1639 TP1268
TP1499 TP1658 TP1636 TP1203
TP1635 TP1498 TP1165 TP1475
TP1192 TP1182 TP1469 TP1091
TP1460 TP1585 TP1214 TP1503
TP1422 TP1500 TP1488 TP1616
TP1511
![Page 22: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/22.jpg)
Initial findings
There appeared to be performance patterns for each page in the conversion path …!
![Page 23: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/23.jpg)
Initial findings
However, the patterns were not clear due to numerous outliers.!
![Page 24: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/24.jpg)
3 Columns 2 Columns
Protocol IDs: TP1268OutlierExample: Transaction page
54%In Revenue per Order
15%In Revenue per Order
Homepage traffic Shopping cart traffic
![Page 25: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/25.jpg)
60%In Conversions
Protocol IDs: TP1457Outlier
2-Column Layout 1-Column Layout
Example: Main offer page
![Page 26: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/26.jpg)
3 Columns 1 Column
7.5%In Searches
Holiday Traffic
5.8%In Searches
Everyday Traffic
Protocol IDs: TP1165, TP1182OutlierExample: Directory page
![Page 27: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/27.jpg)
Is there an underlying theory for choosing the highest performing page layout? ?
Back to the original question
![Page 28: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/28.jpg)
ChannelMain Offer
Page
Checkout Path
Category Page
Thank You Page
Homepage
Directory Pages
When we took a closer look at TP1737a-b, each winning page is essentially in the same position in the conversion funnel.
Experiment: Analysis
![Page 29: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/29.jpg)
They are NOT, however, in the same position in the customer funnel.
Experiment: Analysis
(Mi)YES
(Ma)YES
Y
Val
ue
Pro
po
siti
on
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
Non-Branded Winner
Branded Winner
A Web search using brand language indicates prior knowledge of the value proposition.
A generic Web search does not, requiring more clarity of value.
![Page 30: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/30.jpg)
(Mi)YES
(Ma)YES
Y
Val
ue
Pro
po
siti
on
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
Meta-analysis results
We recategorized each Test Protocol in the analysis according to its stage in the customer thought sequence (as opposed to the conversion path).
In doing this, we discovered a single pattern that encompassed all Test Protocols analyzed.
![Page 31: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/31.jpg)
(Mi)YES
(Ma)YES
Y
Val
ue
Pro
po
siti
on
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
More
Meta-analysis results
At the beginning of the thought sequence, the highest performing pages often have three or more columns that are evenly weighted.
(ex: 33%/33%/33%)
Even
Less
Number of Columns
Uneven
Column Weight
![Page 32: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/32.jpg)
(Mi)YES
(Ma)YES
Y
Val
ue
Pro
po
siti
on
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
(Mi)YES
As the thought sequence progresses, column counts in high-performing pages drop. If there are two columns, they are unevenly weighted.
(70%/30% or 80%/20%)
More Even
Less Uneven
Column Weight
Meta-analysis resultsNumber of Columns
![Page 33: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/33.jpg)
On the ideal number of columns
FKey Principles
1. First, we must understand there is no single answer to the question, “How many columns should I use?” Sometimes “less” is optimal; and sometimes “more” is optimal.
2. To begin answering this question, we must understand where the customer is in the mental (not physical) conversion funnel. From there, we can apply two underlying principles:
1. The more we know about what the visitor wants, the more we should focus on that desire (less columns; unequally weighted).
2. The less we know about what the visitor wants, the more we should enable the them to self-select (more columns; equally weighted)
![Page 34: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/34.jpg)
Live OptimizationColumns
![Page 35: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/35.jpg)
![Page 36: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/36.jpg)
Live Optimization
Tracky
http://bit.ly/1aJj4sL #WebClinic
Primary Audience: Business and consumersPrimary Objective: Awareness
![Page 37: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/37.jpg)
Live Optimization
Santa Fe Way
http://bit.ly/1c3zQDN #WebClinic
Primary Audience: Health enthusiastsPrimary Objective: Information page
![Page 38: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/38.jpg)
Live Optimization
Primary Audience: B2CPrimary Objective: Lead gen/sales
Windstream
http://bit.ly/1f6PyP1 #WebClinic
![Page 39: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/39.jpg)
Live Optimization
Primary Audience: Potential donorsPrimary Objective: Raise funds
Environmental Defense Fund
http://bit.ly/1aqws7k #WebClinic
![Page 40: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/40.jpg)
Live Optimization
StudyAbroad.com
http://bit.ly/KGhAG1 #WebClinic
Primary Audience: StudentsPrimary Objective: Info page
![Page 41: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/41.jpg)
Live Optimization
Declaring Bankruptcy
http://bit.ly/1biojwl #WebClinic
Primary Audience: B2C Primary Objective: Lead generation
![Page 42: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/42.jpg)
Live Optimization
Primary Audience: MembersPrimary Objective: Fundraising
Jewish Federation
http://bit.ly/1f6PyhV #WebClinic
![Page 43: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/43.jpg)
Live Optimization
Primary Audience: B2CPrimary Objective: Lead generation
IHG
http://bit.ly/JH3dkj #WebClinic
![Page 44: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/44.jpg)
Live Optimization
Applied Inspirations
http://bit.ly/1dvTJ24 #WebClinic
Primary Audience: B2CPrimary Objective: Sales
![Page 45: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/45.jpg)
Background: A large, well-known audio technology and engineering company offering professional and personal audio products.
Goal: To significantly increase the number clicks from a promotional email.
Research Question: Which email call-to-action copy will produce the greatest clickthrough rate?
Test Design: A/B single factorial split test
Experiment ID: TP2136Record Location: MECLABS Research LibraryResearch Partner: [Protected]
Next Clinic: Background
![Page 46: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/46.jpg)
Next Clinic: Email template
![Page 47: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/47.jpg)
Next Clinic: Email template
![Page 48: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/48.jpg)
Next Clinic: Version A
![Page 49: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/49.jpg)
Next Clinic: Version B
![Page 50: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/50.jpg)
Next Clinic: Side-by-Side
Version A Version B
“Shop Now” “View Details”
![Page 51: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/51.jpg)
Which treatment won?
![Page 52: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/52.jpg)
Live Feb. 12 at 4 p.m. EST
• How can I get the most clickthrough for the least effort?• Which call-to-action copy works best for promotional emails?• How does copywriting change for newsletters and nurture-
based emails?
Join the live 35-minute Web clinic
To see the results
To join live, register at the link below:
MarketingExperiments.com/TwoWordsEmail
![Page 53: ME - How Many Columns Should I Use?](https://reader033.vdocuments.mx/reader033/viewer/2022052410/554ce2f9b4c905d6488b54f5/html5/thumbnails/53.jpg)
See how you can conduct research with us
MECLABS conducts rigorous experiments in the new science of optimization. We apply our discoveries to help leaders optimize the financial performance of their sales and marketing programs.
Learn more about how you may be a fit for a MECLABS Research Rartnership:
• Select Research Partnership Opportunities on the post-webinar survey
• Contact us [email protected]
x