SMEpal

Options in Mobile Web Design

Posted on 21 April 2009 by Mister Mobility

Designing websites for mobile access is a very painstaking process. There are so many different mobile browsers with different characteristics that it is a miracle indeed that successful mobile-friendly sites exist at all.

A typical mobile web design session at my end includes extensive testing on a variety of devices, and modifications after modifications effecteed till a working and generally satisfactory result is produced.

One of the challanges of mobile web design is that of choosing what route to take in making a website mobile-friendly. I am going to list the options below and ask you, our regulars, to comment from your experiences with browsing via mobile.

1. A Separate Mobile Site

In this scenario, the regular website exists at default.com, and a parallel mobile version is maintained at m.default.com (or mobile.default.com, wap.default.com, etc)

Usually, a link to the mobile site is placed on the main site, or a mobile device detection script is setup to redirect users browsing on mobile to the mobile version.

2. One Single Location Designed to Adapt when Loaded on Mobiles

This has been my default route for years, but it is a very tedious one. Usually, the adaptation is done by manipulating CSS. Unfortunately, different mobile browsers choose differently what CSS specifications to read.

A lot of manipulation and testing goes into making sure that a huge percentage of mobile browsers will load this satisfactorilly.

3. Use Server-side Commands to format the Webpages

In this case, by manipulating HTACCESS files on the server and a bit of PHP prepending and appending, the server spits out a version of the regular website stripped of all CSS formatting.

The results in this case often look bare and without any eye-candy, but it works well, especially if the pages have been semantically structured (Did you guys understand any of this? I understand that this is not a developer community. Apologies).

Which Route?

Okay, maybe you don’t quite get the 3rd one, so let’s stick with options 1 and 2. Which do you prefer when browsing? Getting a site where you are given a mobile-specific address, or the site that simply re-formats to adapt to your device’s screen (as much as possible)?

This post was written by

Mister Mobility – who has written 926 posts on Mobility blog.

Founder, Mobility blog, serial lifestyle entrepreneur, speaker, & writer. Charming, passionate, tenacious & non-conformist. Will dance! Follow him on Twitter @Mister_Mobility.

Send an Email

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Related posts:

  1. Introducing the Porsche Design P’9981 Smartphone from BlackBerry
  2. Video design preview of Symbian^3
  3. Mobile Web Battles Mobile Applications
  4. Snapshot of Mobile Web in Nigeria (Opera’s State of the Mobile Web)
  5. How to Blow a $2.1M Sale Using the Mobile Web

6 Comments For This Post

  1. Azeez Saheed Says:
    Browsing with Opera Mini 4.2.13918 Opera Mini 4.2.13918 on J2ME/MIDP Device J2ME/MIDP Device

    For me, it doesnt matter how i get to d site.what matters is getting a site dat fit my browser well but most times mobile-specific sites open faster than those dat reformats themselves to fit phone screens.

    Like or Dislike: Thumb up 0 Thumb down 0

  2. Dayo Olutunfese Says:
    Browsing with Nokia Web Browser Nokia Web Browser on Nokia Series60 Nokia Series60

    Because I do my browsing mostly on my phone, I prefer for the browser to reformat the site to mobile version and for a link to be provided to the full website.

    Like or Dislike: Thumb up 0 Thumb down 0

  3. Yomi Adegboye Says:
    Browsing with Firefox 3.0.8 Firefox 3.0.8 on Windows XP Windows XP

    Thanks, guys. I am currently highly in favour of giving the user the option of which interface to view. The difference between this and option 1 above is that this is actually a hybrid of options 1 and 2.

    It is the same site, but modified with CSS and with links available so the user can choose “Desktop View” or “Mobile View”. Option 1 as stated above consists of two parallel sites. This new position of mine has to do with one single site that metamorphoses according to the choice of the user.

    This has tremendous benefits. For example, I have been in situations in which I needed to view the full desktop format of a site on my mobile device, and there have been cases in which the mobile version of a site came in handy on PC (e.g. during periods of very slow internet connection).

    Thus, my position is leaning more on giving the user the choice to decide the format of a website he is visiting regardless of the device in use.

    Like or Dislike: Thumb up 0 Thumb down 0

  4. Oluniyi David Ajao Says:
    Browsing with Nokia Web Browser Nokia Web Browser on Nokia Series60 Nokia Series60

    Though option 2 is better in my opinion, the industry standard is to include a link to the full version of the website.

    Like or Dislike: Thumb up 0 Thumb down 0

  5. ose Says:
    Browsing with Firefox 2.0.0.5 Firefox 2.0.0.5 on Windows XP Windows XP

    Any info about multi link telecom in your wealth of ideas? U a really doing a big work. Kindly extend ur infos to cover networks like Starcoms, Multi-link Telecom and O-net. More grease to ur elbows.

    Like or Dislike: Thumb up 0 Thumb down 0

  6. Yomi Adegboye Says:
    Browsing with Firefox 3.0.10 Firefox 3.0.10 on Windows XP Windows XP

    Hi Ose, thanks for the compliments. We do try.

    There isn’t much happening in the direction of Multilinks at he moment. It is also difficult to test out the services of CDMA operators because the phones don’t have the flexibility of swapping SIMs like GSM has.

    That means we will need to purchase at least one phone from Multilinks, Starcomms, Visafone, and 1stWireless, for example, inorder to be able to keep up with their services.

    Add to that the fact that the features on most CDMA phones available from those operators are just dated: imagine 1.3 megapixel cameras – in 2009!

    But we’ll keep presenting whatever we have on them. Thanks again!

    Like or Dislike: Thumb up 0 Thumb down 0

Advertise Here
Advertise Here

Text Ads

 

Turbo-charged Website Design

We design & code superb websites! Visit Alireta for details

 

Free "Unlimited" Web Hosting

Enjoy the best web hosting services with UNLIMITED features FREE for a whole year, no strings attached. Visit www.arthurwales.com/promo for details

 

Advertise in our Classifieds

N5,000 per month. Mail business@mobility.com.ng for enquiries.

 

RELATED SITES

  • SMEpal PR, publicity and exposure for small/medium enterprises
  • WapReview Covering the mobile web since 2004

Be Notified of New Posts

Your Email:

SpreadMedia

Switch to our mobile site