Een mobiele website, enkele bedenkingen

• 25 januari 2010,
• nog geen reacties

Bij Aurealis kiezen we er bewust voor om voor elke website die we ontwikkelen ook meteen een mobiele versie te voorzien. Op deze manier heeft onze klant nu reeds een website die voorzien is op de mobiele revolutie die er aan zit te komen. Maar toch maken we ons wel enkele bedenkingen.

De laatste jaren breidt het aanbod smartphones en pda's zich steeds verder uit, waardoor je met een beetje goede wil al een smartphone hebt voor minder dan 200 euro. Ook mobiele data-abonnementen volgen die trend en worden steeds betaalbaarder. Het is dan ook niet verwonderlijk dat steeds meer mensen de aankoop van een smartphone overwegen. Smartphones bieden de gebruiker de mogelijkheid om naast bellen en smsen ook te surfen, te mailen, te chatten en nog veel meer... Voor ons als webontwikkelaars is uiteraard het surfen het meest relevant.

En daar beginnen vaak de problemen, want het wordt de ontwikkelaar niet eenvoudig gemaakt. Gezien het brede aanbod smartphones zijn er heel wat zaken waarmee rekening gehouden dient te worden. Een overzichtje:

• platform: waar er voor PC's eigenlijk maar drie 3 belangrijke platformen zijn (Windows, Mac en Unix-afgeleiden als bv. linux) zijn er voor GSM veel meer: Windows Mobile, Android, Iphone, Blackberry, Maemo, Symbian,...
• browsers: dit is voorlopig nog vooral een PC-aangelegenheid, maar ook hier komen stilaan meerdere browsers beschikbaar per platform. Elk platform heeft zijn eigen built-in standaard-browser, maar daarnaast is Opera ook al actief, en zit de mobiele versie van Firefox (Fennec) er ook aan te komen (om er maar enkele te noemen)
• schermresoluties: waar je bij computers al een grote verscheidenheid aan schermresoluties hebt, is het bij mobiele toestellen eigenlijk nog erger. Schermbreedtes variëren er van 240px tot 800px. Nog lager kan trouwens ook, maar persoonlijk vermoed ik dat dergelijke toestellen (bijna) niet gebruikt zullen worden om te surfen.

Toch vinden we het belangrijk onze klanten een website te leveren die nu reeds voorzien is om zo goed mogelijk te werken op deze toestellen. In de praktijk betekent dit dat we een hele winkel aan toestellen nodig hebben om dit te testen, maar dit doen we (voorlopig) niet.

Wat we wel doen is enkele algemene regels respecteren, die de “mobile experience” verbeteren. We plaatsen dit in de offerte steeds onder de noemer “beperkte mobiele optimalisaties”.

• Layout afstemmen op kleine schermen: de layout wordt zo heringedeeld dat deze toch verzorgd weergeeft op de kleine schermen die eigen zijn aan dit type toestellen
• Vermijden van hovers: met een hover wordt informatie gedefinieerd die alleen zichtbaar wordt als de bezoeker met de muis over het item beweegt. Dit kan een tooltip zijn, een menu die openklapt,... Aangezien een mobiele bezoeker niet over een muis beschikt, vervalt dit hover-effect volledig. Als dit dan bv. gebruikt wordt voor een menu kan de website ineens volledig onbruikbaar worden...
• Voldoende ruimte voorzien: heel veel toestellen zijn uitgerust met touchscreens. Voor sommige heb je een stylus nodig, voor andere kan je gewoon je vingers gebruiken. Uiteraard is een vinger omvangrijker dan een muisaanwijzer, en klik je al snel op een verkeerde link, of klik je per ongeluk een link aan terwijl je enkel naar beneden wilde scrollen... Dit lossen we op door voldoende witruimte te voorzien.
• Zelfde website hergebruiken: we hergebruiken dezelfde website voor de mobiele versie. Hier zijn enkele nadelen aan verbonden, maar we letten vooral op de voordelen ervan:
  • de beheerder moet de inhoud maar 1x ingeven
  • de website hoeft door ons maar 1x gemaakt te worden
  • iedereen kent de website op zijn “normaal adres” (bv. www.aurealis.be), en zal dat ook prefereren boven een ander adres (bv. www.aurealis.mobi, of m.aurealis.be)
  • de bezoeker krijgt zoveel mogelijk de normale site te zien, en niet alleen een uitgeklede versie
  • voor een grote meerderheid van de websites is dit voldoende, en is een investering in een aparte mobiele versie niet nodig. Signalen dat dit wel nodig is zijn onder andere: specifieke andere inhoud voor mobiel, specifiek layout of wensen, een erg zware gewone website enz.

Kortom, we zorgen ervoor dat onze klanten reeds voorzien zijn op deze toekomst, en investeren hier verder in via bijscholing, materiaal enz.

Heb je zelf ook nog bedenkingen bij mobiele websites en wat daarbij komt kijken, laat gerust een reactie na!