15 usability tips mobiele websites

Nieuwsbrief april 2007

Op het internet surfen met de mobiele telefoon of PDA wordt steeds populairder. De introductie van de iPhone zal deze populariteit nog meer aanwakkeren. De iPhone kan standaard websites weergeven, zodat speciale mobiele websites (uitgeklede versies van normale websites) niet meer nodig lijken te zijn. 2C Usability beargumenteert dat mobiele websites ook ná de introductie van de iPhone belangrijk blijven.
                    
Voor bedrijven die een mobiele website willen ontwerpen, zet 2C Usability 15 belangrijke tips op een rijtje.

Navigatie

  1. Gebruik één volledige scherm voor navigatie en plaats alle content op een andere pagina en biedt een link terug naar de navigatie aan.
  2. Plaats links als ‘home’ en ‘terug’ boven en onderaan de contentpagina’s. Zo kunnen gebruikers gemakkelijk terugkeren naar hogere niveaus.
  3. Geef alle pagina´s een korte heldere titel. Door bovenaan iedere pagina een titel weer te geven wordt de locatie binnen de website duidelijker.
  4. Plaats op lange contentpagina’s een link ‘top’ tussen alinea’s aan de rechterkant, zodat gebruikers niet naar boven hoeven te scrollen.

Hyperlinks

  1. Formuleer de hyperlinks zo dat deze de achterliggende pagina goed weergeven. Links uitproberen kost teveel tijd.
  2. Plaats geen nummers voor de hyperlinks, zo blijft meer ruimte over om hyperlinks goed te beschrijven

Lay-out

  1. Zorg ervoor dat de breedte van de site zich aanpast aan de breedte van het browser scherm, zodat een gebruiker nooit horizontaal hoeft te scrollen.
  2. Comprimeer en verklein afbeeldingen en maak eventueel uitsneden uit de originele foto.
  3. Zorg voor een goed contrast tussen tekst en achtergrond zodat de website op de mobiele telefoon onder alle omstandigheden goed te lezen is.
  4. Zorg voor een aangepaste opmaak van tekst, met gebruik van kopjes, indeling in kortere alinea’s en kortere zinnen. Zo blijven teksten prettig leesbaar.

Vindbaarheid

  1. Zorg dat het adres te raden is. Maak verschillende url’s aan die vaak voorkomen zoals m.website.nl, mobiel.website.nl en www.website.nl/mobile. Nog idealer is het als de mobiele gebruiker wordt herkend als zodanig en automatisch naar de mobiele website wordt geleid, zoals dat bij Google gebeurt.
  2. Zorg voor een link naar de standaard website onderaan de mobiele website, zodat de gebruiker kan kiezen om deze ook te bekijken.
  3. Zorg voor een link naar de mobiele website op de standaard website, zodat de gebruiker de mobiele website gemakkelijk kan vinden. Plaats deze link in de ondersteunende navigatie.

Content

  1. Beperk de inhoud van de mobiele site tot de noodzakelijke informatie, de meest bezochte pagina’s van de site en alleen het allerlaatste nieuws, zonder archieven.
  2. Bied een zoekmachine aan indien de website toch veel content bevat, bijvoorbeeld een shop of encyclopedie.

Inhoud:

  1. 15 usability tips mobiele websites
  2. Hoe schrijft u een goede FAQ?
  3. Interfaces die zich aanpassen aan de gebruiker: de oplossing?
  4. Marketing onderschat usability
  5. Eenvoud zorgt voor succes
  6. 10 Usability zonden bij een blog
  7. Kort Nieuws - Kort Nieuws - Kort Nieuws
  8. Workshop usability