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
-
We changed our domain, I used the move tool in Google Search Console and I am having our site redirected and go daddy, and now I spoke with someone who suggest we do a 301 redirect for all pages on our site and I’m not sure that’s the correct move.
We just changed our domain name after 15 years. when I bought the new domain name I called Go Daddy and they instructed me to contact my google G sweet admin account and change all of our emails over which I did and then I went into Shopify who is my host and changed my primary domain there and then I went back to Go Daddy and had my old website forwarded to my new site. since then there has been nothing but problems with Google. my product feed from my merchant center account has been suspended three or four times now, I tried to rename and move all of my Google accounts from my old domain to my new one, but I am not an SEO person... after making the changes I have started google chats with analytics department with the merchant center with Google as they all keep saying that it looks fine but I’m not convinced because the product feed keeps getting disapproved. So I posted an ad for help and the Guy I spoke with suggested I do a 301 redirect for every single page on my old site, But I’m concerned that might confuse things further? I’ve already started the move in Google Search console And in Shopify I added the old domain back into the domains section and am having it redirectEd that way too... I guess I’m just looking to know which way I should proceed, any and all advice is warmly welcome thank you in advance Maureen
Conversion Rate Optimization | | TooFast130 -
Using Anchor Link in the Main Navigation
Has anyone ever used anchor links as a drop-down in a sub-collection from the main navigation and does it have any negative impact on link equity? My client has large product collections and sub-collections, these are then separated into further subsections which are open within the same page (see attached). What I want to do ideally is in the main navigation feature 'Mad Hatter Costumes and Accessories'. This will obviously have a # in the URL though and I am was wondering if this might hurt the chance of the page ranking? If anyone has any experience in this it would be really helpful!! Thanks in advance 🙂 m5Qd5VO
Conversion Rate Optimization | | BAO.Agency0 -
Best to Include Phone Number as CTA Button in Mobile Version of B+B Web Site?
We are attempting to keep the number of CTAs (Calls to Action) on our commercial real estate website to a minimum. Our adjusted design (see attached) has 2 CTAs. One is "Contact Agent" the other is "Schedule a Tour". We are focusing on the listing page, which is the primary product page and critical in terms of CTA. Our mobile version does not show a phone number while the desktop version (also attached) displays a phone number. Should the mobile version also display a button a phone number? Some members of our target audiences, business owners and executives who are often in their 40s and 50s may prefer to call us up rather than communicate by written message. Any suggestions for elegantly displaying the phone number without causing confusion? I have read that the number of CTAs should be limited so I am on the fence as to whether or not to include a phone number Thanks,
Conversion Rate Optimization | | Kingalan1
Alan 6yR88Vt WwYpt810 -
Best Practices: Mobile & Desktop Ad Design for Adwords?
Is it possible to have Google Adwords display different page versions according to whether an advertisement will be displayed on a mobile or desktop device? We are a commercial real estate brokerage based in New York City. Most converting website use desktop rather than mobile. We are considering advertising on Google Adwords. Is it possible to have Google serve a more elaborate form of desktop landing page but have Google serve a stripped down version to mobile users? The stripped down version would be created using Instapage. From a technical perspective how would we create a more elaborate desktop version and have Google distinguish between the two? In our experience, mobile converts much less. How much less should we bid for keywords displaying on mobile? Thanks!
Conversion Rate Optimization | | Kingalan1
Alan0 -
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 -
Root or sub domain for my site? (I forgot which I used to target)
Hi there, I'm sorry for what is most likely a daft question with an easy answer. I have searched the web but whilst there are lots of answers about this generally, nothing seems to answer my specific problem. I have just begun relaunching my site - workingfirstaid.co.uk - but basically cannot remember if I used to try and get links pointing to www.work... or work... I know I have so few links already that it probably doesn't really matter, but I don't want to spend time pointing to the wrong version. My internal links point to the non www version, but searching google for [working first aid] brings up the www version. Thanks in advance for your time! Cord
Conversion Rate Optimization | | cordite0 -
How Do I Create a Google Analytics Dashboard for My Designer To Monitor Landing Page A/B Testing
Hello All, We recently started doing some "AdWords Experiments" using A/B testing of our search landing pages. My web design team does not have access to our AdWords account, but they do have "user" access to our Google Analytics account. What I need to figure out how to do is setup an easy dashboard (or custom report) that will show them at a quick glance how the two versions of their page are performing in terms of: Goal Completions (Conversions) where the specific page is the entrance/landing page. Bounce Rate Time spent on site where the specific page is the entrance/landing page. Pages viewed where the specific page is the entrance/landing page. Possibly a way to see the most popular page visited 'next' after starting on the specific entrance/landing page Anything else that might be useful The two URLs would be like: http://www.domain.com/search/testa/
Conversion Rate Optimization | | Robert-B
http://www.domain.com/search/testb/ Any insight about the best way to do this is greatly appreciated! Cheers!0 -
Is it possible to extract the exact USER search terms used on adwords campaigns?
Suppose I have a adwords campaign, with an adgroup targetting the broad match term "cell phones". Is it possible to get metrics on the exact keywords users have used to create ad impressions, clicks or conversions for that campaign? Many thanks
Conversion Rate Optimization | | James770