Mobile 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 […]

#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

The Standard The burger menu has become a design staple. Mobile navigation would be literal hell without it. You just tap on it and a collapsible menu appears.    Easy to close Since this menu covers page contents, closing it should be as hassle-free as possible once someone is done with it. A failure to […]

#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

Mobile users are extremely important to e-commerce. According to Oberlo, they now represent 73% of all ecommerce sales. A great pain point for mobile users is the keyboard which typically takes up half the screen space. A standard mobile keyboard layout has 40-46 keys tightly packed together. This leads to errors when typing long text […]

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

Given that 53% of global internet traffic comes from mobile devices, making accommodations for your mobile visitors is crucial for a great user experience.   Allow swiping Swiping is the second most used feature on touchscreens after scrolling. The gesture is deeply rooted in human psychology and even babies have been observed making it when […]

LOAD 20 MORE