|
|
 |
Ooit al op een site geweest waarvan je dacht: "Wauw, dit zou een prachtige site kunnen zijn zonder al die gaten" of "Als ik nog één zo'n pagina zie, dan begin ik te roepen".
Vandaag gaan we die gaten opvullen.
Je kan ieder mogelijk moment gebruiken om je website te promoten, maar als deze niet goed ontworpen is dan is alle moeite tevergeefs. Goede websites promoten zichzelf.
Wat moet je dan precies doen om een "goede" website te ontwerpen. Wel, eigenlijk is het veel eenvoudiger om te tonen wat je niet mag doen.
In dit lijstje lopen we de 10 website-zonden even af. Weet wel, sommige van de onderstaande feiten kunnen ook voorkomen wanneer een bepaalde website wordt bekeken op diverse platformen (PC, Mac, Unix, ...). Hier geldt de regel: controleer je site vooraf op meerdere platformen en in diverse browsers (Internet Explorer, Netscape, Opera, Safari, Mozilla, ...).
Voor u begint te denken "Wel, wel, zijn wij niet meneer-web-weet-het-al", dan moet je dit wel weten: dit lijstje kan ik maken omdat ik alles zelf wel al eens toegepast heb, tot mijn schande. Nu ja, aan alles is een begin, niet?
Website-zonde n°01: trage download-tijden
Jouw site kan de beste inhoud hebben, maar als de schermopbouw te lang duurt zal niemand wachten tot het einde. Per definitie, hoe langer het duurt om een website-pagina te downloaden, hoe minder bezoekers er zullen blijven hangen tot het betere (bittere) einde. Denk daar maar eens over na, de volgende keer dat je nog eens een 200 x 200 pixels grote foto wilt gebruiken als 'button'.
Indien bezoekers op je site terecht komen, zijn ze op zoek naar informatie, service of producten. Het overgrote deel is niet echt geïnteresseerd in dat 'coole' effect waar je een hele dag aan gewerkt hebt.
Moet je dan enkel informatie leveren in tekst-vorm zonder franjes? Tuurlijk niet! Toch niet als je met een bezoekersaantal van 1 per dag reeds gelukkig bent.
Je moet streven naar een evenwicht tussen beeld-kwaliteit en -grootte. Het web is het enige medium waar je vederlichte afbeeldingen kan gebruiken die er nog steeds scherp en kleurrijk uitzien. De grafische onderdelen moeten de pagina ondersteunen, niet overweldigen.
Indien je niet over een photo-editor (Adobe Photoshop, Macromedia Fireworks, ...) beschikt, zijn er op het web diverse alternatieven of services te vinden. NetMechanic biedt GIFBot, een gratis service die u laat kiezen uit diverse versies (compressies) van dezelfde afbeelding om zodoende de beste voor uw doeleind te kiezen.
Website-zonde n°02: Slechte keuze van achtergrond en tekstkleur
Is het niet frustrerend om naar een site te surfen waarvan je denkt alle informatie te vinden die je zoekt, om daarna te constateren dat die informatie onleesbaar is door een slechte keuze in achtergrond en/of tekstkleur.
Persoonlijk zou ik onder zware druk moeten staan om iets anders dan zwarte tekst op een witte achtergrond te gebruiken bij een bedrijfswebsite. Zwart op wit is optimaal leesbaar. Bewaar de achtergrond-GIF van je huisdier misschien voor je persoonlijke pagina's.
Als je toch kiest om geen zwart op wit te gebruiken, zorg er dan voor dat er genoeg contrast is tussen de tekst en de achtergrondkleur zodat de bezoekers zonder al teveel moeite de inhoud kunnen lezen. Niet vergeten dat de bezoekers ook het onderscheid moeten kunnen maken tussen wel en niet bezochte 'links' in de tekst. Je kunt voor je 'links' ook aangepaste kleuren gebruiken, maar de meeste surfers zijn bepaalde 'link'-kleuren gewoon, dus hier verander je best niets aan, behalve de extreme gevallen.
Website-zonde n°03: De duivelse "Blink"
Oh, dit is een mooie. Heb alstublieft een beetje medeleven met ons en gebruik geen "blinking" tekst op je pagina! Geloof me, men houdt er gewoon niet van.
Voor mij is er niets meer afleidend bij het lezen van een tekst dan die "blink". Het is te vergelijken met soaps op televisie. Staan ze op dan kan je er gewoon niet naast kijken.
Deze geef ik hier ook mee, die vervelende kleine geanimeerde GIF's. Enkele lichtjaren geleden waren deze nog nieuw en fris, maar als ik nog éénmaal een geanimeerd figuurtje zie op een "werken in uitvoering"-bord, dan ga ik volledig uit m'n dak (ik heb ze zelf nog gebruikt, aiaiai).
Vergis je niet, soms is het best mogelijk om enkele "goede" animaties hier en daar te gebruiken doorheen je site. De problemen komen pas als je zowat 20 smurfen de macarena laat dansen op één enkele pagina.
Deze hebben hetzelfde afleidende effect als "blinking" tekst. Net als je geconcentreerd het leesmateriaal kan absorberen, kunnen de vervelende kaboutertjes het niet langer houden en beginnen te bewegen. Ze stoppen, je herwint je concentratie, en raad eens? "Hé, kijk naar mij" - "Wauw, je dacht toch niet dat het over was, hé?" - "Kijk naar mij!!! Hou van mij!! AANBID MIJ!!!"
Website-zonde n°04: Frames
Ah ja, frames. je gebruikt ze of je bent er totaal tegen.
Probeer me niet te brainwashen in de manier van denken van sommige web-designers. Ik hou niet zo van frames. Of laat ik het zo stellen: in theorie zijn ze een prachtige 'tool', in de praktijk daarentegen zijn ze dat allesbehalve. Ja, frames kunnen zorgen voor een eenvoudige navigatie op een site, maar meestal ook niet.
Reeds bij een misrekening van slechts één pixel krijg je vervelende scrollbars daar waar je ze kan missen. Of wat dacht je van een venster van 5 pixels hoog met scrollbars, prachtig, niet? Soms is je scherm zo druk, moest je niet beter weten, je zou denken dat er een samoerai gepasseerd was. Alles in vakjes en hokjes gesneden, behalve daar waar je het wou.
En niet te vergeten, frames kunnen voor problemen zorgen bij zoekmachines bij het indexeren van je site.
Website-zonde n°05: De eindeloos scrollende pagina
Je laadt een pagina en je ziet de button van de scrollbar kleiner en kleiner worden. Als de pagina volledig geladen is haal je je vergrootglas boven en ja hoor, de button is er nog steeds, de volledige vijf nanometer. Hier wordt alles troebel voor je, het is nog een lange weg naar het einde van de pagina.
Ben je ooit bij een pagina gekomen die niet stopte? Beter de inhoud verdelen over meerdere pagina's en enkele links invoegen i.p.v. één lange pagina. OK, het is makkelijker om alle sop één pagina te smijten, maar het kan heel pijnlijk zijn om constant te moeten scrollen terwijl je leest.
Eén van mijn vrienden vond een site gevuld met prachtige informatie, maar bij het printen ervan kwam ze tot de vaststelling dat de printer enkele honderden pagina's begon uit te spuwen.
Website-zonde n°06: "Site onder constructie"
Het concept is eigenlijk heel simpel, folks ... als 't niet klaar is, plaats je het niet op 't web.
Ik zal zwijgen over de secties onder voorbereiding; dat is nog aanvaardbaar en velen zullen er zo over denken. Als je daarentegen je site laat indexeren door zoekmachines en enkel je startpagina is af, dan pas heb je problemen.
Het heeft een irriterend effect op mensen; ze zullen je site niet 'bookmarken' en terugkeren in enkele weken omdat je graphics zo cool waren.
Ook het vermelden waard: de "Under Construction"-animatie. Hebben we dit echt nodig? Het is toch overduidelijk wanneer een deel van een site onafgewerkt is?
De meeste sites zijn trouwens voortdurend onder cunstructie; het is een ongeschreven wet.
Website-zonde n°07: Achtergrondgeluiden
Nog een grote NEE voor professionele sites.
Achtergrondgeluiden, of background sounds, zijn meer toepasselijk voor persoonlijke pagina's, vind je ook niet? Een bedrijfssite eist een professionele uitstraling.
De geloofwaardigheidsmeter helt over naar "LEEG" wanneer je de bezoekers uitnodigt tot het aanhoren van de mono-versie van de laatste single van "The Screamers".
Wil je absoluut je bezoekers blootstellen aan deze wrede en ongewone straf, plaats het dan alstublieft niet in een eindeloze LOOP.
Website-zonde n°08: Tegenstrijdig ontwerp/opmaak
Een bedrijfssite, eigenlijk iedere site, moet naar mijn gevoel consequent zijn van ontwerp / opmaak / navigatie doorheen de site.
Heb je ooit een site bezocht, op een link geklikt en je daarna afgevraagd of je nog steeds op dezelfde site zat of in een andere terecht gekomen was?
Ik raad steeds aan om dezelfde achtergrond en navigatie (op dezelfde plaats) te gebruiken doorheen de site, op iedere pagina dus.
Het kan saai klinken, maar dit alles maakt het de bezoekers alleen maar makkelijker om hun weg te vinden.
De bezoekers laten klikken op een brandend groen doodshoofd op de ene pagina om "BACK" te gaan en op Frankensteins neus op een andere pagina zal je geen punten opleveren voor populariteit.
Website-zonde n°09: Ontwerpen voor een specifieke browser / kleur / schermresolutie
Ik heb een ideetje ... ik zal m'n site onbereikbaar maken voor 25% van m'n bezoekers!!
Klinkt gestoord? Is het ook. Jammer genoeg is dit dagelijkse kost voor vele site-ontwerpers.
Tja, het percentage is het vernoemen misschien niet waard, maar het is gemeengoed om te zien hoe ingewikkeld, laat staan onmogelijk om aangenaam te zijn voor kleine selecte groepjes.
Ik geloof in het feit van sites niet browser-specifiek te maken. Niet iedereen gebruikt altijd de laatste versie van Internet Explorer of Netscape. Waarom dan je site enkel aangenaam maken voor hen die hier wel tijd voor hebben?
Het is uiteraard ook niet de bedoeling om te ontwerpen voor browsers, zo oud, dat ze enkel hierogliefen kunnen lezen. Anderzijds mag je ook niet naar het andere eind gaan, specifiek ontwerpen voor bezoekers die iedere nacht voor bedtijd hun browser upgraden.
Om op dezelfde golflengte te blijven, ontwerp ook niet voor specifieke kleurinstellingen. Je afbeeldingen mogen er dan prachtig uitzien in 16 of 32-bit kleuren, bij 256 kleuren zullen ze er vast uitzien alsof ze geslagen zijn met een stok.
En last, but not least, mijn persoonlijke stokpaardje. Ontwerp niet voor een specifieke scherm-resolutie.
Niet elk van ons heeft een monitor die in een gemiddelde hangar zou passen. Als je ontwerpt voor 800x600 dan mag ik aannemen dat vele bezoekers zullen fantaseren over een vroeg afscheid van jouw site.
In mijn ervaring laten de meeste mensen hun scherm nog staan op 800x600. Dit komt niet voort uit enig onderzoek of enquete, dit is gebaseerd op bezoekers aan mijn sites. Maar, terug uit ervaring, zijn er nog steeds vele surfers met een schermresolutie van 640x480. Ik, mijzelf dus, heb nog één van m'n schermen ingesteld op deze resolutie, enkel ter controle. Uiteraard zou ik hoger kunnen gaan, doch moet soms eens m'n medeleven tonen.
Weet je waarom men niet mag ontwerpen voor een hogere schermresolutie? Het creëert een horizontale scrollbar voor diegene die de lagere setting gebruiken.
Beste vriend, heb je geen ervaring met horizontale scrollbars, dan mag je dankbaar zijn. Wat is er meer vervelend dan te moeten lezen, een beetje scrollen naar rechts, lezen, scrollen naar beneden, lezen, scrollen naar rechts, lezen, ... je herkent het wel, hé?
Website-zonde n°10: Spelling en HTML-fouten
Weinig zaken vergaan in het niets vergeleken met spellings- of HTML-fouten.
Vertrouwen winnen is een absolute must online. Als je pagina een overvloed bevat aan spelling en grammaticafouten, welke boodschap stuur je dan naar potentiële klanten.
"Er is geen bedreif beter gekwallifiseerd om uw noden te bevredigen" ... denk toch nog maar eens na.
HTML-fouten zijn een andere manier om je vertrouwen in rook te zien opgaan. Dit klinkt pijnlijk maar de realiteit is dat jij waarschijnlijk website-design op je visitekaartje hebt staan.
Heb je een "/B" tag vergeten op het einde of is 3/4 van je pagina in BOLD tekst, dan ziet het er al slecht uit nog voor je begonnen bent.
Het vreemde aan dit alles is dat deze vergissingen zeer makkelijk te vermijden zijn.
HTML-controle heb je tegenwoordig in alle HTML-editors. Spellingscontrole daarentegen is niet altijd te vertrouwen, dus vraag maar even aan je vriend om te proeflezen als dat jouw specialiteit niet is.
De hierboven beschreven fouten zijn een manier om jouw site beter te maken. Voel jezelf niet beledigd, doorwinterde websitebouwer, dit zijn slechts de meest voorkomende fouten.
Veel geluk met je site!
|
|
|
|
|
