11 Common Web Design Mistakes (Blunders)

Er zijn honderden websites op internet en honderden of waarschijnlijk duizenden worden per dag gemaakt. Hier is een heel interessant iets om over na te denken - Wat zijn de elementen van een goede website?

Het bouwen van een website kan ontmoedigend zijn, maar de echte uitdaging ligt in het bruikbaar maken ervan. Het probleem is dat de meeste webontwerpers vergeten dat de website niet voor zichzelf is gemaakt, maar om de behoeften van de gebruikers op te lossen. Ze geven creativiteit prioriteit boven bruikbaarheid en bruikbaarheid.

In dit artikel willen we benadrukken 11 webdesign-blunders die webontwikkelaars en ontwerpers maken en enkele suggesties hoe deze fouten gemakkelijk kunnen worden vermeden.

1. Waar is het vak Zoeken??

Het web is als een archief van informatie. Of het nu gaat om een ​​bedrijfswebsite of alleen om een ​​blog, een zoekvak is essentieel. De bezoeker kan op zoek zijn naar iets dat verborgen is in de website, met het zoekvak, de kans is groot dat bezoekers krijgen wat ze willen.

suggesties:Google Custom Search is een nette, eenvoudige en effectieve manier om te beginnen. Hiermee kunnen bezoekers uw site op een efficiënte manier doorzoeken. Kopieer de HTML-code gewoon vanuit het configuratiescherm en plak deze op uw website en voilÃ, ?? Ã'Â, u heeft een zoekfunctie op uw website.

Hier is een eenvoudige formuliercode om de zoekmachine van Google ook op uw site weer te geven. Het enige wat u hoeft te doen is de sitenaam in de naam van uw website veranderen. Bovendien kunt u de verzendwaarde aanpassen naar wat u maar wilt.

Meer: Het heilige zoekvak ontwerpen: voorbeelden en beste praktijken- Dit artikel geeft richtlijnen voor het ontwerpen van het zoekvak.

2. Slechte leesbaarheid en leesbaarheid.

Dit is een cruciaal element van webdesign. Natuurlijk zal een goed interfaceontwerp de aandacht van de gebruikers trekken, maar gebruikers moeten tekst lezen om de informatie te begrijpen die zij wensen. Sommige websites gebruiken de meest bizarre lettertypestijlen en -groottes die het lezen lastig maken.

suggesties:Gelukkig zijn er eenvoudige manieren om de leeservaring van gebruikers op uw website te verbeteren.

1. Vergelijk kleurenschema's van de meeste grote sites en merk op hoe de kleuren de leesbaarheid verbeteren. Een goede plek om verschillende kleurenschema's uit te proberen is Adobe Kuler.
2. Gebruik een Sans serif lettertype omdat het gemakkelijk lezen op internet mogelijk maakt.

Meer: Hier is een goed artikel dat je meer tips geeft over het verbeteren van de leesbaarheid - Leesbaarheid - Webpagina's gemakkelijk leesbaar maken.

3. Unorganized Content Layout.

De inhoud van een website zorgt ervoor. Hoe de inhoud is gestructureerd, maakt het tot een succes of een mislukking. Gebruikers lezen niet, tenzij absoluut noodzakelijk, maar scannen informatie door en kiezen interessante punten op een webpagina. Sommige ontwerpers plaatsen gewoon een blok tekst op de webpagina en negeren volledig koppen, subkoppen, opsommingstekens, trefwoorden, alinea's, enz..

Gebruik een toepasselijke paginatitel voor elke webpagina, zodat gebruikers precies weten waar ze zijn. Sommige ontwerpers vergeten zelfs de webpagina een naam te geven.

Over het algemeen zal het slechtste in deze categorie onnauwkeurige, ontoegankelijke, onbeduidende of verouderde inhoud op uw website plaatsen. De inhoud moet samenvallen met het algemene thema van de website en nuttig zijn. Als een pagina in aanbouw is, waarom zou u dan moeite doen om het op te zetten? Als een ontwerper echt moet, dan is het slechts tijdelijk en 3 weken zal niet langer als tijdelijk worden beschouwd.

suggesties: Organiseer inhoud op uw website met behulp van HTML en CSS moet worden gebruikt bij het maken van het ontwerp van uw pagina's.

1. Creëer voldoende witruimte tussen uw tekst en afbeeldingen door marges te gebruiken.
2. Update en consistent zijn. Het doel van het bijwerken is niet alleen om nieuwe inhoud toe te voegen, maar ook om fouten uit het verleden op te sporen en te corrigeren. Jakob Nielsen stelt voor om een ​​te huren web “tuinman”.

