Wist u dat?

Wat een hype, dat nieuwe speeltje van Apple! Je kan geen krant, blog en twitterpagina openen zonder over de iPad te lezen. Voor een speeltje krijgt het wel veel aandacht… Is het eigenlijk wel een speeltje? Of moeten we als webmaster/ ontwikkelaar serieus rekening gaan houden met de uit te kluiten gewassen iPhone? Om het zekere voor het onzekere te nemen zal ik in dit artikel proberen de consequenties van het nieuwe platform voor uw website op een rijtje te zetten.

Besturing en navigatie

De iPad is een touchscreen apparaat. Dit wil zeggen dat er geen muis of pijltjesnavigatie voorhanden is. Ook geen sneltoetsen of stylus, alleen maar vingers.
En vingers zijn dik, althans vergeleken met eerder genoemde methodes. Kleine linkjes zoals tekstlinks zijn daarmee een hele uitdaging geworden, zeker als ze in de buurt van andere links staan. Opsomminglijstjes opgebouwd uit links zijn daarmee uit den boze.
Een andere functionaliteit die wegvalt is het gebruik van zgn. roll-overs. Dat zijn effecten wanneer je met de cursor over een button beweegt. Als je op de iPad met je vinger over een button beweegt zal die meteen de link gaan openen. Zorg er dus voor dat links zich pas openen wanneer de vinger er weer vanaf beweegt; een zgn. on-release actie. Op deze manier heb je nog even bedenktijd en kan men het openen annuleren door er vanaf te sliden.

Schermgrootte en de vouw

De iPad kan net zoals de iPhone zowel rechtopstaand als in landscapemodus gebruikt worden. Dat is dus een dubbele uitdaging voor ontwikkelaars en designers.
Websites worden op de iPad herschaald naar 980 pixels breed (in landscapemodus). Is de site breder dan wordt deze geschaald; alles wordt dan kleiner, ook de tekst. Zo blijft alles in verhouding tot elkaar. Is de site smaller dan zal er een marge ontstaat aan de rechterkant. De ontwikkelaar kan veel invloed uitoefenen op de view door meerdere stylesheets te gebruiken voor verschillende platformen.
Hiermee kunnen we vaststellen dat een site er niet op elk platform hetzelfde uit hoeft te zien. Een belangrijke conclusie als je bedenkt dat er al jaren een discussie is over “boven en onder de vouw”. Er is geen vouw meer, althans hij zit steeds ergens anders.

Multimedia

“Apple killed flash” wordt er weleens geroepen. In zeker zin is dat ook zo. Zowel de iPhone als de iPad ondersteunen geen flash. Zorg er dus voor dat bezoekers van uw site op z’n minst een melding krijgen van het feit dat het flashelement niet beschikbaar is. Een vervangende afbeelding kan ook erg helpen of beter nog: gebruik geen flash. Javascript kan tegenwoordig ook bijna alles.

Browsers

De iPad heeft als standaard browser dezelfde browser als de iPhone: Safari. Veel webontwikkelaars testen sites niet op Safari omdat de gebruikersaantallen niet erg hoog zijn. Als je echter de mobiele gebruikers meetelt en ook bedenkt dat deze aantallen langzaam maar zeker groeien dan is het erg verstandig de testen alsnog te doen.
Medio april heeft Apple echter een tweede browser toegelaten op de iPhone en iPad: Opera Mini. Wellicht is het een teken dat ook meer populaire browsers (zoals FireFox) met een app zullen komen.

Bekijk het even!

Test of uw website er goed uitziet via www.ipadpeek.com. Hiermee kunt u echter niet het touchscreen effect testen en ook flash en video werken gewoon. Voor een gedegen test zult u een toch echt een iPad moeten hebben.

Auteur: Matthijs Stroosnijder