We hebben allemaal websites gehad die moeilijk te navigeren zijn en die je misschien in het rond hebben geleid, of de pagina's verbergen die je het liefst wilde bezoeken.

Usability is een belangrijk aspect van het ontwerp van een site. Omdat het als een massatransportsysteem, indien correct uitgevoerd, bezoekers op een soepele en efficiënte manier door en naar hun bestemming zal leiden.

Omgekeerd kan een slecht ontworpen website ervoor zorgen dat bezoekers gefrustreerd weggaan omdat ze niet hebben gevonden waarnaar ze op zoek waren, en misschien zelfs nooit meer terug zouden komen.

Dus, wat zijn de trucs die goede webdesigners gebruiken??

  • We hebben hier de beste webhostingservices gekozen

Leren van gedrukte media

Hoewel websites niet dezelfde beperkingen hebben die de gedrukte media beperken, lijkt de manier waarop mensen een webpagina lezen sterk op hoe ze een krant of tijdschrift benaderen.

Traditioneel staat de identiteit van de site bovenaan, hieronder staan ​​de grote krantenkoppen en dan stromen de verhalen langs de pagina en mogelijk naar volgende pagina's.

Er is niets mis met het hebben van een spandoek met 'ga naar pagina 8 om erover te lezen' hieronder, en in dat opzicht is het heel acceptabel om links op een website te hebben naar diep ingegraven inhoud.

Wat belangrijk is op de standaardpagina is dat iedereen die naar de site komt als eerste de dingen simpel en overzichtelijk houdt, omdat het overladen van de bezoeker met opties een recept is voor verwarring.

Afbeeldingen in plaats van tekst kunnen een middel zijn om een ​​eenvoudig te volgen structuur te creëren en bezoekers naar de subsectie te brengen die ze willen vinden.

Het doel van de startpagina is om een ​​model en structuur te maken die gebruikers kunnen begrijpen en volgen voor hun hele bezoek. Daarom, als het model eenmaal is gedefinieerd, maak nooit subpagina's die een ander systeem van menu's en plaatsingen van informatie gebruiken.

Het is ook handig om elke sectie te differentiëren met behulp van kleur, waardoor bezoekers bijvoorbeeld hulp kunnen associëren met één tint en verkopen met een andere. Deze paletten moeten op de startpagina worden gedefinieerd en gedurende de hele periode worden bewaard.

Hier zijn 10 dingen die elk ontwerp van de website moet altijd streven, gevolgd door nog eens 10 die moet worden vermeden ten koste van alles.

Ontwerp do's

1. Wees leeftijdsbewust

Overweeg de gemiddelde leeftijd van het lezerspubliek bij het kiezen van de lettertypen en -groottes. Vermijd serif-lettertypen, omdat hun leesbaarheid over het algemeen slecht is.

2. Gebruik het logo

Op elke pagina moet het bedrijfslogo staan ​​(meestal linksboven). Als u hierop klikt, gaat u terug naar de startpagina.

3. Gebruik een voettekst

Een voettekst met links 'Over' en 'Algemene voorwaarden' - plus eventuele links naar links - is nuttig en zou op elke pagina moeten staan.

4. Denk aan mobiele gebruikers

Test het ontwerp van de site op mobiele platforms en voer aanpassingen aan de mobiele versie uit als deze niet goed werkt op een telefoon of tablet. Houd er rekening mee dat mobiele gebruikers mogelijk afbeeldingen met een lagere resolutie waarderen voor sneller laden van pagina's.

5. Snelheid is van cruciaal belang

De startpagina moet de snelste van alle pagina's laden, omdat dit de enige plaats is die iedereen zal bezoeken. Maak het daarom zo schoon en efficiënt mogelijk.

6. Overweeg de gehandicapten

Voordat u begint met het ontwerpen van uw site, kunt u overwegen een aantal richtlijnen voor het ontwerpen van websites te lezen voor gehandicapte internetgebruikers, zoals die zijn gemaakt door het Web Accessibility Initiative (WAI). Een deel van alle bezoekers wordt uitgeschakeld en het helpt hen om het meeste uit de site te halen.

7. Tel die klikken

Zodra uw website operationeel is, kunt u bepalen op welke pagina's de meeste bezoekers neigen. Tel het aantal klikken van de startpagina dat vereist is en probeer het aantal te verminderen.

8. Kleurbeheer weergeven

Idealiter zou een site het kleurenpalet uit het bedrijfslogo moeten gebruiken, plus een aantal extra tinten die zijn ontworpen om te werken naast de kleuren die moeten worden gemarkeerd of contrasteren. Wanneer deze zijn gekozen, moet u nagaan hoe deze van invloed zijn op iemand met een visuele beperking of kleurenblindheid.

9. Gebruik grotere afbeeldingen

Grote afbeeldingen trekken bezoekers, maar ze kunnen de laadtijd van de pagina's verhogen en zijn ook moeilijker te renderen voor gebruikers met minder krachtige machines. Overweeg de kleuren te verkleinen of monochroom te gebruiken voor grote afbeeldingen, zodat ze sneller worden weergegeven.

