abonneren

Maak uw website tabletproof

Inhoudsopgave

  1. Inleiding
  2. Is de site Flashvrij?
  3. De vingervriendelijkheid verbeteren
  4. De weergave optimaliseren
  5. Wat moet u aanpassen?

Hoe vriendelijk is uw site voor de gebruikers van een touchscreen? Helaas is de iPad die u via iPadPeek en Safari simuleert niet perfect, want voor de navigatie gebruikt u daar nog steeds een muis en geen touchscreen. Vingernavigatie kunt u dus alleen op een échte iPad controleren. Toch zijn er wel een paar zaken waar u in elk geval rekening mee kunt houden.

Maak de grootte van de menulinks vingervriendelijk. Denk groot en eenvoudig: op sites die zijn geoptimaliseerd voor touchscreens zijn navigatieknoppen van zo’n 30 pixels hoog met veel ruimte rondom de tekst geen uitzondering.

Met uw css-code kunt u ervoor zorgen dat het klikbare gebied groter wordt: niet alleen de tekst, maar ook de omringende button. Vingers zijn nu eenmaal minder nauwkeurig dan muiscursors: maak het gemakkelijk om op de juiste plek te klikken. Op apple.com/ipad/ready-for-ipad kunt u de kunst afkijken bij internationale websites die speciaal geschikt zijn gemaakt voor de iPad.

Denk groot bij het ontwerpen van uw navigatiemenu’s.

Denk groot bij het ontwerpen van uw navigatiemenu’s.

Geschreven door: Redactie PCM op

Category: Workshop, Internet

Tags: workshop

Laatste Vacatures