Share
Het creëren van een uitnodigend "startpunt" is belangrijk in elk type ontwerpdiscipline, maar vooral op het web waar de aandachtsspanne laag is en de eerste momenten van het bezoek van een gebruiker het kunnen halen of breken. Of het nu je doel is om een flitsende 'splash screen' te maken of je bent aan het ontwerpen van een meer traditionele startpagina, er zijn eenvoudige ontwerpbeslissingen die je kunt nemen om je kansen te verbeteren om bezoekers op je site te houden..
In dit artikel zullen we de belangrijkste principes beschrijven voor het ontwerpen van een effectief toegangspunt voor uw website. We zullen geen specifieke elementen in de diepte bespreken; Integendeel, we zullen de overkoepelende principes onderzoeken die elke ontwerper in gedachten moet houden bij het creëren van die altijd belangrijke eerste indruk van een site.
Ongeacht wat hun moeder heeft geleerd, mensen kunnen gewoon niet schoppen de gewoonte om dingen te beoordelen aan hun allereerste indrukken. Hoewel een pessimist misschien zegt dat dit tragisch is, verheugen boekontwerpers over de hele wereld zich elke keer als ze het horen, en jij ook!
Onderzoekers lijken het erover eens te zijn dat je tussen de 3 en 5 seconden hebt om de aandacht van een bezoeker te trekken. Deze eerste indruk van een website heeft grote invloed op de perceptie van de bezoeker van de site en op hun houding ten opzichte van de inhoud op die site. Een traag ladende pagina of een vervelend opstartscherm kan mensen van de pagina weghalen voordat ze zelfs zien wat het te bieden heeft. Bovendien kunnen sites die gebruikmaken van pop-upadvertenties, modale vensters en mensen door andere hoepels laten springen om naar het hoofdscherm te gaan opdringerig lijken, zelfs als de eigenaar van de website goede bedoelingen heeft.
Het creëren van een toegangspunt dat daadwerkelijk werkt om uw kansen op het houden van bezoekers te vergroten, is echter niet zo moeilijk. Wat volgt zijn de drie hoofdbeginselen van "goed ingangspuntontwerp" dat elke ontwerper op zijn / haar eigen site kan gebruiken, ongeacht waar de website voor is:
Overweeg het instappunt van uw site alsof het een etalage is: u zou bezoekers in uw winkel niet dwingen om te staan en naar een introductietoespraak van 30 seconden te luisteren voordat ze mochten winkelen; Je zou ook niet hun handen vol met advertenties voor andere winkels, abonnementen, enquêtes of iets anders als ze door de deur liepen. Uw hoofddoel bij het ontwerpen van een storefront is eenvoudig: maak het winkelen zo eenvoudig, soepel en ongecompliceerd mogelijk. Dezelfde regels zijn van toepassing op webdesign: hoe minder afleidingen u bij het beginpunt aanbiedt, hoe beter uw bezoekers zullen ervaren.
Je zou bezoekers in je winkel niet dwingen om te staan en naar een introductietoespraak van 30 seconden te luisteren voordat ze mochten winkelen ...
Stijl, karakter, branding en persoonlijkheid zijn allemaal geweldige dingen voor uw website, maar als uw site er niet in slaagt om gebruikers daadwerkelijk te laten klikken, zal zelfs het meest aansprekende ontwerp uw verkeersranglijsten niet verbeteren.
Er mag nooit een barrière worden geplaatst tussen de bezoeker en wat hij zoekt. Voorbeelden van barrières zijn de beruchte pop-upadvertenties en de langdurende splash-schermen, maar ze kunnen heel wat andere dingen omvatten. Overweeg een enquête die gebruikers uitnodigt om hun feedback te delen om de site te verbeteren: dit lijkt een geweldig idee op het eerste gezicht, maar veel gebruikers zullen alles zien dat hen in de weg staat als reden om te vertrekken. Vergeet niet dat het internet een grote plaats inneemt - als gebruikers te maken krijgen met belemmeringen tussen henzelf en de informatie die ze zoeken, zullen ze snel weggaan om een andere site te vinden die barrièrevrij is.
Er zijn verschillende redenen waarom u misschien een barrière moet opnemen. Sites die leeftijdsverificatie vereisen, speciale plug-ins vereisen of gebruikers nodig hebben om een land van herkomst op te geven, vereisen allemaal een "checkpoint" -pagina waar gebruikers naar de juiste plaats kunnen worden gekanaliseerd. Als u absoluut een van deze barrière-elementen moet opnemen, zorg er dan voor dat het er onberispelijk uitziet; Net zoals een bezoeker van onze hypothetische winkel aan de buitenkant niet naar binnen kan gaan als het er vies of onverzorgd uitziet, kunnen bezoekers van uw website snel weggaan als het startscherm verwarrend is of hen ervan overtuigt dat de website niet is wat ze zoeken voor.
Coda is een web-ontwikkelingstoepassing die een breed scala aan gereedschappen onder één dak combineert. Het klinkt ingewikkeld (en het is als je er echt over nadenkt!), Maar Coda's homepage is altijd al het summum van eenvoud geweest. Door de hoeveelheid informatie die ze geven aan gebruikers op de startpagina te beperken, nodigen ze gebruikers uit om A) de app te downloaden of B) meer informatie te krijgen. Beide keuzes die een gebruiker maakt, het doel om ze naar de site te brengen, is bereikt!
Een effectief instappunt moet bezoekers in staat stellen om zich snel te oriënteren waar ze nu zijn en waar ze naartoe kunnen gaan. In onze hypothetische winkel kan dit betekenen dat we een duidelijk beeld geven van de belangrijkste gangpaden in de winkel. In een website kan dit net zo eenvoudig zijn als het ontwerpen van een duidelijk, goed georganiseerd navigatiemenu. Het onderliggende principe is mensen toe te staan hun opties te bekijken zonder verwarring of rommel. Met inbegrip van "oriëntatielijnen" om bezoekers te laten weten waar ze kunnen zoeken en hoe ze de inhoud kunnen vinden waarnaar ze op zoek zijn, zijn eenvoudige manieren waarop ontwerp de bruikbaarheid van een site kan vergroten..
Het ontwerpen van interessante punten hoeft niet ingewikkeld te zijn; Integendeel, aandachtspunten in een ontwerp moeten eenvoudig zijn, goed gespatieerd en gemakkelijk te herkennen. Het inpakken van te veel interessante plaatsen kan een ontwerp zelfs breken door een gebruiker te overladen met opties.
Denk aan uw websiteontwerp zoals een restaurantmenu: als een ober u een menu geeft dat 100 pagina's lang is, weet u niet waar u moet beginnen met zoeken naar wat u wilt eten. Als uw ober u een eenvoudig menu met 5 of 6 smaakvolle voorgerechtopties overhandigt, zult u waarschijnlijk binnen enkele ogenblikken kunnen beslissen (en dan kunt u doorgaan met een aangename maaltijd)!
Het iTunes Music Store-voorbeeld is een merkwaardig exemplaar; Er zijn niet veel moeilijkere ontwerptaken dan het ontwerpen van een muziekcatalogus die zowel hard-rockers, hiphopliefhebbers als mijn eigen lieve moeder aanspreekt. De iTunes-winkel doet precies dat - door het ontwerpen van interessante punten over de pagina, evenals archiveringsfunctionerende links aan de rechterkant, krijgt bijna elk type gebruiker iets interessants - of het nu mensen zijn die op zoek zijn naar een zeer specifieke artiest of toevallige browsers die gewoon op zoek zijn naar nieuwe functies. Ik ben er zeker van dat er mensen zijn die dit ontwerp om de een of andere reden niet leuk vinden (dit is tenslotte een Apple-product!), Maar het is moeilijk om met de functie van het ontwerp hier te discussiëren..
De elementen op de bestemmingspagina van een site moeten worden gebruikt om mensen door het toegangspunt aan te trekken en te verplaatsen. Inclusief elementen die de aandacht trekken, zoals een interactieve jQuery-schuifregelaar, kan een bezoeker snel brengen in een site door ze uit te nodigen om te klikken om meer te weten te komen over een bepaalde dia. Gebruik meeslepende krantenkoppen voor nieuwe of opwindende inhoud die de aandacht van een bezoeker kan trekken; Verdeel content in duidelijk gedefinieerde categorieën om gebruikers te helpen iets te vinden dat hen interesseert. De perfecte set ontwerpelementen zal voor elke site anders zijn, maar de inhoud die je hebt overwegen, en je homepage ontwerpen om die inhoud te tonen alsof het een feestmaal op een tafel is (in tegenstelling tot een verwarrend voorraadkast van ingrediënten!).
Thedailybeast.com is een ander interessant dier. Ze zijn in wezen een politieke krant - een soort site die niet altijd de hoogste ontwerpnormen heeft gezien. Maar waar andere sites van het 'krant'-type hebben geprobeerd en faalden, slaagt The Daily Beast erin. Ze doen dit door vanaf de startpagina meerdere 'toegangspunten' in hun site te maken. Er is een afbeeldingsschuiver, een vetgedrukt "spiekbriefje", meerdere hoofdteksten en nog veel meer. Of je het wel of niet eens bent met hun schrijven, het is heel moeilijk om niet op iets te klikken.
Het ontwerpen van een effectief toegangspunt hoeft niet ingewikkeld of moeilijk te zijn. Als u de hoofdboodschap van uw site in enkele eenvoudige punten kunt doorbreken, kunt u die punten gebruiken als een routekaart voor uw ontwerp. Elimineer de barrières tussen uw gebruikers en uw inhoud en ze zullen vanzelf hun weg naar elkaar vinden. Laat hieronder enkele opmerkingen achter!
Accentsconagua