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:
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
No related posts.
Gerelateerde bijdragen mogelijk gemaakt door Yet Another Related Posts Plugin.
Martijn Couprie is online marketeer en internet enthousiast. Hij is sinds mid jaren '90 online, bouwt nu 10+ jaar websites en blogt sinds 2008 over seo en online marketing.