312.768.6800 | Contact Us | Support

The ePublishing Blog

Making Mobile Responsive Design a Reality

February 05, 2013

We are living in an increasingly mobile-centric world. Recent research says that nearly one-third of American adults now own a tablet or e-reader, while 50% of U.S. adults own a smartphone. Tablet and smartphone use continues to escalate and it is estimated that tablet use will soon outweigh desktop use. As a publisher, you might be seeing a significant rise in your own site visits from people using mobile devices. If you aren’t, it’s only a matter of time.

It’s imperative to ensure your readers are having a positive and engaging experience when accessing your content using a mobile device, or you risk losing them to other, friendlier venues.

To App or Not to App?

Digiday posted an insightful piece in which they asked publishers and media executives about their mobile strategy, weighing app development vs. a responsive design approach. The consensus? It’s not either/or—and in fact, most chose some combination of the two. Yet, Jim Bankoff of Vox Media distilled the heartbeat of any approach down to four words: seamless experiences across devices.

The reality is, for small publishers, investing money and resources into app development can be a tedious and costly process. Therefore, choosing to focus on responsive design for your website, first, is not only a rational, but very cost effective approach.

Selecting a SaaS CMS platform with ultimate adaptability and flexibility should enable you and your provider to bring mobile responsive coding and design to the forefront, with functionality as seamless as the best eNewsletter Integration and cross-browser capability—without costing you additional personnel or the fees associated with mobile app development.

How Do You Create a More Mobile Responsive Website?

If your baseline approach is to create a seamless experience that your readers love, are already accustomed to and will not be inclined to question, then it makes sense that your top priority would be to:

Create an App-Like Experience. 

  • Think in terms of app-reading styles: swiping instead of scrolling or horizontal vs. vertical.
  • Apps are about action. This is an opportunity to distill your calls of action down to one, clear, simple fluid movement. It’s essentially a highly refined version of user-friendly navigation. Make pathways obvious with bold visuals and strategic placement, which leads to:
  • Think buttons and icons instead of text and tabs. In the app world, images equate to action. Make it easier to take that action.
  • Make your homepage the activity center. Present all actions on your site, right at the homepage, so readers don’t need to search for what they want to do. Do it with a clean and intuitive design. Simplify, simplify, simplify. Which includes:
  • Optimizing for retina display: make buttons/icons bigger to foster touch screen capability, include forward and back buttons, and use bigger fonts.

In addition to creating a more app-like experience, Rob O’Regan talks about four more web design principles:

Reduce the Clutter.

This is integral to the app-like experience, but also addresses the issue of scale with a variety of mobile use. Again, make it visual, with images and less text and keep it clean. Clutter amplifies at smaller scales.

Slim it Down to Speed it Up.

If you use lean implementation, you are less likely to run into slow load times—a key factor in whether or not people actually arrive at your site. When you consider that the average visit can be about one minute and not usually more than 3, every second counts. Of course, it’s important to figure out how to keep them there too.

Dig Deep on Social Sharing.

Readers are not only interested in what’s most read these days, but what is most shared. So aside from including your social sharing buttons, consider adding most shared indicators to your homepage and shared tickers to individual articles. 

Integrate the Ad Experience.

It’s a time of great experimentation with online advertising. Several approaches are being tested with the goal of still providing valuable ad space while minimizing disruptions to readers. Some publications are trying interstitials: where ads appear between pages, while others are trying to surface custom ad content. But there are ample opportunities for lead generation—including custom buyers guide listings (download our Microwave Journal Case Study to learn more).  The point? You don’t want your ads to contribute to the clutter or disrupt the experience, which can be a lot trickier on a mobile device. Be deliberate, experiment and get creative.

ePublishing’s team prioritizes mobile responsive design, as a company standard. We are working to fully integrate mobile responsive design into all of our clients’ websites, so you can focus on what’s important: your content, your readers, your revenue.  

 

Case Studies, White Papers & Product Information delivering advice & information to get more by publishing in the cloud.

Site Relaunch Increases Revenue 36% Make More Money With A Cloud CMS Go to Resource Center
 
 

ePublishing Blog

Audience Behavior, in Focus: What Millennials and Moms Are Doing

We've talked recently about current trends in audience behavior. General trends provide valuable insights for your content marketing approach—but it’s also helpful to try and drill down to specific facets of the population—to focus our tactics to engage specific readers.

Thinking Digital: What the NY Times Innovation Report Tells Us, Part II

The NY Times digital innovation report tells us that learning how to think digital is the key to success.

Revenue Dreaming: Build a Better Event

Focusing on subscriptions, renewals, and ad revenue is a tried and true recipe for success in the media industry.  Increasing Revenue per Reader, however, requires a willingness to leverage our industry  expertise, experience and energy to deliver an experience that becomes a value-added component of an effective media strategy. While the New York Times has just recently made Events a priority, leading BtoB publishers and Niche Media show the way for the rest of us.

Thinking Digital: What the NY Times Innovation Report Tells Us

There’s been a lot of buzz about the leaked NYT digital innovation report. And there should be.  

Why Marketing Automation, SaaS and Individualization Go Hand in Hand

 There is a lot of talk these days about personalization, or more precisely, individualization. And for some, it might seem like all the hype came out of the blue.

Six Reasons Buyers' Guides Should Be Part of Your Revenue Model

As a BtoB publisher, you know that revenue diversity is the key to success in our digital world. It’s no wonder that buyers' guides or directories are becoming an even more powerful tool for publishers—providing valuable information to readers and precious ad space to sponsors and advertisers.