Internet via de mobiel wordt de hype van 2008. Er komen steeds meer websites met mobiele content en we hopen dat ook de normale mobielgebruikers overgaan op internet via de mobiel. Om het gebruik van mobiele internetsites te stimuleren moet het gebruik zo makkelijk mogelijk zijn. Voor internet zijn er enorm veel usability richtlijnen. Maar welke richtlijnen zijn er voor mobiele websites?
Dit artikel beschrijft een lijst met usability richtlijnen die nog verder onderzocht worden. De richtlijnen zijn opgesteld door verschillende internetbronnen. @oeroek gaf mijn nog enkele aanvullingen die ik later zal noemen. Graag ontvang ik jullie mening en aanvulling over de onderstaande lijst.
Usability richtlijnen
1. Consistentie voor de gebruikers interface
Gebruik voor elke pagina een consistente lay-out. Maak, indien mogelijk, de lay-out ook consistent aan internetsite.
2. Eenvoudige data invoer
Het handmatig invoeren van data op de mobiel is een langzaam proces. Zorg daarom voor eenvoudige data-invoer, alleen op plaatsen waar het noodzakelijk is.
3. Effectief netwerk gebruik
Ga uit van een downloadsnelheid van 60 kb / sec en lager.
4. Mobiel onafhankelijk
Zorg dat de website bereikbaar is op elke mobiel met internetverbinding.
5. Dynamisch personalisatie
De mobiel is persoonlijk en maak daarom de website persoonlijk. Maak, indien mogelijk. gebruik van eerder opgeslagen gegevens.
6. Zorg voor eenvoudige interactiviteit
Een mobiel heeft geen muis en vaak een aangepast keyboard. Dit maakt de interactie ingewikkelder. Zorg voor eenvoudige interactie tussen gebruiker, mobiel en de website.
7. Toon alleen essentiële informatie
Elke pagina van een website heeft een bepaald doel. Geef alleen de informatie weer die bijdraagt aan dit doel.
8. Ontwerp mobiel vriendelijke lay-outs
Internet via de mobiel vraagt om een special ontworpen lay-out voor de mobiel.
9. Zorg voor instructie, daar waar nodig
Internet via de mobiel is vernieuwend, geef instructies voor het voltooien van taken.
10. Verbruik geen waardevolle tijd van de gebruiker
Internet via de mobiel is vaak een kleine stap in een groter proces. De gebruiker is doelgericht opzoek naar informatie. Zorg ervoor dat de gebruiker dit zonder omweg kan vinden.
11. Gebruik herkenbare, begrijpbare taal
Gebruik herkenbare en begrijpbare taal zodat de website eenvoudig in gebruik is.
12. Geef bruikbare, begrijpbare feedback
Geef feedback. De gebruiker weet hierdoor de status van de actie/pagina en welke acties hij/zij moet ondernemen.
13. Zorg dat de website zichtbaar is met weinig licht
Een mobiel wordt ook op donkere plaatsen gebruikt (bijv. in het donker op straat), een website moet in dat geval ook bruikbaar zijn.
14. Gebruik effectieve en eenvoudige leesbare kleurcombinaties
Zorg dat het contrast in kleur dusdanig groot is dat de gebruiker zonder moeite de website kan lezen en gebruiken.
15. Zorg dat gebruikersinterface voorspelbaar is
De interface acties moeten voorspelbaar zijn voor de gebruiker. Zo weet hij/zij precies wat er gaat gebeuren en welke informatie hij/zij kan verwachten.
16. Foutmeldingen moeten consistent zijn, duidelijk uitleg geven over het probleem en betrouwbare suggesties geven
Door de consistentie worden foutmeldingen herkenbaar. Daarnaast moet een foutmelding een oplossing of alternatieve oplossing bevatten voor het betreffende probleem.
17. Houd rekening met verschillende schermgroottes en browers. (Schermen: 96px, 128px, 176px, 240px, 320px)
18. Zorg dat de website doelgericht is i.p.v. branding en merk gericht
Zorg dat de website zich richt op het doel van de gebruiker per pagina i.p.v. branding, kleur en merk. Op dit moment is het gebruik van internet op de mobiel doelgericht, in de toekomst zal deze richtlijn veranderen.
19. Interactie met mobiele websites moet vanuit de gebruiker komen
Mobiele websites zijn user-driven, dat wil zeggen dat de content opgevraagd wordt door de gebruiker. Zorg ervoor dat de gebruiker informatie naar zich toe trekt i.p.v. dat de website ongevraagde informatie naar de gebruiker stuurt.
20. Ervaringen met mobiele websites moeten overeenkomen aan voorgaande ervaringen met eerdere technologie (bijvoorbeeld: internet)
Veel mensen hebben geen tot weinig ervaring met internet via de mobiel. Om herkenbaar te zijn kun je gebruik maken van eerdere technologie-ervaringen (bijv. sfeer, interactie en eenvoudige functionaliteit van websites).
21. Interactie met mobiele websites zijn vaak kleine stappen van een veel groter proces
Mobiele websites worden vaak gebruikt als kleine stap in een groter proces. Bijvoorbeeld: Vertrektijden opzoeken voor een treinreis. Houd hier rekening mee!
Usability gericht op elementen
22. Toon de hoofdnavigatie niet op elke pagina, dit neemt te veel beeldruimte in beslag
23. Onderscheid (duidelijk) geselecteerde items van niet geselecteerde items (bijv. navigatie)
24. Plaats standaard surfknoppen (back & forward).
25. Gebruik geen disabled inputveld voor informatie die niet aangepast kan worden.
26. Gebruik geen fixed font-sizes en kleine fonts.
27. Gebruik een duidelijke navigatie structuur.
28. Gebruik typografisch hiërarchie.
29. Grote buttons creëren meer een actie gevoel.
Bronnen
http://sw.nokia.com/id/34762388-9434-4c42-9c5e-3e545b0975ea/S60_Platform_Visualization_and_Graphic_Design_Guideline_v1_0_en.pdf
http://www.2c.nl/nl/over_2c/nieuwsbrief/2007-10/item4.php
http://mobile.emerce.nl/2007/04/tien_moets_voor.html
http://ww.drucker-associates.com/MUE.htm
http://www.cameronmoll.com/archives/000428.html
http://www.photo-router.com/?q=node/9
http://msdn2.microsoft.com/en-us/library/ms854765.aspx
http://www.usability.com/news/article3008.asp
http://www.developertutorials.com/tutorials/miscellaneous/7-usability-guidelines-for-websites-on-mobile-devices-8-01-29/page2.html
http://yuiblog.com/blog/2007/10/02/challenges-of-interface-design-for-mobile-devices/
http://www.giantant.com/publications/mobile_context_model.pdf
http://sender11.typepad.com/sender11/2008/01/prototyping-mob.html
