Gebruiksvriendelijke sites maken (dutch)

Notas del editor

1. Wanneer dingen onverwacht dan nadenken. Nadenken simple things is not good. Veel vragen. Nu ook veel vragen? Vanmorgen nog een vraag. Dagelijks leven veel vragen. Welke kant supermarkt naar binnen? Aanmelden restaurant? Bedienen of niet? Een grote vraag is lift.
2. Een lift zou eenvoudig moeten zijn. Ik druk een knop in, ga de lift in, druk weer op een knop en ga de lift uit.
3. [Handen] 1. Wie wel eens in lift gestaan? 1b. Iedereen die nog nooit in een lift heeft gestaan? 2. Wie heeft er moeite gehad om de knop voor de juiste verdieping te vinden?
4. Het begint vaak al buiten de lift. Deur open? Deur Dicht? Iemand bevrijden? Iemand platdrukken? Braille verteld overigens exact hetzelfde bij de twee plaatjes.
5. Zodra je binnen bent dien je nog de juiste verdieping te vinden. Ik ben niet de enige met haat tegen liften. Ook mijn collega Theo van der Zee. We willen al jaren een boek schrijven. De titel en kaft hebben we al.
6. Volgende sheet twee knoppen. Iedereen die de onderste denkt mag z.s.m. zijn hand opsteken
7. In principe staat er vanalles bij maar een echte engelsman kan hier niets mee. Gozer is het boek gaan lezen en kwam tot de volgende oplossing
8. Nu hoeven gebruikers niet meer te denken. Stuk beter zo niet?  Er zijn ook een aantal boeken voor usability. One of my favorites:
9. DONT MAKE ME THINK, Common sense approach. Laat de user niet nadenken en doe dingen omdat ze logisch zijn. Back button met pijl vooruit! Alleen links underlined maken. Als je iets goed gedaan hebt geen rood blok laten zien.
10. Voorbeeld van de User eXperience Magazine website. Niet echt intiuitief. Wat is het verschil tussen de blokjes? Waar is mn menu? Wat is reclame en wat niet? [Water] Aantal punten over hoe we surfen tegenwoordig.
11. Worden bekeken @ 100 km/h [Anekdote] begin internet snapte niemand iets en las alles ging erg sloom. Stond er ergens klik hier dan deed je dat nog. Mijn vader is nog steeds sloom want die gebruikt het voor het eerst. + Usability iPad macBook
12. Internet gebruikers hebben altijd haast. Is wat anders dan snelheid. Niet alleen snel ergens heen maar vervolgens ook geen tijd om je broodje rustig op te eten. Zelfs kids hebben al de grootste haast tegenwoordig.
13. We scannen heel erg veel. We hebben slechts een klein deel info nodig. Staat tegenwoordig ook vaak veel te veel op een site. Alles moet er ook bij lijkt het wel. Nieuwe social media platform dan er op ook al is niet nuttig.
14. Niet snel duidelijk? Dan weg naar deur #2 (concurrent) Back button is dichterbij dan je denkt
15. Allemaal te moeilijk voor je? Lopende band is altijd een optie ;-) Pet op! | Wat kunnen wij er aan doen om deze gehaaste niet gefocuste mensen toch te bieden wat ze zoeken in een website?
16. Testen die handel! Kijk em trots zijn. Ik zou ook trots zijn als ik mooi duur ding had. Hoeft niet duur! Testen kan je zelf al doen vanaf 0 euro. Ook veel tijd hoeft het niet te kosten. Hoe dan?
17. Stap 1: vraag bekende (broer, vader, vriend etc) om 15 min op je website te surfen op je shark laptop. Gewoon rondklikken of met een gerichte taak. [Voorbeelden]
18. Schrijf alles op. Laat je user hardop meedenken, zo krijg je een goed beeld. Ook opschrijven als er bepaalde bewegingen worden gemaakt met de muis.
19. Stap 3: Wijzigingen toepassen Stap 4: Weer opnieuw! Zelfde keuken! Je kan je afvragen of het een verbetering is. Begin met twee mensen dan weer twee dan weer twee | 5 problemen met usability!
20. #1 Usability problemen: wachten Afb. kleiner, sprites, css3, minder js, minder css - Yslow, cijfer
21. #2 404 pagina’s. Wat moet ik hiermee? That's all we know.... sorry hoor! Zorg voor vervolg stappen! Stel voor (net als siri) of ik wil zoeken naar wat er mislukt is? Geef me een link naar de homepage
22. #3 Flash. Werkt niet op iDevice! HTML5 – CSS – jQuery | Toch hele sites of delen hiervan in flash. Voordeel is flash banners die je niet ziet. Helaas doen zij meestal wel goed.
23. #4 Navigatie, te veel links. Staat alles dubbel links en rechts + reclame
24. #5 Hoofdmenu zijn Google Ads? ;-) Ads beperken! [Water] Een heel groot probleem speciaal zijn forms... Ook een boek
25. Pad naar aankoop, contact, mailing etc Even een aantal formulieren met jullie doornemen wat er goed en fout is.
26. Velden even lang. Geen flow naar beneden. Rode labels. kleine letters. Afleidende afb. onleesbaar captcha. lelijk form. Veel velden. lijnen er tussen. knoppen zijn fout. Spelfouten. Go + submit klopt niet. Staat niet wat * doet. Tussenvoegsel verplicht. Afgekorte namen (mob). Veel aangecheckte checkboxen. Warning twee keer klikken. Voorbeeld bij postocde. adres ipv straatnaam. Belangrijkste knop is allen mailing.
27. Foutmelding is groen + opgepropt. checkboxen staan weer aan. invulling velden lelijk. Geen idee wat er fout is en hoe oplossen. nummer was fout. Helaas meeste forms toch meer zo dan volgend sheet
28. Streepjes in bericht
29. Geen melding privacy, verplichte velden of contactmogelijkheid. twee CTA met annuleren. Wel inline hulp. Verschil maat velden. Geen streepjes in bericht
30. Dubbel visueel aangegeven fouten. Aangeven wat ik moet doen om op te lossen. Zelfde icon ook beneden met oplossing. Kleur is goed.
31. Boel stof behandeld, vast veel vragen Wie eerste vraag?
32. Volg me, of spreek me straks aan