Is Your Website Mobile

July 11th, 2008 dr.richard Posted in Website design | 4 Comments »

Mobile web use is reaching critical mass, according to technologyexpert.

What does this mean for you as a website owner? It means that more of your visitors will be browsing your site on mobile devices such as BlackBerrys and iPhones. The recent release of the new iPhone will increase this number.

So what? Good question.

How does your website work on an iPhone, or a cellphone? Have you checked? The biggest difference is that these portable devices have a much smaller display than your average PC or laptop. This can mean that your nicely laid-out pages are squashed, stretched, and otherwise moved around [obviously this is less of a problem on the iPhone, but it's true for most other devices].

Mobile devices tend to be slower than PCs, so loading times are longer. If your site relies on large images or flash animations these can make the browsing experience pretty lousy.

Unless you code your pages properly, your CSS stylesheet can be ignored. This means your fonts can be messed up too, for example with oversized letters in headings.

So here’s a list of useful guidelines to follow to make sure your website works well for your mobile visitors:

  1. Design for the smaller screen. Go for less columns, and ideally no horizontal scrolling
  2. Use a separate CSS stylesheet and switch to a mobile version
  3. Design your pages for input with a stylus/trackball, rather than a mouse
  4. Reduce image sizes, or remove them altogether
  5. Disable flash animations
  6. Make fonts compatible with the smaller screen size (especially headings)

If you follow these guidelines you’ll provide a better browsing experience for your visitors. Hopefully they will spend more time on your site and come back in the future for more…

Share this:
  • Facebook
  • del.icio.us
  • Print
  • Twitter
  • StumbleUpon
  • Technorati
  • Digg
  • Suggest to Techmeme via Twitter
  • Google Bookmarks
  • email

Related posts:

  1. It’s Nothing to do With the Technology (Part 3)
  2. Buy an iPhone for Your Friends
  3. iPhone x WordPress Equals a Great Idea
  4. Ditch Your Tables and Use CSS
  5. What’s Your Website For?
Tags: , , , , , , , , , , , ,

You can share a copy of this post on your own website provided you include a link back to the original. Happy reading!

You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

4 Responses to “Is Your Website Mobile”

  1. infinite42 » Blog Archive » Apple’s iPhone: The Primary Target for Your Mobile Site Says:
    July 28th, 2008 at 11:56 am

    [...] you are planning on taking your website mobile then consider this: Apple’s iPhone is the top mobile browser in the US, as reported by [...]

  2. Nicholson J. Says:
    January 9th, 2010 at 2:34 am

    Impressive article about seo. I’m honestly dumbstruck that this has not been stated earlier to such an extent.

  3. Grant Says:
    January 27th, 2010 at 5:08 am

    Hello. Great info. Do you accept guest bloggers?

  4. dr.richard Says:
    January 27th, 2010 at 11:47 am

    I’m happy to work with approved guest bloggers who wish to provide posts on topics relevant to small business website design (including vacation rental websites). If you have a subject that you’d like to discuss, please drop me a line directly (you can reply to this comment or use the contact form on infinite42

«
»