Melle Wynia email to: mellewynia@noonnoo.com or add me to skype: m.wynia
RSS

Simplicity in webdesign…

0 Comments/Pings Design 2009.08.16

Simplicity is een beetje een ‘vage’ term, maar het is wel een belangrijke ‘waarde’ in mijn webdesign waarden en normen bakje. Simplicity betekent letterlijk eenvoudigheid. Als iets eenvoudig is, dan is het makkelijk te doen en het zal dan ook wel makkelijk te leren en overzien zijn voor de bezoeker. De ‘eenvoudigheidsgraad’ van een website wordt bij de eerste indruk meteen vastgelegt.

Google.nl: menubalk
Neem een kijkje naar de menubalk op Google, stel je voor dat ze deze naar de onderkant van de pagina zouden verplaatsen!

Als je een website bezoekt, doe je dat meestal met een doel. Mensen hebben de eigenschap dingen op de meest efficiënte manier te willen doen en hoe makkelijker jouw website te overzien is, hoe makkelijker ze het doel kunnen bereiken. Bezoekers weten aan de hand van hun eigen ervaring op het web of jouw site makkelijk te overzien is, zo zijn ze gewend aan een bepaalde manier van hoe een lay out eruit zou  moeten zien.

Dit betekent dat als een bezoeker op een blog of een nieuwssite is en hij/zij het überhaupt al als zodanig herkent, weten dat de website op een bepaalde manier is ingericht: een typische blogindeling. Zo heeft het een breder tekstgedeelte waarin de ‘blogs’ komen en een of twee smallere tekstgedeeltes met links en tekst. Het wordt ook duidelijk dat de inhoud op een regelmatige basis wordt bijgewerkt en er op home de meest recente nieuwtjes te vinden zijn. Althans, dat is hoe ik zo’n soort site herken.

Een banksite is daarentegen heel anders, zo heeft het een imagerollover met plaatjes van tevreden klanten die diensten van ze gebruiken en rechtboven kan ik de link “Log in” vinden. Hier zie je geen nieuws, het is gewoon een site waarop je info kan opzoeken en je diensten op kan gebruiken. Door je een beetje te houden aan deze structuur  maak je het bezoekers makkelijker de website te doorgronden.

Plaatsing

Je aan ‘ongeschreven’ webconventies houden is een, want daarnaast ik geloof er heilig in dat de plaatsing van bepaalde elementen in een website en de manier woorop de elementen in elkaar zijn gezet ervoor zorgen dat de bezoeker de site als envoudiger te doorgronden beschouwt. Zo kan de plaatsing van menuutjes op een website een groot verschil uit maken, sterker nog, het verschil.

Stel je voor dat Google op een dag het menuutje bovenin waar je kunt bepalen waarna/waarin je wilt zoeken (het web, afbeeldingen, nieuws, etc.) zou verplaatsen naar de onderkant van de pagina, dan zou het voor beginners veel moeilijker te overzien zijn wat de site kan doen. Zo zouden ze zich afvragen waar ze naar afbeeldingen kunnen zoeken als ze al weten dat zoiets kan op google.nl.

Wat ook is gebleken in ‘een onderzoek’ – ja, ik weet het, maar ik kan het niet meer vinden op het internet, het is nog niet zo simpel! – van een bedrijf was dat toen men de meest gekochte producten op de hoofdpagina plaatsten, dat deze beter verkochten. Het bedrijf liep gewoon beter. Nou heeft dit niet veel met simplicity te maken, maar het heeft allicht de pad naar het doel van de klant minder complex gemaakt.

Design

Maar ik denk dat het design van een website ook een grote invloed heeft op hoe makkelijk de bezoeker denkt dat het eruit ziet. Als iets er heel netjes uitziet en het klopt met de inhoud van de site dan ziet het eruit alsof de designer/developer er tijd aan heeft besteed, dan moet het er ook meer aandacht zijn voor het gemak. Natuurlijk moeten niet alle websites er tiptop uitzien, websites die prijsvechters zijn moeten er ook iets goedkoper uitzien, anders geloven de klanten het niet.

Tabs
Meteen duidelijk, tab “Two” is geselecteerd.

Maar dit is eigenlijk niet wat ik wilde melden, ik wil graag melden dat het design een groot verschil maakt in de zin van dingen highlighten die belangrijk zijn. Zo weet je in je browser dat als je op een pagina zit en je alleen naar de vorige pagina kan gaan, dat je niet naar de volgende pagina kan gaan doordat de ‘volgende pagina knop’ niet vol van kleur is, iets vager, het ziet er onklikbaar uit. Een normale gebruiker weet hierdoor dat hij niet een pagina naar voren kan gaan. Op een website kun je een soortgelijkig effect/reactie bij gebruikers creëren met tabs.

Eenvoud ‘faken’

Maar wat geniaal is, is een website die simpel te doorgronden laten lijken ondanks het feit dat er ontzettend veel informatie op staat. Zo denk ik dat apple.nl en tweakers.net een goede voorbeelden zijn van zo’n website met heel veel informatie zonder dat het ervoor zorgt dat de inhoud moeilijk te vinden is.

Dit komt waarschijnlijk omdat ze bij apple.nl goed doorhebben wat de conventies zijn, de kaders waarin ze hun website opzetten. Het is moeilijk om deze te vinden en/of vast te leggen, maar ze hebben bij Apple al decennia lang ervaring met het ontwerpen van producten die toegankelijk zijn, maar toch uitdagend. Dit is wat apple.nl onderscheidt van veel andere websites. Ze hebben het goed door.

Geniaal.

I try to answer comments within four days. If you have comment(ed) on my blog for the first time, please don't be shocked when your comment doesn't show up immediately. I have to approve it first (in order to keep spam out of my website) You could also send me an email: mellewynia@noonnoo.com. Thank you!