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

Social Media: Keys to Shareable BtoB

Social media is a likely a large component of your editorial and marketing strategies. Thinking about what makes your content shareable can really help to expand your audience and your reach.  

What Publishers Should Ask About Responsive Design

The nature of responsive design will continue to evolve, but your content will always be at the heart of it. That’s why questions like this should be part of the conversation with your designer. 

BtoB Audience Personas: Four Tips for Publishers

BtoB publishing is its own animal and there are a few key points to remember when establishing and applying audience personas to your content marketing approach. 

Five Reasons Why Segmentation = Revenue

Data is only data, unless you do something with it.  That’s why we start by using it to segment our audiences. 

Four Reasons Your Readers Will Love Behaviorally-Targeted Content

 We’ve been talking about how behavior-based content can drive revenue and increase the value of your audience’s experience. 

4 Reasons Publishers Love Behaviorally-Targeted Content

Behavioral Content is content that responds to how readers interact with your website. But, it’s more than that.