Close Menu
  • For Buyers
    • Retail News
    • Products & Suppliers
    • Ecommerce
    • Marketing & Management
    • Trade Show News
  • For Suppliers
    • Supplier News
    • Marketing & Management
    • Importing
    • Manufacturers
    • Warehousing
    • Finance
    • Show Exhibiting
  • Wholesale 101
  • Trade Show Calendar
  • Wholesale Products
Facebook X (Twitter) Instagram
Sunday, June 1
  • Subscribe
  • Submit Content
  • About Us
    • Contact Us
  • Advertise
    • Display Advertising
    • Email Marketing Campaigns
    • Newsletter Advertising
    • Sponsored Content
    • Lead Generation Services
  • Top Product Sources
Facebook X (Twitter) Instagram
WholesaleCentral.com Blog
  • For Buyers
    • Retail News
    • Products & Suppliers
    • Ecommerce
    • Marketing & Management
    • Trade Show News
  • For Suppliers
    • Supplier News
    • Marketing & Management
    • Importing
    • Manufacturers
    • Warehousing
    • Finance
    • Show Exhibiting
  • Wholesale 101
  • Trade Show Calendar
  • Wholesale Products
WholesaleCentral.com Blog
Home»For Buyers»Ecommerce»How to Optimize User Experience Across Multiple Devices
Ecommerce

How to Optimize User Experience Across Multiple Devices

PublisherBy PublisherDecember 10, 2013Updated:February 3, 20234 Mins Read
Facebook Twitter Email
Share
Facebook Twitter Email

By Ben T. Smith, IV and Steve Trefethen

How to Optimize User Experience Across Multiple DevicesUser experience is paramount in today’s world of extreme competition full of independent, sophisticated consumers. In general, user experience refers to how people feel when they use a particular technology, and is often applied in regards to websites and apps. In the past, this was a relatively simple process that meant designing the website to be easy to navigate, nice to look at and quick to load. Now, however, people are accessing sites from a variety of devices including mobile phones, tablets or laptops with different screen sizes, interaction options and software capabilities. No longer can a website be designed only for desktops or laptops.

In a survey conducted earlier this year by Uberflip, a single person tends to use several devices practically at the same time. Nine out of 10 people have been found to use different-sized devices sequentially throughout the day. Two thirds of survey respondents typically use their smartphone and laptop or PC at the same time. People often begin their online activities on a smartphone, except when shopping or managing their finances. Meanwhile, tablets are the most common device on which to watch videos and plan trips.

Using responsive web design to create fluid content

Responsive web design means creating layouts and content that adjust based on the user’s device. These sites automatically determine the system that is being used, and chooses the proper formatting for the device and its screen size. In general, responsive web designs use a particular feature of CSS called media queries to recognize the user’s device and adjust the site to fit it. This strategy uses only one code base and one set of content. A visitor to a site with responsive design sees a layout that is most appropriate for the device their using.

This is in contrast to the more traditional method of providing mobile web content with a dedicated mobile website. In the older method, when a user accesses a site, it automatically recognizes that a mobile device is being used. It then redirects the visitor to a different version of the site designed for mobile access, usually formatted “m.website-name.”

Many tools and services have emerged to help people who are not front-end development experts. The Responsive Grid System is one such service. This is a free tool that provides the code to let a developer easily create a fluid layout grid. It uses columns and margins that scale to different-sized screens based on percentages, allowing developers to upload content without worrying about scaling it for different devices.

Examples of great responsive website design

The digital agency Social Driver recently posted its list of the 50 Best Responsive Website Design Examples of 2013. For best results, view with both a desktop/laptop and a mobile device. A couple of the best include:

  • The National Society of Collegiate Scholars: This beautiful site is mobile-ready with plenty of pictures and navigation options. It will fluidly resize based on the device being used, maintaining a strong focus on the website’s purpose of informing about the organization.
  • Dadaab Stories: This is a very attractive site, again making heavy use of big, colorful pictures that will resize themselves. Video is included in the background of the navigation screens, creating an immersive experience on any device. The navigation bars are simple and easy to use.

Web developers have no choice but to adapt to the wide variety of devices being used. The solution to optimizing sites and apps across multiple devices lies in responsive web design.

Ben T. Smith, IV is CEO of Wanderful Media, a startup reimagining the digital circular with Find&Save. He is also a Venture Partner at Accelerator Ventures and co-founder of MerchantCircle.com and Spoke.com. Smith blogs at btsiv.com, and you can follow him on Twitter at @bentsmithfour. Steve Trefethen is CTO of Wanderful Media. His experience includes senior engineering roles at Reply!, MerchantCircle, Borland, CodeGear, Microsoft and Falafel Software.
how to mobile smart phones technology
Share. Facebook Twitter Email
Previous ArticleRetail’s BIG Show 2014
Next Article Bottle Docker Beverage Carrier

Related Posts

How to Sell Without Inventory: Innovative Approaches to E-Commerce and Retail

October 29, 2024

Amazon Return Pallets For Sale: How to Profit

March 20, 2024

5 Essential Tax Season Preparation Tips

January 24, 2024
Sign Up for Buyer Updates
WholesaleCentral.com

Join the Buyer's Network

Get news & updates only for retailers.

how-to
Wholesale 101 for Buyers

Amazon Return Pallets For Sale: How to Profit

11 Mins ReadUpdated:August 9, 2024

A big trend among some online sellers is buying Amazon return pallets and overstock and…

Retail News

5 Essential Tax Season Preparation Tips

10 Mins ReadUpdated:August 8, 2024

Are you ready for tax season? April 18 is approaching quickly, and many day-to-day decisions…

Ecommerce

7 Steps to Create Successful Shipping for Your Business

6 Mins ReadUpdated:August 8, 2024

by Sidney Karanja Today’s business environment is more globalized and complex than ever before. In…

Product News

Overstock Liquidations

6 Mins ReadUpdated:August 9, 2024

Overstock inventory refers to the excess goods or merchandise that a retailer has on hand…

Latest Posts

Crafting a Marketing Strategy for Electronics Retailers

January 21, 2025

Effective Digital Marketing Strategies for Health & Wellness Brands

January 21, 2025

Mastering Beauty Ads: 10 Strategies for Engaging Your Audience | Blog.Wholesalecentrl.com 

January 21, 2025

Jewelry Marketing Strategies: How to Attract Customers and Boost Sales in a Competitive Market

December 31, 2024

How to Open a Gift Shop: A Step-By-Step Guide

December 23, 2024

Online Marketing Calendar for 2025: Don’t Miss These Critical Dates

December 17, 2024
  • About Us
  • Subscribe
  • Contact Us
  • Advertise
  • Find Wholesale Sources
WholesaleCentral.com

Join the Buyer's Network

Get news & updates only for retailers.

Follow Us:

Copyright © 2025. Sumner Communications, Inc..

Type above and press Enter to search. Press Esc to cancel.