Wordpress Webdesign

De afgelopen week zag ik een aantal iPad’s in het Museum voor Moderne kunst in Arnhem. Ik sta nooit te springen bij het uitkomen van allerlei nieuw gadgets of iPhones en ook de Ipad ga ik voorkopig niet aanschaffen. Wel zie ik met de introductie van de Ipad – en alle andere tablets PC’s die zullen volgen – nieuwe gebruiksmogelijkheden van het internet ontstaan.
De iPad vult wat dat betreft het gat tussen de smartphone en de laptop; eenvoudig mee te nemen en websites, teksten, filmjes etc. zijn goed te lezen en te bekijken. Waarschijnlijk zal de vraag naar online tijdschriften met de groeiende verkoop van het aantal tablet PC’s ook gaan toenemen. Het is dan ook een logische stap om bij het ontwerpen van een website rekening te houden met de iPad.

Webdesigners zijn al gewend al rekening te houden met de verschillen tussen browsers en browserversies,  en verschillende beeldschermresolutie. Met het toenemende gebruik van smartphones (die heb ik voor dit doel al wel aangeschaft) en nu ook de iPad moet je als webdesigner ook hier rekening mee houden. In de praktijk blijkt de iPad wat dat betreft voor ons niet voor veel verrassingen te zorgen.

Schermresolutie

De display van de iPad heeft een schermresolutie van 1024 x 768 pixels en 768 x 1024 pixels, want met de iPad kun je zowel horizontaal als vertikaal het scherm bekijken. De lay-out verandert dus als de oriëntatie verandert. Computermonitoren hebben altijd een horizontaal – landschap – formaat gehad, met de iPad is het vertikale portret- of tijdschrift formaat weer in beeld.
Als uw website is ontworpen voor ongeveer 960 pixels breed , dan zal het verschijnen op de volledige schermweergave van iPad.

Navigatie

Het ontwerp voor een website voor de iPad vraagt om een gemakkelijke manier van navigeren. Met de iPad wordt niet wordt genavigeerd met behulp van een muis, maar met een touch screen.
Menselijke vingers zijn echter veel groter dan een muiscursor, dit houdt in dat bijvoorbeeld gewone tekstlinks in een tekstregel lastiger aan te klikken zijn. Bij de navigatie moet dus rekening worden gehouden met de grootte van een vingertop.
Door de andere manier van navigeren met een touch screen wordt er ook geen gebruik gemaakt van mouse-over effecten bij links of navigatieknoppen.

Geen Flash

De iPad ondersteunt geen Flash. Door de veel besproken vete tussen Adobe en Apple  wordt Flash net als op de iPhone ook niet op de iPad weergegeven.
In de toekomst zal de nieuwe webstandaard HTML5 het gemis hiervan goedmaken. Hiermee zijn geen flash animaties meer nodig en zijn video en audio eenvoudig te  integreren in de website.

Samenvattend valt de optimalisatie van een website voor de iPad dus enorm mee: 

• Onze websites gaan altijd uit van een maximale resolutie van 1024 pixels.
• Omdat Google Flash websites tot voor kort niet indexeerde zijn we nooit op het gebruik hiervan overgegaan.
• Gebruiksvriendelijkheid, een heldere en intuitieve navigatie maken altijd al deel uit van onze ontwerpen.