Creating Better Mobile Content
All content needs to be developed with a mobile-first strategy from headline choice to paragraph length. This week’s post helps give you six tips to consider when creating your content.
While we are all now living in a post-mobilegeddon world, many of us are still implementing a mobile strategy. This strategy should consider several factors including:
- viewport size,
- cellular vs. wi-fi, and
- load times.
It should also include a review of existing content and a rethinking of new content down to what I will call the “cellular” level (no pun intended). Mobile is a different platform and content needs to do more than simply fit on the screen, it must be optimized for the user’s experience.
Responsive Design is not Enough
To paraphrase Mr. Spock, responsive design is the beginning of your mobile strategy, not the end. In many ways, responsive design as most of us think about it only ensures that your website and its content responds to fit on whatever device being used. Most of the emphasis of responsive design in practice is on the design, not on the content.
I would argue in fact that a more important definition of responsive (that is often forgotten) is in terms of how fast your site responds. How quickly does it deliver the content the user has requested? Some of the responsiveness involves the site’s back-end, code, scripts, and CSS.
But it also involves your content’s structure and how quickly a user can see what you have to offer on their mobile device. You should not rely completely on responsive design, nor should you rely on content practices that worked for the desktop.
Users consume web content much differently on a mobile device than they do on a desktop. The old accepted patterns of “above the fold” and the “F-shaped pattern” popularized by Jakob Nielsen no longer apply. According to research by Briggsby, users now focus on the center of their device screen. This makes fitting as much critical information into this “sweet spot” key to user engagement.
Headlines are Even More Critical
I’ve discussed ways to improve your headlines recently, and many of the tips discussed are just as relevant when considering your mobile content. Using succinct headlines helps reduce wrapping on smaller screens and helps to ensure that the headline will fit within the new mobile “sweet spot” as mentioned above. Lengthy headlines can break in ways that drop them below what could be called the new fold or force a user to scroll to even read your headline. Optimally we would want the headline to easily fit on the initial screen without any additional scrolling needed.
Provide a Brief Summary
If possible an introduction should also be viewable within the same screen as the headline. This may not be possible every time, but this introduction should be written with a smaller screen size in mind. It should be scannable as to help the user quickly decide whether the article is pertinent.
And just as with headlines, it should be honest and not clickbait. I call it an introduction, but you can also think of it as a summary that sets up the reader and prepares them for what’s to come and what they should get out of the content once they’re finished. Its standard writing best practice, but be aware of the smaller screen size and the importance this places on every word.
The headline, introduction and in fact every word throughout your content should be important whether you are thinking of mobile or not. This helps you create the most efficient content possible as I have discussed several times before.
To be honest, I at times may not fully practice what I preach, because I also believe in the importance of the distinctive voice in content. However, we should all strive for a balance between humanizing our content and being verbose to the point that users don’t read what we write (criticisms of my verbosity are welcome in the comments section below).
Be sure to review any content you are creating in a small view-port to at least mimic how it would appears on someone’s smallest device possible (not a watch, yet?).
Images are a double-edged sword
There are ongoing conversations about the pros and cons of images. This includes the wonderful possibilities of what are hopefully not permanently being called “gifographics” or animated infographics. And also the challenges of making graphics accessible to all our site visitors. Images can convey a lot of information quickly and can be very efficient. But many infographics still scale poorly on mobile and can be both bandwidth and screen hogs. At a minimum understand the tradeoffs associated with graphics and mobile alongside their efficiency and desirability among users.
Use Paragraphs Wisely
A great infographic (nice segue eh?) produced by Buffer and Sum All provides guidelines for how long pretty much everything online should be. Their guideline for paragraphs is 40–55 characters and I view that as a maximum. Paragraphs should be used for impact and as a clear way to break up your content and the points you are trying to convey. U.S. News points out that reading long paragraphs requires greater concentration than most people are capable of when using a mobile device.
I like Neil Patel’s description of paragraphs as “speed bumps” that you can use to control the flow of how users consume your content.
Short bursts have greater impact.
Most of what I’ve covered in this post should sound pretty familiar. Having a mobile-first mindset when it comes to generating content helps you stay focused on the efficiency of each word you write. As opposed to envisioning the large canvas that a desktop browser represents, picturing a smaller smartphone screen helps drive home the importance of each word. Remember that creating great mobile content equals great content.