10. Grote knoppen

Zorg dat je grote 'Call to Action'-knoppen gebruikt om bezoekers te bereiken waar je het liefst zou willen gaan. Dit kunnen productpagina's of de sectie e-commerce zijn - waar het ook de commercieel meest relevante zin heeft om ze te sturen.

Ontwerp niet

1. Blijf uit de buurt van bepaalde webtechnologieën

Over het algemeen vermijdt u complexe geanimeerde elementen waarvoor Flash of JavaScript moet werken, omdat deze alleen op sommige systemen werken en deze technologieën inherente beveiligingsproblemen hebben.

2. Gebruik geen zijbalken

Het is de marketingnorm geworden voor promotionele berichten die in sidebars worden geplaatst, wat betekent dat het afstemmen ervan een tweede natuur is geworden voor websurfers..

3. Houd lettertypen onder controle

Gebruik nooit meer dan drie lettertypen en als u het bij slechts een paar kunt houden, is dat nog beter. Merk op dat dit verschillende puntgroottes of variaties (vet, cursief, enzovoort) van hetzelfde lettertype omvat. Hoe meer lettertypen u toevoegt, hoe meer de website eruit zal zien als de kleine advertentiesectie van een krant - en het vernietigt de continuïteit van het ontwerp.

4. Beperk scrollen

Ontwerp geen site waarvoor elke pagina moet scrollen om gelezen te worden. Gebruikers kunnen mogelijk niet naar beneden schuiven en het kritieke gedeelte lezen dat ze wilden zien, vooral als ze geen muis gebruiken om te navigeren.

5. Onderstreep nooit tekst

Gebruikers verwachten dat het een klikbare link is en dat ze in de war raken als ze niet naar een andere pagina worden gebracht.

6. Vermijd lange vormen

Hoe meer informatie u vraagt ​​aan mensen om in te vullen, hoe kleiner de kans is dat ze het formulier invullen en op Verzenden klikken. Zodra u een communicatiekanaal heeft opgezet, kunt u altijd een follow-up krijgen en meer informatie van hen krijgen.

7. Wees niet onbeschoft

Vraag nooit een vragenlijst in te vullen zodra een bezoeker op de startpagina aankomt. Hoewel dit op sommige sites gebruikelijk is, is het onbeleefd en wordt het feit dat de gebruiker met een doel naar de site kwam genegeerd. Het is ook onwaarschijnlijk dat ze een vragenlijst zullen invullen als ze nog maar net door de deuren zijn gelopen.

8. Wees niet lang van doen

Presenteer geen inhoud die groter is dan 20 woorden breed, en houd de alinea's ook op de juiste manier kort, in het ideale geval niet veel meer dan 50 woorden. Brede pagina's en lange alinea's betekenen slechte leesbaarheid en ontkoppelen vaak de lezer van de inhoud.

9. Overlaad nooit een pagina

Witte ruimte vergroot de leesbaarheid en stelt bezoekers in staat de inhoud op een pagina gemakkelijker te verwerken. Als een pagina vol rommel is, overweeg dan een deel van de inhoud ergens anders naartoe te verplaatsen en daar naar toe te linken.

10. Vermijd auto-run-objecten

Aankomen op een site en vervolgens worden gebombardeerd met muziek of video die je niet hebt geïnitieerd, kan vervelend zijn, dus vermijd dat bij je potentiële klanten.

Laatste gedachten

We hebben allemaal genoeg websites bekeken om te weten wanneer een ontwerp werkt en wanneer het faalt. Maar het kan moeilijk zijn om een ​​probleem te zien - of zelfs een oplossing te bedenken - als je weet waar alles is en waarom een ​​pagina zich op een specifieke plaats bevindt.

Daarom is het erg belangrijk om ervoor te zorgen dat iemand die de website nog nooit heeft gezien of een rol heeft gespeeld bij de ontwikkeling ervan, wordt betrokken bij het testen van de site. Ze zullen steevast dingen opmerken die iemand die meer vertrouwd is met het project zullen missen, en dit soort feedback is van vitaal belang.

Voor wie helemaal opnieuw begint, is het beste beleid om 10 websites te nemen die u regelmatig bezoekt en een korte lijst met dingen te schrijven waarvan u houdt en waarvan u niet houdt.
Aan het einde van dit proces heb je een nette lijst met elementen die je in het nieuwe ontwerp zou willen zien, en ook valkuilen om te vermijden.

Het overtreden van enkele regels en innoveren is echter ook een onderdeel van de opdracht, dus wees voorbereid op het overwegen iets te doen dat normaal niet op internet te zien is, omdat dit de site anders maakt en het gedenkwaardig maakt..

De kunst is om de bezoeker uit te dagen met dingen die ze niet verwachten, zonder ze te verwarren of te irriteren met visuele metaforen die ze niet begrijpen of navigatie die lukraak lijkt.

Het is ook nuttig om te accepteren dat de meeste websiteontwerpen al vroeg in hun leven een aantal aanpassingen ondergaan en dat er maar heel weinig vanaf het begin optimaal zijn.

  • Dit zijn de beste webhostingservices