Designing a landing page that looks great when accessed with mobile devices is no longer an option - it is a necessity. In April of 2015, Google is requiring sites to be mobile-friendly if they want to rank high in search results. Here are a few design ideas that will help you survive 'Mobilegeddon.'
Are you now sure if Google sees your site as mobile friendly? Use Google's Mobile-friendly test tool and find out now. Even if your site is responsive ensure Google sees it that way.
Be Clear About Errors
There are some landing pages that are not really forthcoming about the errors made by users. Since they may not realize they are doing something wrong, it will appear that the error is on your end, which means that they will leave without answering your call to action.
People who use mobile devices tend to make typing errors far more than others. This is why you should create an intuitive form that points out errors and encourages people to try again.
Make Sure There Is Enough Contrast
One problem that people have with call to action buttons is the fact that they sometimes blend into the background. Since Google wants every site to be optimized for mobile, you can be sure that this is one of the things that may be a huge factor when it comes to 'Mobilegeddon.'
Even if you want to use colors that are a bit similar in shade, there should definitely be some way for the user to tell that there is a button that needs to be clicked.
Offer Scroll Cues To The Reader
Sometimes when people visit websites from mobile devices, it is hard for them to see the entire screen without scrolling. If there are no scroll cues, this may give them the idea that they have read everything and they will leave the site right away.
While you don't want to make these cues so large and noticeable that they take away from your page, you certainly want to provide readers with a clear path to continuation.
Provide People With Enough Empty Space
As you were told a bit earlier, it is very common for people who are using mobile devices to make mistakes when they are typing. This is an even bigger problem when it comes to navigating a landing page.
If more than one clickable area exists, you need to ensure that they are spaced apart. Failing to do this means that you will have people hitting things that they did not intend to on the way to finding what they need. It is also a great idea to add empty space so the reader will not feel overloaded.
Choose Photos Wisely
People with mobile devices tend to have less patience than those who access sites with Macs and PCs. This is why it is crucial for you to include a great photo for your landing page. If people navigate to the page and they see a picture that is not very pleasing, chances are they will log off and look for what they want elsewhere.
The best thing to do is consider the product and service you are trying to sell and figure out what types of pictures will offer a positive response/ For example, a picture of someone crying would not be appropriate if the landing page is for a company that sells party supplies.
You may be a bit intimidated by the thought of 'Mobilegeddon,' but preparing yourself for the big day should put your mind at ease. Since mobile users make up a large part of online shoppers, you should try your best to cater to them. Use everything you have read here to design a landing page that will make them adore you.