Budget om een ​​webtuinier in te huren als onderdeel van je team. Je hebt iemand nodig om het onkruid uit te roeien en de bloemen opnieuw te planten terwijl de website verandert, maar de meeste mensen besteden liever tijd aan het maken van nieuwe inhoud dan aan onderhoud. In de praktijk is onderhoud een goedkope manier om de inhoud van uw website te verbeteren, omdat veel oude pagina's hun relevantie behouden en moeten worden gekoppeld aan de nieuwe pagina's. Natuurlijk zijn sommige pagina's beter af te zijn verwijderd volledig van de server na hun vervaldatum - Jakob Nielsen

4. Slechte navigatie.

Navigatie binnen een website moet naadloos zijn. Gebruikers moeten gemakkelijk hun weg vinden. Hoewel er geen standaard is voor navigatie binnen een website, vooral nu er meer nieuwe webontwikkelingstechnologieën ontstaan, is het absoluut noodzakelijk om te begrijpen dat navigatie intuïtief en consistent moet zijn.

Als tekst wordt gebruikt als navigatie, zou het beknopt moeten zijn. Visuele metaforen zouden niet opnieuw moeten worden uitgevonden. Als hyperlinks worden gebruikt, moeten deze zich onderscheiden van de hoofdtekst. Dode links mogen nergens op een webpagina voorkomen. Dit verhoogt de verwarring bij gebruikers en verspilt tijd. En een zelfs nog erger is een link op de startpagina te hebben die linkt naar de startpagina.

suggesties:

1. Maak navigatie soepel door tekstuele beschrijvingen te gebruiken voor alle links. Geef alt-tekst voor afbeeldingen. Gebruik alternatieve tekstbeschrijvingstechnieken voor Flash- of Javascript-koppelingen.
2. Organiseer en structureer uw navigatie in overeenstemming met het thema van de website. Persoonlijke websites kunnen het zich veroorloven creatiever en toch toegankelijk te zijn, maar een bedrijfswebsite vereist meer efficiëntie en duidelijkheid.

Onthoud dat als gebruikers in minder dan drie klikken niet kunnen vinden wat ze willen, de meeste meteen zullen vertrekken.

Meer: Implementatie van effectieve websitenavigatie - Dit artikel geeft meer inzicht in het implementeren van een effectieve navigatie voor uw website.

5. Inconsistent interfaceontwerp.

Overmatige creativiteit kan precies dat zijn. Buitensporig! Sommige ontwerpers nemen het naar een ander niveau bij het maken van websites door verschillende ontwerpen te maken voor elke webpagina binnen een website. Dit is geenszins verwarrend voor de gebruiker. En volkomen vervelend. Hoe mooi en aantrekkelijk een website ook is, als het algemene uiterlijk niet consistent is, kunnen gebruikers zich daar niet mee identificeren en voelen ze zich minder onder controle. Dus vertrekken zodra ze zijn aangekomen.

suggesties:

1. Gebruik een standaard consistent sjabloon voor elke pagina met links naar de hoofdgedeelten van de site.
2. Het sleutelwoord is eenvoudig. Creëer esthetisch eenvoudige ontwerpen en gebruikers raken nooit in de war op uw website.

6. Onvriendelijke schermresolutie.

Ik weet zeker dat we websites hebben bezocht waar je horizontaal moet scrollen. Dit is een absoluut nee-nee in modern webdesign. Een goede ontwerper zal websites ontwikkelen die op de meeste schermformaten passen. De huidige geoptimaliseerde lay-out voor websites bedraagt ​​momenteel 1024 x 768 pixels.

suggesties:Het is moeilijk en bijna onmogelijk om het ontwerp op elke resolutie af te stemmen, vooral wanneer bezoekers nu surfen vanaf mobiele telefoons en netbooks, maar we kunnen een ruw idee krijgen van wat de algemeen gebruikte schermresoluties zijn op de volgende manieren:

• Controleer uw statistieken - Analysediensten zoals Google Analytics bieden u informatie over de monitorresolutie die ze gebruiken. Dit zijn nuttige informatie die u moet weten voordat u uw volgende opknapbeurt start.
• W3 schrijft browserstatistieken - W3 Schools geeft duidelijke lijsten van de meest populaire browser die door netizens wordt gebruikt en sorteert ze op basis van populariteit. Er zijn ook andere interessante en belangrijke statistieken.

7. Gecompliceerde registratieformulieren.

Registratieformulieren zijn lastig. Hoeveel informatie heeft u van de gebruiker nodig? Voorbij zijn de dagen waarop een gebruiker een ontelbaar aantal gegevens moest invoeren om zich te registreren op uw website. Sommige websites maken de meeste registratievelden verplicht en valideren de velden in de mate waarin de gebruiker na een paar pogingen gefrustreerd is. Vergeet niet dat gebruikers een website bezoeken om informatie te verkrijgen. Niet andersom.

De eenvoudige vorm van Someecard maakt registratie pijnloos.

suggesties:Vergelijk registratieformulieren in community's op internet en begrijp welke basisinformatie vereist is van de gebruiker tijdens het registratieproces.

Meer: 9 Gemeenschappelijke bruikbaarheid van fouten in webontwerp - Deze post op Smashing Magazine gaat uitgebreid in op registratieformulieren en andere bruikbaarheidfouten.

8. Gewetenloos gebruik van afbeeldingen / animaties.

Te veel afbeeldingen op een webpagina is een enorme uitschakeling. Afbeeldingen kunnen worden gebruikt om de aandacht van gebruikers te trekken, maar het kan ook een afleiding zijn of gewoon verergeren. Afbeeldingen dienen te worden gebruikt om de gebruiker te illustreren en te begeleiden waar nodig.

Animaties zijn geweldig en een krachtig medium. Vooral als het op de juiste manier wordt gebruikt. Wanneer het een cyclus is of gewoon te veel op een webpagina, krijgt het de zenuwen van de gebruikers. Gebruikers hebben niet het geduld, de tijd of de middelen, dus ontwerpers moeten alternatieven of beter nog bieden, de skip-knop, als het een volledige pagina-animatie is.

Meer: Flash: 99% slecht - Gebruik Flash op de juiste manier. Het is bijna 10 jaar geleden dat Jakob Nielsen dit artikel publiceerde, maar het is nog steeds relevant in termen van Flash-bruikbaarheid, vooral de Breekt Web Fundamentals stuk.

9. Rommelige pagina's, meer witruimte.

Te veel ontwerpers vergeten het witte ruimte en het belang ervan. Ze zijn zo opgeslokt door hun eigen ontwerpcreativiteit dat ze vergeten dat het niet om hen gaat. Dus proberen ze zoveel mogelijk op één pagina te proppen. Eindresultaat? Een drukke, rommelige en onleesbare pagina.

kylestanding maakt goed gebruik van witruimte in hun ontwerp.

Hier zijn een paar artikelen om u een goed idee te geven over de belang van witruimte in webdesign:

• Een vergelijking van vier witte ruimte-indelingen
• De waarde van witte ruimte
• Witte ruimte

10. Geen achtergrondmuziek, alsjeblieft!

Gebruikers willen niet cool, ze zoeken naar efficiëntie. En ja, 99 procent geeft niet om de muziek op je website. Sommige ontwerpers maken het nog erger door verschillende achtergrondmuziek op elke webpagina te plaatsen.

suggesties:Gebruik geen achtergrondmuziek, maar als dat moet, maak dan een frame voor de code en gebruikersbedieningen. Op die manier loopt de muziek voortdurend door, in plaats van elke keer dat een nieuwe pagina binnen de website wordt geladen, te veranderen. En de gebruiker kan op elk gewenst moment stoppen of pauzeren.

11. Test, Test en Test.

Dit kan niet genoeg benadrukt worden. Hoe vaak zijn we naar webpagina's geweest die alleen in een bepaalde browser kunnen worden bekeken? Webontwikkelaars moeten een checklist van soorten hebben bij het testen van websites.

• Kan de website in verschillende omgevingen worden bekeken??
• Is de ontwerplay-out consistent in alle browsers?
• Kan de website in verschillende instellingen worden bekeken, zoals Afbeeldingen uitgeschakeld, JavaScript uitgeschakeld, enz?

suggesties:W3C biedt tools om te testen op kwaliteitsborging. Uitchecken W3C Quality Assurance Toolbox en Webpagina-validatie.

Conclusie:

Houd het simpel, stom (K.I.S.S). Dat is de bottom line. Als het eenvoudig is, is het bruikbaar. Al met al houden geweldige websites het eenvoudig en bruikbaar. Maak je huiswerk en het komt gemakkelijk en natuurlijk.

Wat zijn je ervaringen in webdesignprojecten? Welke andere tips en gedachten zou je willen delen bij fouten in webontwerp??

Opmerking van de uitgever: Dit bericht is geschreven door Brujo Owoh voor Hongkiat.com. Brujo Owoh is een multimedia-systeem undergrad, gespecialiseerd in webontwerp en 2D-animatie. Hij geniet van het lezen van fictie, uitgaan met zijn vrienden en het bijhouden van designtrends op Twitter. Bezoek Brujo's blog.