Open Enrollment | Subscribe to Target Marketing HERE
Connect
Follow us on
Advertisement
 

5 Responsive Design and Cross-Screen Optimization Tips

February 26, 2014 By Roey Franco
1
Get the Flash Player to see this rotator.
 
Chances are, you're reading this article from your mobile device or tablet—and pretty easily at that. So what's keeping your customers from browsing through your site or making purchases from their small screens?

During holiday seasons, online traffic plays a big role in revenue and conversions for e-commerce sites. According to Branding Brand, mobile-optimized websites are gaining an edge. Their data below represent traffic to mobile Web only, not apps for handsets/tablets.

Mobile Web traffic vs. Thanksgiving/Black Friday 2012

  • Visits increased more than 75.65 percent
  • Page views increased more than 88.32 percent
  • Average order value increased more than 22.08 percent
  • Mobile sales increased more than 186.54 percent

This makes sense because there are more mobile devices on the market now, but it also reflects how consumers have changed the way they shop online. That's a fact e-tailers can't ignore.

So how do you get on this trend? How can you make your online buying environment hospitable on any screen?

The answer is responsive design—the key to attracting potential mobile users in this rapidly changing environment. Here are some tips to get you started:

1. Build Fluidly
Your site looks great on a desktop, but what happens when your user switches to a tablet?

Will your site still be readable and easy to navigate? Although tablet devices have the same—if not more than—the screen resolution of desktop monitors, they still limit images to a 9-inch screen vs. a standard 22-inch monitor. That means users will have a hard time navigating your site when all the buttons and menus shrink to fit the screen size.

As there are numerous devices out there with dozens of screen resolutions, creating a layout for each one can be time-consuming and inefficient.

This is where responsive design comes into play. It lets you design just three layouts for desktop, tablet and handset, each of which will dynamically change to suit all the screen sizes in between.

From a production point of view, the task is to build one responsive layout and adjust it to three scenarios, taking the user experience into account to consider touch gestures such as:

 
1

SPONSORED CONTENT

MORE ON ONLINE MARKETING >>

FROM THE BOOKSTORE

Reading The Ultimate  Insider’s Guide to Winning Foundation Grants is like peeking at someone’s  secret diary or personal email.  You feel  guilty.  This is privileged information.
Only in this case Martin Teitel WANTS to reveal everything  to you. A
 long-time foundation CEO, he’s fed up with the smoke and mirrors of  
grant seeking. Ultimate Insider's Guide to Winning Foundation Grants

Reading The Ultimate Insider’s Guide to Winning Foundation Grants is like peeking at someone’s secret diary or personal email. You feel guilty. This is privileged information. Only in this case Martin Teitel WANTS to reveal everything to you. A long-time foundation CEO, he’s fed up with the smoke and mirrors of...

ORDER NOW

One of the only books for fundraisers on monthly giving! Tips on how to make monthly giving work alongside other fundraising effortsHow to acquire monthly donors through different channels such as email, social media, direct mail, television and radioAnd much, much more! Monthly Giving: The Sleeping Giant

One of the only books for fundraisers on monthly giving! Tips on how to make monthly giving work alongside other fundraising effortsHow to acquire monthly donors through different channels such as email, social media, direct mail, television and radioAnd much, much more!...

ORDER NOW

 

COMMENTS

Click here to leave a comment...
Comment *
Most Recent Comments: