showing 20 of 216

#1

Header

Opt for a consolidated header that takes minimal space

Compact and Uncluttered The header is  the first stop for anyone using your site. It should announce who you are while offering easy navigation to the rest of the site. The fact that the header appears on every page makes it doubly important for you to get it right. Your header should offer as much […]

#2

Home

Add a Link Bar

A link bar is an essential navigation tool that advertises your main product categories just below the header. It also helps with customers who may be too lazy to open the collapsible burger menu.     A bit of data Growth Rock saw a 5% increase with 93% statistical significance by adding a Link Bar. […]

#7

Footer

If calls are important for your store, have a prominent CTA button

How prominent should it be? In most cases, having the phone number in the burger menu and the footer is enough. However, depending on your store, if you want your users to just pick up the phone and call you, then that call to action can be made sticky (a bar at the top or […]

#9

Header

Have as few menu items as possible

15 seconds. That is the average amount of time a person spends on one website. This means that any website needs to be compact and easy to navigate so that the user can process the most important information within that window of time. Having a simple menu with fewer menu items is one sure way […]

#15

Header

The burger menu should be easy to close

Below is a rough mockup which shows the burger menu in action, when closed and open. If there is an X button, it should be big enough to be easy to click, and in the same location as the burger menu icon The left swiping gesture (if it opens from the left) should close it […]

#26

Misc

Avoid full-page popups

According to research by Hubspot, 73% of mobile users are annoyed by full screen pop-ups. But we didn’t need research to tell us that. You hate pop-ups, I hate pop-ups, and everyone I know hates pop-ups. Even Google hates pop-ups and will penalize you severely in search rankings if your site is notorious for intrusive […]

#68

Product

Have a sticky Add to Cart bar or button

This also goes for the “Continue to Checkout” button in the Cart: make it sticky on mobile. On desktop, you can either do the same as on mobile, or you can have a large button (or two – one at the top and one at the bottom of the Cart page) with a contrasting color. […]

Checkout

Show the appropriate keyboard

Based on the field type Show the correct keyboard based on the type of the field the user is typing into. For example, if they’re entering a phone number or an email, then it should be a different keyboard than when they enter their first name.   Email keyboard   Name keyboard     Phone […]

Misc

Optimize your store for mobile

A few stats about mobile ecommerce According to Shopify, mobile traffic now accounts for 50% of visits, and about 35% of purchases. During the 2018 holiday season, about a third of online purchases came from smartphone users. On Black Friday, with 6.2 billion in online revenue, 40% of sales came via a mobile device. During […]

Header

Simplify your logo on mobile

There’s less space on mobile. The ideal solution is to have a logo already so simple that it is just as clear on desktop and mobile. But perhaps that’s not your case. An easy solution to that is to simplify it. If on desktop it contains a slogan underneath, remove it on mobile. Make sure […]

Product

Allow users to swipe through product gallery images

On mobile It should be possible to swipe through the images instead of having to click on each thumbnail. Considering that 53% of global online traffic comes from mobile devices (for the US, it is 57%), this is especially important to a good user experience.

LOAD 20 MORE