Inhoud
Gestalt is het Duitse woord dat kan worden gedefinieerd als de ‘essentie of vorm van de volledige vorm van een entiteit’. We gebruiken de term in grafisch ontwerp om te verwijzen naar het idee van hoe een persoon een element van iets dat we hebben ontworpen, zal herkennen en erop zal reageren.
Er zijn verschillende leidende principes die tegen dit concept worden toegepast; Gelijkenis, voortzetting, sluiting, nabijheid, figuur en grond. We kunnen deze in ons voordeel gebruiken bij het ontwerpen van webpagina-elementen - met name bij het ontwerp van knoppen.
Wat zit er in een vorm?
Knoppen zijn ongelooflijk belangrijk voor elke call-to-action of transactieproces. De knop is het eindpunt bij het indienen van een formulier of het voltooien van een transactie, dus we moeten ze niet als losse factoren beschouwen wanneer we een pagina of formulier als geheel ontwerpen. Hun vorm en vorm zijn erg belangrijk, zodat de gebruiker ze onmiddellijk als zodanig herkent en duidelijk de gewenste handeling kan uitvoeren.
Een gebruiker moet er ook zeker van zijn dat de knop een knop is en dat wat ze verwachten dat er zal gebeuren, inderdaad zal gebeuren. Als we negeren de gebruiker deze belangrijke feedback te geven, kan dit leiden tot verloren conversies en verkopen.
Knoop ontwerppatronen
Er zijn bestaande ontwerppatronen voor knoppen op internet. De look die in het besturingssysteem of de browser is ingebouwd, is de meest elementaire en gemakkelijk bruikbare die u kunt vinden. Er zijn ook andere looks met afgeronde hoeken of een 3D-uiterlijk die de gebruiker het signaal ‘Ik ben een knop’ kunnen sturen. Dit lijkt misschien een eenvoudig punt om te maken, maar het simpel houden is de manier om conversies te winnen.
Vijf voorbeelden om te bekijken
1. Netflix De filmstreamingservice Netflix gebruikt een eenvoudige systeemknop voor het aanmeldingsformulier. Dit is in dit geval geweldig, aangezien de pagina bezet is en deze duidelijkheid nodig heeft.
2. Vierkant De gestalt van belangrijke knoppen op de startpagina van de website van de Square-creditcardscanner-app strekt zich uit over de lijn tussen systeem- en gestileerde knoppen. Visueel lezen ze duidelijk en netjes als knoppen.
3. rdio De site voor de on-demand muziekservice rdio gebruikt kleur, vorm en nabijheid voor de hoofdknop, zodat deze opvalt en het 'klik me'-signaal naar gebruikers stuurt.
4. iTunes De wekelijkse iTunes-muziekverkoop-e-mail is prachtig ontworpen, maar gebruikt een nu algemeen patroon om van de grote centrale afbeelding een link naar de gewenste actie te maken. Dit is een prima oplossing, maar het verliest de duidelijke gestalt van de knop of call-to-action.
5. Blip me De website voor de spraakuitzending iPhone-app Blip Me gebruikt wat een standaard ‘app store’ -knop aan het worden is. Dit is interessant: op zichzelf leest het misschien niet als een knop, maar gezien de populaire acceptatie op internet, bouwt het een geheel eigen gestalt voor gebruikers.
Als u voorbeelden heeft gezien van sites die veel effect hebben op knoppen, waarom zou u deze dan niet vermelden in de opmerkingen?
