Does your web design sufยญfer from conยญverยญsion cannibalism?
Organisations add CTAs freยญquently, hopยญing to increase conยญverยญsions. They hope that 1+1=3, but in realยญity, itโs closer to 1+1=0.
Adding more CTAs (call-to-actions) to a single browser view will allow these butยญtons and forms to canยญniยญbalยญise each othยญerยญโs conยญverยญsion rates.
I will demonยญstrate why less is more in web design.
Here we go:
Conversion Cannibalism
Spin Academy | Online PR Courses
Conversion Cannibalism
Imagine a web page with 1,000 visยญitยญors per day. The page has only one butยญton for the users to click. On averยญage, the siteโs conยญverยญsion rate is 2%, equal to 20 clicks on your button.
So, what if you add anothยญer butยญton? The pageโs conยญverยญsion rate doesยญnโt increase in most use casesโโโit falls. Instead of getยญting 20 clicks on one butยญton, you might get 10 clicks on two.
Two call-to-actions in the same browser view will typยญicยญally canยญniยญbalยญise each other.
The Paradox of Choice
An easy way to think of webยญsite CTAs (call-to-actions) is to think of butยญtons and forms.
Buttons and forms are subยญject to the paraยญdox of choice.
In 1995, Professor Shena Iyengar from Columbia University launched a marยญket stall with difยญferยญent jam flaยญvours. When she offered twenty-four options, more people came to the booth. When she only offered six choices, more people conยญverยญted into payยญing customers.
Our decision-makยญing proยญcess is comยญplex, but researchยญers have offered many posยญsible explanยญaยญtions, such as decision fatigue, anaยญlysยญis paraยญlysยญis, and buyยญerยญโs remorse. 1Piasecki, M., & Hanna, S. (2011). A Redefinition of the Paradox of Choice. , 347โโโ366. https://โdoiโ.org/โ1โ0โ.โ1โ0โ0โ7โ/โ978โโโ94-007โ0510-4_19
Horizontal vs Vertical CTAs
On the web today, we see a trend where there is white space to both the left and right of butยญtons and forms. We also see a trend where more of the same CTAs are stacked from top to bottom.
There is a form of โalignยญment canยญniยญbalยญismโ takยญing place when it comes to butยญtons and forms. These alignยญment issues should be conยญsidered when designยญing a web page:
Learn more: Beware of Conversion Cannibalism
๐ก Subscribe and get a free ebook on how to get betยญter PR.
The Classic Front Page Debate
Spin Academy | Online PR Courses
The Classic Home Page Debate
โWe must put all these items on our home page because theyโre all importยญant to us.โ
I often get involved in heated debates on what to include on the home page. If I weigh into the debate that they should remove cerยญtain eleยญments, the chances are that someone will get offenยญded. Like, โHow dare you remove my work from our home page?โ
Since this situยญation is tricky, hereโs a menยญtal modยญel to help you clean up your home page approach:
The key to an effiยญcient home page design is to stop thinkยญing about whatโs โimportยญantโ and โnot importantโ.
Take a look at Googleโs de facto home page:
Now, Google has many essenยญtial products:
โฆ to name a few. However, the only serยญvice on the home page apart from Google Search is Gmail (top right corner), which isnโt promยญinยญent on the home page.
All these Google products are reasยญonยญably sigยญniยญficยญant, right? However, they still donโt replace Googleโs de facto home pageโโโthe Google Search page.
If Google can keep its home page clean, why canยญโt you? Is everything in your busiยญness more importยญant to your visยญitยญors than, letโs say, Google Drive?
Small Ask vs Big Ask
What single CTA (call-to-action) should you focus your home page on? Instead of basing your design decision on โbotยญtom line importยญance,โ focusยญing on a small rather than a big ask often makes sense.
Small ask = a value proยญposยญiยญtion that requires little effort and resources for a proยญspect to accept. It works best when the ask offers a swift, hassle-free soluยญtion for an urgent pain point.
Big ask = a value proยญposยญiยญtion that requires high engageยญment and a subยญstanยญtial transยญacยญtion by the proยญspect. It works best when mutuยญal underยญstandยญing and trust are thorยญoughly established.
By priยญorยญitยญising a small ask on the home page design, you increase the likeยญliยญhood of buildยญing a โyes ladยญderโ by askยญing posยญing slightly bigยญger asks in sequence over time.
Learn more: The Classic Home Page Debate
๐ก Subscribe and get a free ebook on how to get betยญter PR.
Priority: The Small Ask
The choice of what to put on the front page isnโt related to whatโs necesยญsary or not necesยญsary. Instead, it should be regarded only as a point of entry into your brandโs universe.
Instead of cramยญming everything into one front page, your busiยญness could utilยญise mulยญtiple high-conยญvertยญing landยญing pages, a strategy I call iceยญberg pubยญlishยญing, where many hidยญden dirยญect landยญing pages are beneath the siteโs surface.
By makยญing a small ask (your email address in exchange for someยญthing valuยญable to you) instead of a big ask (invest in hirยญing me as an advisor), I can capยญture and nurยญture trustยญing relaยญtionยญships over time, slowly movยญing proยญspects from 9% to 1%.
Looking back at the Google example, one could say they use mulยญtiple front pages. If we look at Google Driveโs โfront page,โ we can see the same strategy: just one mesยญsage and one call-to-action above the fold. It works because itโs crysยญtal clear:
More and more conยญverยญsion experts argue that most pages withยญin a webยญsiteโs strucยญture should be landยญing pages. Landing pages are accessยญible for search engines to drive relยญevยญant traffic since theyโre stripped of unneยญcesยญsary content.
Types of Landing Pages
Spin Academy | Online PR Courses
Types of Landing Pages
Landing page (LP) = a single-purยญpose web page stripped of standยญard menus and sideยญbars with a single CTA (call-to-action) chosen to match the visitorโs demonยญstrated intent.
Here are a few examples of landยญing page types:
The above examples are to name a few examples of landยญing pages. Only your imaยญginยญaยญtion will determยญine what types of effiยญcient landยญing pages you can develop!
Each landยญing page type serves a speยญcifยญic purยญpose in the cusยญtomยญer jourยญney, focusยญing on a single objectยญive: increasยญing conversions.
Read also: Types of Landing Pages
๐ก Subscribe and get a free ebook on how to get betยญter PR.
Thank you. Please supยญport my blog by sharยญing artยญicles with othยญer comยญmuยญnicยญaยญtions- and marยญketยญing proยญfesยญsionยญals. Please also conยญsider my PR serยญvices or speakยญing engageยญments.
PR Resource: The Engagement Pyramid
The Engagement Pyramid
The 1% rule of online engageยญment was mainly an urbยญan legend on the interยญnet. However, a peer-reviewed paper from 2014 conยญfirmed the 1% rule of thumb. 2Trevor van Mierlo. (2014). The 1% Rule in Four Digital Health Social Networks: An Observational Study. Journal of Medical Internet Research, 16(2), e33โโโe33. โฆ Continue readยญing
Active pubยญlics disยญtribยญute themยญselves in a way proven sciยญenยญtificยญally by sociยญoloยญgistsโโโlong before the interยญnet and social media emerged.
The engageยญment pyrยญamยญid divides pubยญlics into three disยญtinct groups:
When studyยญing interยญnet forยญums speยญcificยญally, itโs not uncomยญmon to find that 90% of users have nevยญer posยญted (lurkยญers), 9% are adding only to existยญing topยญics and threads (conยญtribยญutยญors), and 1% are actยญively startยญing new subยญjects and threads (creยญatยญors).
The engageยญment pyrยญamยญid is someยญtimes called the 1% rule or the 90โ9โ1 principle.
โThe 90โ9โ1 prinยญciple and Zipfโs Law both effectยญively clasยญsiยญfy memยญbers in online supยญport groups, with the Zipf disยญtriยญbuยญtion accountยญing for 98.6% of the variยญance.โ
Source: Internet Interventions 3Carron-Arthur, B., Cunningham, J., & Griffiths, K. (2014). Describing the disยญtriยญbuยญtion of engageยญment in an Internet supยญport group by post freยญquency: A comยญparยญisยญon of the 90โ9โ1 Principle and โฆ Continue readยญing
Learn more: The Engagement Pyramid (The 90โ9โ1 Principle)
PR Resource: Deep Content
Spin Academy | Online PR Courses
Deep Content
Above is an example of an online conยญtent strucยญture thatโs five levels deep. In the example above, five layยญers of everยญgreen conยญtent are stacked:
Deep conยญtent is centred around providยญing increasยญingly highยญer qualยญity to engaged users. ideally, the userยญโs engageยญment should determยญine when the informยญaยญtion need has been fulยญfilled, not the limยญitยญaยญtions of the webยญsiteโs availยญable content.
As for the importยญance of strucยญture and depth, the logic is the same as that of iceยญberg pubยญlishยญing and conยญtent themes.
Learn more: The Deep Content PR Strategy: Win By Going Deeper
๐ก Subscribe and get a free ebook on how to get betยญter PR.
Annotations
1 | Piasecki, M., & Hanna, S. (2011). A Redefinition of the Paradox of Choice. , 347โโโ366. https://โdoiโ.org/โ1โ0โ.โ1โ0โ0โ7โ/โ978โโโ94-007โ0510-4_19 |
---|---|
2 | Trevor van Mierlo. (2014). The 1% Rule in Four Digital Health Social Networks: An Observational Study. Journal of Medical Internet Research, 16(2), e33โโโe33. https://โdoiโ.org/โ1โ0โ.โ2โ1โ9โ6โ/โjโmโiโrโ.โ2โ966 |
3 | Carron-Arthur, B., Cunningham, J., & Griffiths, K. (2014). Describing the disยญtriยญbuยญtion of engageยญment in an Internet supยญport group by post freยญquency: A comยญparยญisยญon of the 90โ9โ1 Principle and Zipfโs Law. Internet Interventions, 1, 165โโโ168. https://โdoiโ.org/โ1โ0โ.โ1โ0โ1โ6โ/โJโ.โIโNโVโEโNโTโ.โ2โ0โ1โ4โ.โ0โ9โ.โ003 |