Smart phones are handy and way more accessible than desktop or laptop. So, it is not a surprise that more than 50% of global internet website traffic is attributed to mobile devices. Chances are that you are reading this blog on your smart phone.
In my experience, unless the content is specifically built for mobile, like m.learning modules, developer’s primary focus is desktop version of the site. As the website owner or developer, you must think of any landing page from mobile view perspective, since the initiation stage.
Here are 7 to do’s you need to ensure when developing content for mobile-
- Content. Use short and crisp sentences. It’s a skill I am still learning. Try that none of your sentences take space worth 4-5 lines on mobile. It becomes difficult to scroll, read and comprehend. Use intriguing headlines. Dry Waters, one of my favourite blogs, seems to follow this trick quite efficiently. Take a look at the screenshot below.
- Formatting and Colors. You need to be really careful about the space, the colors and the fonts used on your mobile site. Use clean layout, white or light shade background. Choose legible fonts.
- Updates. Make sure your developer updates your website regularly. With every software update, check if any change or update required on your site, esp w.r.t. major operating systems – iOS, Windows, Android.
- Plugins. You need to make sure that the plugins you are using are compatible with different mobile devices. Especially when the content is critical to the site. For example, adobe flash is not supported by iOS. Be mindful of the format of every file or plugin that goes up on your site. The idea is – be simple and interesting.
- Accessibility. In my experience, mobile users are more impatient that desktop users. One of the reasons, according to me, is that on desktop/laptop, you can open multiple tabs and can have easy view of all of them. While on mobile, if a site doesn’t load in 2-3 seconds, there are less chances of you getting back at it.
- Interactivity. This is one of the most important points on the list. Every scroll is work and every click is engagement. Make it worth your user’s time. Give them easy ‘action points’. For example, the landing page of Amazon looks something like this – easy access to all things I might be looking for – my previous orders, potential future orders, other useful links.
Here is another non-e.commerce site, that has got a nice hang of this point
- Make it visual. Less text, more graphics. Use videos, gifs, infographics, relevant photos supported by cogent text. Keep it interesting, so that the user is compelled to stay on the site.