1. Business Ideas
  2. Business Plans
  3. Startup Basics
  4. Startup Funding
  5. Franchising
  6. Success Stories
  7. Entrepreneurs
  1. Sales & Marketing
  2. Finances
  3. Your Team
  4. Technology
  5. Social Media
  6. Security
  1. Get the Job
  2. Get Ahead
  3. Office Life
  4. Work-Life Balance
  5. Home Office
  1. Leadership
  2. Women in Business
  3. Managing
  4. Strategy
  5. Personal Growth
  1. HR Solutions
  2. Financial Solutions
  3. Marketing Solutions
  4. Security Solutions
  5. Retail Solutions
  6. SMB Solutions
Product and service reviews are conducted independently by our editorial team, but we sometimes make money when you click on links. Learn more.
Archive

Responsive Web Design: Device Size Shouldn't Matter

Kevin McNally, CEO and Founder of Interactive Palette, contributed this article to BusinessNewsDaily's Expert Voices: Op-Ed & Insights.

With tablet sales expected to exceed sales of $100 million in 2013 and mobile phones as common today as land lines were yesterday, it has become a necessity for web site design to provide an optimal viewing experience no matter the size of the device.

Enter responsive web design; in a nutshell, web site design where flexible images, type and grids adjust to fit the screen the site is being viewed on. Responsive design is a high priority item for developers these days due to the number of users accessing the Internet via devices other than a desktop computer.

As the variety of monitor/screen shapes and sizes continues to grow, so too will the need for design that adapts all elements to accommodate all screens.

Perhaps most vital to responsive design is typography. What might look great on a desktop could be impossible to read on a mobile device. Type must be optimized based on screen width, keeping in mind that for standard web sites 50 to 75 characters per line works well, while 35 to 50 characters per line is best for mobile devices.

What must also be taken into account is the short attention span of most smartphone and other mobile device users. People want to see what they want to see and nothing else — and they want to see it quickly. Most of the time, hours of operation, a phone number or directions are what matters most, so the inclusion of comprehensive content is not a priority.

Keep in mind that while responsive web sites are often geared toward mobile devices, their "mechanics" are not exclusive to mobile sites; they scale up and down accordingly to fit the size of the screen being displayed on — from standard PC screens to tablets to smartphones.

It's all about flexibility when it comes to responsive design … that includes grid, typeface, images and design itself. There are times when the best options for various browser sizes incorporate changes to the original design concept. As such, some content and pictures might be concealed to create a better view on smaller devices. The other option is an overall streamlined design scheme to allow for a more uniform look across all devices.

Another key component of responsive web design is navigation. The large number of mobile device users who touch instead of click has created a growing trend toward larger navigation elements as they are easier to "tap." Navigation should be designed with the smallest screen in mind, with elements added for larger sizes.

Responsive web design will continue to evolve, as will technology. It is imperative for web designers to keep abreast of new devices as they enter the market … and to keep an open eye on evolving user habits.

The views expressed are those of the author and do not necessarily reflect the views of the publisher.