A mobile-friendly site design offers a clean, simple shopping experience that doesn’t overwhelm or confuse people. We’ll show you how it’s done. Before that, if you’ve missed the first 2 articles of my Web4Business Series, must read them. You can read my previous blog on how to create a website that converts browsers into buyers.
Mobile site design does not come “one size fits all.” You can approach your design in different ways. Some people don’t use a mobile site and instead create an app customer need to download and install. Some go “mobile-first,” doing their mobile site before designing for desktop. Others keep their existing desktop site as-is and create a completely new, separate mobile site. We’re going to focus on responsive design, which is what most businesses end up using. It’s a good way to create a flexible website layout that adapts to different screen sizes, resolutions, and devices.
The responsive design caters to your customer. No matter what screen size or device they are using, your website will look great and work well. Customers familiar with your desktop site can easily navigate your mobile one, too. That makes it easier for them to browse and buy, which means you’re making more conversions and revenue from the mobile. Responsive design can actually help search engine optimization. Mobile-friendly sites show up higher in search results — especially if the person is looking for a local service.
Okay great, you’re ready to create a mobile site. Maybe you even have a designer or agency to help. But wait…
Whether you’re judging the work or the work people do for you, you should know some mobile site design best practices.
- Should your call to action be front and center?
YES! Make sure your call-to-action button is right where your mobile customers can see it.
- Should a big promotion be the only thing people see on your landing page?
NO! Promotions shouldn’t overshadow navigation, important content, and the call to action. Guide your customer through your website instead of distracting them and confusing them.
- Should you give customers a detailed menu with lots of options?
NO! Mobile customers like a short, simple menu. A single option called “Women” works better than a bunch listing every type of women’s clothing.
Use vertical instead of horizontal menu navigation.
- Should your logo be tappable?
YES! Most people will automatically assume that clicking your logo will them to your homepage.
Those were some solid mobile site design basics. But you can always focus on specific goals to improve your design and make it easier to navigate your site and faster to buy your products.
Help people search your site easily
Make it simple for people to find what they’re looking for and they’re more likely to buy it. Put your search box at the top of the page so it’s easy for people to search your site. Add features like auto-complete and auto-correct. They help your customers deal with tiny search boxes on their mobile screens. Let customers narrow down their search (if your product allows it). For example, instead of only allowing them to search for an item like “shirt” let them choose size, color, style, etc.
Make the purchase process quick
Don’t give your customers a chance to get cold feet. Help their path from browsing to buying be effortless. Let customers date you before they marry you. That is, let them explore your site without having to register for an account first. Speed your customers through the purchase process by giving them the option to check out as a guest. Pre-fill returning customers’ preferences during checkout. Let new customers use their third-party checkout service.
Help people enter their info on your site
If customers can’t fill in their information correctly on your site, they can’t complete their purchase. Have a numeric pad pop up if customers need to enter numbers and give them a visual calendar to choose dates from. Auto-advance them to the next field when they’re done. Use a drop-down menu when you’re giving customers a lot of options. Check for errors as the customers fill in info so they’ll know if they have to correct something before they hit “submit.”
Hire a Professional
It’s best to hire a professional to design a customer-friendly mobile site for you. If you’re looking for a talented and professional web designer, Fiverr is the right platform for you. You can search for professional web designers, choose from hundreds of talented sellers, and get your work done.
Get 10% OFF on your first order on Fiverr