The 7 rules for great web application design
Spreker is de amerikaan Robert Hoekman jr, van Miskeeto. Hij begint meteen met een aardige stelling: Het nummer 1 doel van iedere website bezoeker is om je website weer te verlaten. En hij gaat nu de menselijke psychologische kenmerken koppelen aan web application design.
Hij begint met een fast food voorbeeld. Geinterviewde klanten zeiden dat ze graag een 'low carb' versie van de cheeseburger zouden kopen, maar bij de markt introductie bleek het totaal geen succes. Mensen zijn dus erg slecht in het voorspellen en begrijpen van hun eigen gedrag. Als je daar in de rij staat met je kind aan je ene hand en je dollars in de andere ga je toch het bekende kiezen. Dit leidt tot:
1: Begrijp je gebruikers, negeer ze dan: Kijk naar het gedrag van je klanten in echte situaties. Als ze vertellen wat ze willen hebben ze het misschien verkeerd, je moet zelf kijken en je conclusies trekken.
Een ander aardig voorbeeld komt ook uit de fastfood wereld: Men koopt milkshakes tussen 7 en 9 's ochtends. Raar. Dat bleek omdat ze graag iets willen drinken in de auto onderweg naar het werk. Ook komt 37signals even langs, ze hebben Basecamp gemaakt zonder ook maar 1 keer naar een gebruiker te luisteren, ze hebben het volledig voor zichzelf gemaakt, daardoor ondersteunt het echt menselijk gedrag. Focus on real human behaviour!
2: Bouw alleen wat absoluut noodzakelijk is. Denk wat de echte scope is, en vooral per feature: Wat is er echt noodzakelijk. Voorbeeld van mooie simpele app is http://senduit.com/ : Upload een file, je krijg een url, en klaar. Senduit heeft geen andere opties, omdat je dan namelijk een accountsysteem nodig hebt, inclusief registratie, wachtwoorden etc.
3: Ondersteun het mentale model van de gebruiker. Help ze met bekende metaforen. Voorbeeld: Als je in het echt een papiertje kwijt wil gooi je het in de prullenbak. Daarom sleep je bestanden op de computer nu naar de trashcan. Je gebruikers begrijpen het al.
4: Turn beginners into intermediates. Immediately. Laat het ontwerp ze dus snel laten doorstromen van beginner naar gevorderde. Eenvoudige ideeen als een grote signup button op http://wordpress.com/ samen met een call to action zinnetje kunnen enorm helpen.
5: Voorkom fouten. En handel de rest netjes af. Twee soorten oplossingen: Meld een fout onmiddelijk, of voorkom dat ze fouten maken. Voorbeeld is Backpack, daarbij is het eigenlijk niet mogelijk om fouten te maken. Daardoor voelen gebruikers zich slim! Ga dus door je applicatie heen, zoek de errors, en kijk of je ze kan voorkomen. Als dat niet kan moet je zorgen dat je gebruikers hun fouten meteen kunnen corrigeren.
6: Ontwerp voor consistentie. Voorbeeld is Squidoo, hun pagina's waren heel rommellig en iedere keer anders. In het redesign werd dat opgelost en komt er meer rust en duidelijkheid.
7: Reduceer, reduceer, reduceer. Voorbeeld van een viswinkel. Eerst stond er 'Hier verse vis'. Het woord 'hier' bleek niet nodig. En 'verse' eigenlijk ook niet. En toen kon 'vis' ook weg, want dat was duidelijk te zien en ruiken. En dus kon het hele bordje weg! Reduceer. Dit komt in alle voorbeelden terug, zoals bij Senduit met functionaliteit, Backpack met fouten, Wordpress met aanmeldmogelijkheden.
Al deze dingen hebben veel met elkaar te maken: Communiceer het doel en het gebruik van je applicatie. Je gebruikers voelen zich dan slim, gerespecteerd. Laat je gebruikers zich goed voelen!
Leuk verhaal, leuk gepresenteerd, mooi lijstje om eens goed naast je eigen webapp te leggen.
Comments [1]