Should Mobile Header Design Use Big White Area for Large Male Thumbs when 65% + of Visitors are Male?
-
About 65% of our visitors are male. Consultant "A" produced design "A" (see attached). This design incorporates large white areas so there there is sufficient space for male visitors with larger fingers. Consultant "A" also was of the opinion that the menu "hamburger" bar should have the word "menu" under it and that displaying it would increase conversions.
Consultant "B" is of the opinion that displaying as much content above the fold is key to maximizing conversions. They believe that we don't have to use so much space between elements and that the word "Menu" is not necessary to display beneath the hamburger. I have enclosed design "B" from consultant "B".
Personally I prefer the 2nd design, however I understand that conversion is down to a science and there are certain accepted protocols and standards that serve to increase conversions.
Does anyone have opinion as to which of the 2 attached designs would work best for conversions?
Thanks,
Alan -
I tend to opt for a min height and width of 48px X 48px (12mm X12mm) on all mobile button / click zone designs to accommodate fingers on a screen, that also applies to input fields too to make them easier to handle.
As for the design aesthetics, I think a blend of the two designs would look the best. The spacing is neater on design B, but I actually like menu on the button (some may disagree). Best bet would be to set up the two designs and run as optimisation test to see which performs the best over a control period and then add some Multivariant tests trying some blended designs.
Maybe use something like hotjar to record the clicks too, that way you can see if your hit zone/button sizes are working well.
Cheers
Tim
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Better Graphic Design-Impact on SEO?
Will improving our site's graphic design but keeping identical structure, tags and text result in better Google? Are lower bounce rates greater time spent on a site by visitors rewarded by Google n the form of higher ranking? We are a commercial real estate brokerage firm in Manhattan and plan on making the following changes: -Much larger photos for listings
Conversion Rate Optimization | | Kingalan1
-Lighter cleaner design with more open white areas
-Use of more visible fonts
-Better forms
-Potentially less text and more emphasis on product, which in our case are real estate listints. Our existing site: w w w . m e t r o - m a n h a t t a n . com is a bit ordinary and uninviting. The redesign will have a concept similar to
http://www.dernieretage-paris.com/
The theme behind this real estate site is the city itself, which is quite clever and applicable to Manhattan. Our home page as well as other URLs use lots of text. If we reduce text and use more images to make the pages more engaging, will our organic ranking decline? If we reduce text can we compensate by fuller completion of meta tags? Any thoughts???0 -
Will Landing Page Design with Large Areas of White Background Enjoy a Higher Conversion Rate?
My designer has created a landing page with a dark background. Text is white and other colors. Does a dark background impact the conversion rate? Is it better to have a white background? I am concerned that a dark background may distract visitors. The landing page is: http://www.nyc-officespace-leader.com/MidtownLawOfficeSublet3300SFBelowMarket We plan on using this landing page for LinkedIn advertising. Thanks!!
Conversion Rate Optimization | | Kingalan10 -
Buy Facebook Likes for visitor trust?
I was curious if anyone ever considered buying Facebook likes to increase visitor trust. Our homepage has only 75 likes even though we are a leader within our industry. A smaller competitor has over 1,000. If all else is equal, I question whether this helps to influence trust amongst visitors and whether there is any value in doing some Fiverr deals to buy FB likes. My concern would be to be in Google's bad graces by them thinking we are doing this strictly for ranking. However, now that Google has declared that social signals are not a ranking factor, I feel this is less black hat and maybe something that Google won't care about. Thoughts?
Conversion Rate Optimization | | TheDude0 -
Suggestions to Improve Worst Conversion Form Ever Designed?
My commercial real estate web site has about the worst conversion form ever designed (http://www.nyc-officespace-leader.com/visitor-details). The form appears whenever a visitor does a property search. If they do not release their phone number and email address they don't get results. The form only gets completed 25% of the time and often the contact details are wrong. The visitors either exit the site at that page or go to the listing or neighborhood pages to view listings without doing a filtered search. In an attempt to increase conversions we are softening the form and not making completion mandatory. After entering an inquiry the visitor will be shown three property listings before the form pops up, The idea being that once they have seen product they will be more inclined to release contact info. Also, the form will appear once they have viewed three listings anywhere on the site, not just for search results. Unlike the existing conversion form (http://www.nyc-officespace-leader.com/visitor-details) we are trying to keep the text very concise. The new form will be Java script rather than a URL. Can anyone offer some ideas on how to make the text of these new forms more enticing? The forms are listed below. We will probably show the first one after the visitor views 3 listings and the variation of it after the visitor views another 3 listings. ** FORM #1** Quit wasting time searching for listings. (watch icon) Call me to discuss available space. Yes No --------------------------------------------------------------------------------------------------------- FORM #2 Don’t search for listings, we will do it for you. We have off market listings that no one knows about. Contact us now about off market listings. Yes No ----------------------------------------------------------------------------------------------------------- Thanks, Alan
Conversion Rate Optimization | | Kingalan11 -
UX Design: Do Directional Cues Help?
Hi, Bit of a different subject really to the usual SEO chat but as most of you know UX/CRO fits in nicely with SEO. For those of you who know about directional cues, what are your experiences with them, what types of directional cues worked best for you? And has anyone had any positive experiences with cues and social buttons? For those who are not sure what directional cues are: http://www.ioninteractive.com/post-click-marketing-blog/2010/11/19/how-to-use-design-to-form-directional-cues-on-landing-pages.html Thanks
Conversion Rate Optimization | | activitysuper0 -
Any providers offering a/b testing using JS callbacks?
Hi all, I am looking to test the impact of buy button wording on conversion rate. The website in question has a few thousand products on non-dynamic URLs. The common a/b testing products on the market restrict tests to a single URL, or you have to enter all the URLs being tested which isn't practical. Ideal Solution What I'd really like to do is: use the provider's web app to configure an experiment with a name and a description of the variations; use some JS code to run the experiment with a callback to carry out the variation. This would allow me to easily put this code on the product details page template. I've written example code below for how this would look. When the experiment is run, the provider's framework would a) tell my code what variation to run, and b) handle the measuring of conversion rate. Questions Are there any providers which work like this? Is there an alternative solution on the market? If there isn't someone already doing this, would it be useful to anyone else? Joel // Loads the provider's framework. // Setting the experiment to run when doc is ready.
Conversion Rate Optimization | | switchplane
// Assumes jQuery environment.0 -
Site Design for SEO & Conversions
This is a Real Estate Website focusing on a local market. What would you change about this site for SEO Purposes? What would you change for Conversion Purposes? What would you change for Visual Appeal and User Experience? Thank you all for your help on this one. http://www.bronxpad.com
Conversion Rate Optimization | | bronxpad0 -
Using overlay content on landing pages - possible? recommended?
We want to use an overlay, like a modal dialog, in a landing page to show more information to support conversion without linking to another page or using popups. Anyone have any stats on success or risks? We've considered simple roll-overs to provide some more info, but everyone has raised alarms that we may be introducing a potential technical or usability hurdle for users. The overlay would display when someone rolled over or clicked a "Learn More" link on the page to provide additional offer reinforcement points to drive the visitors from consideration to conversion. Aside from our own testing, we don't have any sources to cite as to whether this approach can or will impact or aid conversion. Any insights would be appreciated.
Conversion Rate Optimization | | lh27121