IPAD Webdesign

De iPad een nieuw term van de laatste tijd. Apple heeft in een korte tijd de web beleving op z’n kop gezet. Laten we toegeven dat deze tablet een enorm potentieel heeft, veel bedrijven willen hierdoor hun website optimaliseren voor dit onlangs onthulde gadget.

Specifieke kenmerken iPad Display
iPad heeft een schermresolutie van 1024 x 768 pixels met led achtergrondverlichting, touch-sensitive scherm die het surfen op het web een ware beleving maken. De gebruiksvriendelijke interface met de geweldige zoom functies maken dit een gewilde gadget.
Met de iPad kan men horizontaal als vertikaal het scherm bekijken . Dit is een uitdaging voor webprogrammeurs en ontwerpers omdat de lay-out compleet verandert wanneer de oriëntatie verandert. Je hebt dan te maken met twee lay-outs.

Sterker nog de iPad  markeert de terugkeer van het tijdschrift (portret) formaat wanneer het scherm vertikaal wordt bekeken. Computermonitoren hebben altijd een landschap formaat gehad. Nu moet er veel webcontent vertikaal getoond worden, dit zal resulteren in nieuwe website ontwerpen.

Ontwerp voor 960 pixels layout
Elke website met een breedte die groter is dan de schermresolutie van iPad zal worden verkleind en zal zoombaar worden. Als uw site kleiner dan het scherm van iPad zal dit ertoe kunnen leiden dat u onnodige marges ziet.

Bij het ontwerpen van webpagina's voor de iPad , is het raadzaam het te ontwerpen voor 960 pixels breed. Deze meest gebruikte breedte is zeer populair geworden vanwege zijn vermogen om goed te passen in een groot aantal moderne schermresoluties. Als uw website is ontworpen voor ongeveer 960 pixels breed , dan zal het verschijnen op de volledige schermweergave van iPad .

Tekst en Achtergrond kleur
De iPad beeldscherm heeft een hoog licht contrast. Zwarte tekst op wit achtergrond is moeilijker te lezen op de iPad dan op een gewone scherm. De oplossing is het gebruik maken van maken subtiele tekst naar achtergrond combinaties. Bijvoorbeeld een sepia achtergrond kleur met een donkere lettertype met schaduw of een lichte lettertype op de donkere achtergrond. Lange stukken tekst worden dan goed leesbaar.

Minimalisme voor de iPad
Website ontwerpen voor de iPad zou grafisch ontwerpers kunnen inspireren om hun websites te vereenvoudigen en vooral gemakkelijker te maken om te navigeren. Tevens zal het een uitdaging zijn de niet gebruikte ruimte zo efficiënt mogelijk te gebruiken.

iPad Multi- Touch-interface
Het is belangrijk te weten dat de iPad niet wordt genavigeerd met behulp van een muis. De zeer nauwkeurige touch screen interface wordt door menselijke vingers genavigeerd die zijn dus veel groter dan een doorsnee muis. Dit betekent dat de traditionele hyperlinks, verborgen in een tekst priegelwerk wordt. Er zal gebruik gemaakt moeten worden  van duidelijke knoppen die aangepast zijn aan de grootte van een vingertop. Tevens is er meer ruimte tussen de interactieve elementen nodig.

Het is ook belangrijk te weten dat bij het ontwerpen van een website voor iPad het gebruik van hover effecten een usability probleem creëert . Deze effecten zal een hindernis in de gebruiksvriendelijkheid van de iPad worden dus houd daar rekening mee.

iPad ondersteunt geen Flash en Java Content
De Safari-browser draait op de iPad.  De Safari-browser biedt geen ondersteuning aan voor plugins die geïnstalleerd kunnen worden op de iPad. Dit belangrijke punt maakt de weg vrij om nieuwe technieken te gaan gebruiken. Met behulp van CSS3 en HTML5 zal in de toekomst op grote schaal nieuwe websites ontworpen worden voor de iPad. Met deze technieken heb je bijna geen flash animaties meer nodig en kun je video en audio makkelijker integreren in de website.