Menu's in websites zijn meestal herkenbaar aan de plaatsing binnen de de lay-out, de vormgeving en het rollover effect van de muis.
In Mobile Safari op een iPhone zal dit soms ander uitpakken
Vensterbreedte 320 of 480 pixels.
Dat is voor een horizontaal menu vaak erg smal om goed leesbaar te worden weergegeven. als er veel menu-items naast elkaar voorkomen zal het lastig zijn deze te selecteren in Safari op een iPhone.
Als de menulijst te lang is worden de items op het kleine venster alleen door scrollen zichtbaar.
Regelafstand
Verticale menu's zullen in standaard websites een regelafstand hebben, gebaseerd op het gebruik van de muis op het scherm van een desktopcomputer of laptop. Omdat een iPhone gen muis heeft, maar een vingertop van een bepaalde omvang zal de regelafstand veel groter moeten zijn om menu-items goed te kunnen selecteren.
Rollover effect
Een rollover is het verwisselen van 2 graphics d.m.v. bijvoorbeeld Javascript. Hierdoor krijgt de bezoeker feedback dat een bepaald item een button is waarop geklikt kan worden.
Moderne sites maken veelal gebruik van CSS en het de hover eigenschap om voor een vergelijkbaar effect te zorgen.
Beide effecten zijn het gevolg van een mouse-over event. Dit event wordt echter op een iPhone niet ondersteunt, omdat de vinger niet altijd op het scherm aanwezig is.
Dit is een tip van onze docent Rob van der Galiën.
