Like HowStuffWorks on Facebook!

How Creating an Online Business Works


Adapting Your Website for Mobile Devices
Responsive design ensures that a website looks good whether viewed on a laptop, tablet or smartphone.
Responsive design ensures that a website looks good whether viewed on a laptop, tablet or smartphone.
solid-Istanbul/iStock/Thinkstock

A 2013 report showed that 40 percent of Internet time was spent on mobile devices [source: Sterling]. And that number has only grown since then. So, your website had better look good on tablets and smartphones as well as computers. This can be a challenge, particularly with hand-held devices. Sometimes a design that looks great on a large screen is too cluttered on a small one. So, your first step should be to examine your layout on a smartphone or using the link at Google mobile-friendly test. If you don't like what you see, here are some tips to improve its look [source: Schenck].

  • Use simple page designs and large font sizes
  • Make your clickable buttons large, so the viewer doesn't accidentally hit two of them at the same time
  • Put key information (like the shopping cart symbol or contact information) near the top of your homepage

You can create a mobile version of your existing website that will link to your main site for free or low-cost, using a service like Mofuse. But an even better strategy is to rebuild your website so it auto-adjusts to match the size of the mobile device. This is called responsive design. If you're hiring a design company (and it may seem like the preferred option with all the extra steps you must perform), make sure you tell them you want a site that will look good on a PC, a tablet and a smartphone. Google also offers a guide on how to make your site look good on mobile devices — as well as be found by its search index.