Patterns Blog BetterUI Review Coaching Courses Datastories

Evidence #69: Anchors Vs. Modals

Tagged As: Result

Thanks to Justin Rondeau from digitalmarketer.com for sharing Evidence Test #69. This experiment contained a simple change in how the calls to action behaved. In the control, the buttons were anchored to the form below. When they were clicked, the screen shifted downwards to the form (or didn’t when the user was already at the bottom of the screen). In the variation, the buttons launched an instant modal window.

What Can We Learn From This Test?

The variation showed a possible +6.3% increase to leads being generated. I think was might have been caused for two reasons:


Share this story
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

Posted by Jakub Linowski on Dec 7, 2016

11
Leave Your Reply

avatar
8 Comment threads
3 Thread replies
5 Followers
 
Most reacted comment
Hottest comment thread
8 Comment authors
Jakub LinowskiOdd-Wiking RahlffJonathanTomaz HocevarEdwin van Oostrum Recent comment authors
newest oldest most voted
Mario Lurig

I wonder if it was using a JS smooth-scrolling to make it more guiding for the top-most click, I think having that vs #anchor clicks would make a difference (also using .focus() on form fields). Secondly, I think you’re 100% right that it’s based on the distance between the 2nd click and the bottom, preventing your click from DOING anything, thus the modal is better for rewarding customer behaviour with focus. I’d love to see a new variation with smooth scroll to bottom on 1st button, and modal on 2nd button, compared to the variation here (modal on both). I… Read more »

Matej

Hey Jakub, thanks for a great test! Really insightful. I do have some feedback regarding this page, though! I wanted to share this page on twitter AND linkedin. I clicked the twitter button and was lead to a share page, yes, but not in a new window. The title of your post wasn’t edited in the tweet to make it appealing (didn’t contain hashtags, for example), and the twitter share page opened in the same window as your article. Which lead me to complete my twitter share and forget about the linkedin share. I didn’t want to click 3 pages… Read more »

zixin
zixin

I think it makes great sense that modal works better than anchor on a desktop site. But I was wandering if the opposite is true on a mobile device? I havent experienced good modal experiences on mobile devices, and the second “Lack of feedback” issue wont happen then.

Edwin van Oostrum

Hi Jakub, thanks for this! I can see this for desktop indeed but what would be the outcome for mobile? Anchoring or using a modal? Screen estate is obviously less than on desktop meaning that chances are higher that the form sits below the viewport which results in scrolling (aka the user experiences movement and lands on the form area).

Tomaz Hocevar

Hey Jakub,
do you know how many leads were generated through each form under the Variation (B). If I understood correctly, user had both options to opt in – either by pressing the button or scrolling down when reading the page and at the end fill the form at the bottom?

Tomaz Hocevar

A possible explanation for modal window would also be that you get rid of the clutter by shadowing the background content and focusing only on the form.

Jonathan
Jonathan

I think what you have is good. I do also believe because the user moved on the the modal there might have been some sense of progression. The action becomes much more focused as well without all those distracting elements on the original page.

Odd-Wiking Rahlff
Odd-Wiking Rahlff

Interesting case.

I guess the unpredictable automatic scrolling takes away the feeling of control the user has and thereby also loses whatever trust the user has of the site. The lightboxed dialog however presents and focuses on the minimum amount of input needed to actually get the worksheet with no fuzz and unneeded screen movements.