Mobile Responsive Design Principles: Make Your Site Smartphone-Ready

Aaron von Frank / April 8, 2019

, , ,

Mobile responsive design is essential for modern websites, as it allows a website’s appearance to automatically optimize to whatever screen size/device (mobile, tablet, or desktop) a site visitor is using. According to Statista, 52 percent of all web traffic now comes from mobile devices, and mobile traffic increases yearly. This is one of the most important statistics for you to keep in mind if you’re a website owner.

If your website isn’t mobile-friendly, people won’t find, visit, convert, or continue to use your website/business. Popular platforms like WordPress.com make it easy, since all of their themes are mobile-friendly (even the free ones).

Here are three steps to make your responsive website more mobile-friendly.

1. Compress your files

The compressing of CSS, HTML, and JavaScript files on your WordPress.com site is automatically taken care of. However, if you’d prefer to compress the files on your own, you can try using custom designs.

When it comes to compressing images, WordPress.com sites have a big advantage, too. They automatically use Photon to both compress your image sizes and serve them via a content delivery network (CDN). Therefore, no matter where in the world your site visitor is, your images will automatically be compressed and delivered to their computer via a nearby server network.

2. Simplify your navigation

Whether your navigation menu collapses into a single icon or displays horizontally at the top of a mobile window, the same rule applies — keep it simple.

Too many navigation choices or sub-menus can be overwhelming, and they may even create formatting problems on mobile devices.

3. Write mobile-friendly web copy

Your site visitors can be lumped into three categories: skimmer, swimmers, and hybrids. Skimmers will scan a page to pick up key details, while swimmers dive in and read every word. However, hybrids alternate between skimming and swimming depending on their initial interest level and whether your site engages them.

Part of your mobile-responsive design plan should be writing for all three types. Use E-Write’s recommendation of the “Bite, Snack, Meal” method. Bite, or use page/post headlines to tell readers what to expect (for example, “how our services slash your expenses”). Snack by creating summary and/or conclusion sections which provide a concise takeaway. And then meal by adding more detailed explanations that fill in the blanks.

Be sure to use these tips to ensure that your website has a more mobile-friendly design.

Create your new blog or website for free

Get Started