“In the USA, 94% of people with smartphones search for local information on their phones.
Interestingly, 77% of mobile searches occur at home or at work, places where desktop computers are…present,” says Google.
And mobile searches outpaced desktop searches in 2016 and that gap has grown each year since then.
This post will provide you with 5 design tips to help your mobile website produce more profits for your company.
1. Create A Mobile Design That’s Simple And Easy To Navigate
Minimalists artist during the 1960’s stripped down their art to its bare essence removing anything that would detract from the viewer’s experience.
And when designing your mobile website, you must learn to think like a minimalist artist. So, keep in mind that “mobile first” is about minimalism.
So when designing your mobile website there is no room clutter, your website must get right to the point of the user’s reason for being there in the first place and do it quickly.
In short, you must avoid anything that gets in the way of the user’s experience and remember that you are creating a design for a small screen so keep it clear and simple.
2. Make Sure Your Fonts And Text Are Easy On The Eyes And Readable
How many times have you went to a website on your mobile device and the text was so tiny you couldn’t even read it?
You probably bounced, didn’t you?
In mobile website design, your font and text size is an extremely critical factor in the success of your website.
So make sure you use a font that’s large enough to be easily read by users who do not have 18-year-old eyes anymore.
According to Creative Bloq, there are 10 good mobile fonts. Here are four of them:
- Open Sans
- Old Standard TT
- Abril Fatface
- PT Serif
What’s important is that every word on your mobile website can be read easily without zooming, which will put a barrier between your mobile website and users.
Also, be sure that there is good contrast between your text and background. You can use a contrast checker to measure this.
3. Avoid Pop-Ups That Frustrate Users And Can Get Your Website Penalized
You should avoid using pop-ups in your mobile website designing because many mobile device browsers don’t support pop-ups and creates a very frustrating user experience.
Plus, Google will penalize your mobile website because they want the users experience to be as seamless as possible when they provide informative content to their users.
How do you stay out of Google jail when using pop-ups on your mobile website? Here are a few tips to help you:
- don’t use pop-ups that come up immediately or after a short period of time
- don’t use pop-ups that must be manually closed because they should close automatically
- don’t use a layout or design that covers up content and make the user have to scroll
Finally, if you do use pop-ups in your design, you should follow these tips to help make sure they’re mobile friendly.
4. Use Good Touchscreen Design Techniques That Are Finger Friendly
According to Google: “Touch targets include the area that responds to user input. Touch targets extend beyond the visual bounds…like an icon may appear to be 24x24dp but the padding surrounding it comprises the full 48x48dp touch target.
Consider making touch targets at least 48x48dp, separated by 8dp of space or more, to ensure balanced information density and usability.”
And many users often miss the target their aiming at when using touch screens because most users fingers, especially men’s, are larger than the target.
Here’s some advice from Smashing Magazine on the subject of touchscreen design:
- Mobile devices and languages will change, but as long as there are touchscreens, the thumb zone will remain a critical part of design.
- Navigational design is thumb-friendly when important links are in the easy-to-reach zone and unimportant links are in the hard-to-reach zones.
- Cards are a powerful design asset when content and actions are thumb zone-friendly.
- Determining swipe gesture areas becomes simpler when we consider how a person’s thumb swipes against the screen.
Smashing magazine provides some good insight into designing your mobile website for touch. This is called the “rule of thumb” which means you should design mobile for the thumb.
5. Make Sure Your Mobile Website Loads Fast Or You Will Lose Users
The speed that your mobile website loads have a tremendous effect on your bounce rate. And according to Google, here’s what bounce rate looks like when you page takes more than:
- 3 seconds to load the bounce rate is 32%
- 5 seconds to load the bounce rate is 90%
- 6 seconds to load the bounce rate is 104%
These are some remarkable statistics that show every second counts when it comes to mobile website load speed.
Amazon estimated that a one second slow down in its page load speed would cost them $1.6 billion dollars in sales a year.
Here are a few more stats on speed:
- one in four people abandons surfing to a website if its page takes longer than four seconds to load.
- four in 10 people give up accessing a mobile shopping site that won’t load in just three seconds
- fifty percent of people won’t go back to a business that kept them waiting for something
Moz recommends in an excellent post 15 things you can do to increase mobile website speed. Here are five of those things:
- Leverage browser caching
- Enable Keep-Alive
- Enable gzip compression
- Make page redirects cacheable
- Use content delivery network
Remember, that both your mobile speed and bounce rate are two important Google ranking factors.
While this is not a definitive guide on mobile search design, these five tips will help you get started improving your mobile website if you’re coming up short in any of these areas.
These five tips are create a simple design, make sure your fonts and text are readable, avoid pop up at all costs, design your website for touchscreen, and make sure it loads fast.
Use these tips and you’re sure to get a lot more of those 94% of mobile searches turning up at your mobile website.
Creating the content you need can be a time consuming and frustrating process. But it doesn’t have to be because I’m here to help you. Contact me today for the content you need!