Wat bepaald de look en feel van je mobiele site?

Een mobiele website maken lijkt gemakkelijk. De site moet klein zijn en weinig tekst bevatten. De huidige mobiele sites lijken wel op de sites die mid jaren ’90 gemaakt werden (minus de frames en animated gifs!). Zelf ben ik ook aan het experimenteren met mobiele sites. Het viel me dat er zijn nogal wat factoren zijn om rekening mee te houden. Al deze factoren gecombineerd bepalen mede de look en feel van je mobiele site.

Eerder besprak ik drie methodes voor het bouwen van mobiele sites. Zelf ben ik (helaas!) nog niet verder gekomen dan de eerste methode; het bouwen van een one-size-fits-all mobiele website.

Ga je een mobiele website bouwen die aangepast wordt aan de mogelijkheden van de mobiele telefoon van de bezoeker, hou dan rekening met factoren als het operating systems (OS), de browsers en verschillen in schermresoluties.

Mobile Operating Systems
Met de komst van Google Android en de Apple iPhone is het aantal mobiele OS mogelijkheden alleen maar toegenomen. Alhoewel concurrentie welkom is, is het aantal opties momenteel erg hoog:

• Google Android
• Symbian
• Windows Mobile
• OS X iPhone
• LiMo
• Palm Web OS
• Blackberry OS
• OpenMoko

Schermresoluties mobiele telefoons
Eerder schreef ik al over verschillen in schermresoluties van mobiele telefoons. De grote hoeveelheid schermresoluties maakt het bouwen van mobiele sites niet gemakkelijker.

• 176 x 192 pixels
• 176 x 208 pixels
• 176 x 220 pixels
• 208 x 208 pixels
• 240 x 240 pixels
• 240 x 260 pixels
• 240 x 320 pixels
• 320 x 480 pixels
• 480 x 640 pixels
• 480 x 800 pixels
• en meer resoluties

Mobiele browsers
Met de introductie van Android en de iPhone zijn er ook nieuwe browsers bijgekomen. Gezien de populariteit van de iPhone en iPod Touch is Safari ook een browser om rekening mee te houden.

• Opera Mini
• Opera Mobile
• Internet Explorer mobile
• Google Android’s browser
• Skyfire
• Mozilla Fennec
• Symbian s60 browser

Andere factoren
Naast het OS, de schermresolutie en de browser zijn er nog andere factoren die de look en feel van je website beïnvloeden. Afhankelijk van het OS, de browser en het toesteltype wordt bijvoorbeeld CSS wel, niet of slechts deels ondersteund. Andere factoren om rekening mee te houden zijn:

• CSS
• Javascript / Ajax
• Cookies
• Flash
• Frames / iframes
• Popups / Popunders

Gerelateerde artikelen
Mobiele website maken: in xHTML bouwen
Mobiele website maken: WML, C-HTML of xHTML?
Mobiele website maken: een mobi(el) domein