Zou u opzettelijk een website bouwen die je kende zou onleesbaar worden door drie vierde van uw klanten? Natuurlijk niet! En toch, het gebeurt - en er is een goede kans dat, zonder het te beseffen, heb je ook. Hier is onze gids te maken dat uw website wordt gezien door iedereen.
Het hele punt van het maken van een website, het hele punt van het publiceren op het internet onder uw domeinnaam, zodat mensen zullen lezen, toch? Het is gewoon gezond verstand dat je zou willen maken het gemakkelijk voor uw bezoekers naar uw site te lezen. En toch zijn de meeste bedrijven maken websites die gebreken bevatten:
* Defecten die het moeilijk maken voor bezoekers aan de site te vinden op alle,
* Gebreken maken het moeilijk voor de bezoekers kennismaken met de informatie die ze zoeken, en
* Gebreken onmogelijk maken voor bezoekers, zelfs om de informatie te vinden wanneer ze het lezen!
Klinkt dom? Het gebeurt de hele tijd! Neem een kijkje op deze gemeenschappelijke fouten, en zien hoeveel van hen zijn in uw website.
Vaste breedte-lay-outs
Je hebt gezien websites waar de inhoud wordt weergegeven in een band in het midden van het browservenster? Als u een uitbreiding van de grootte van het venster, de inhoud blijft in het midden. Nick James heeft een website als deze. Peter Jones gaat zelfs nog verder - hij laat u zelfs de kleur en de positie van de achtergrond!
Dus: wat is het probleem?
Kleine schermen: De website designer heeft geen idee hoe groot het scherm van de bezoekers gebruiken. Als de inhoud niet past, vervolgens de spullen op de randen zal in het geheel niet worden gezien, of anders zal de gebruiker moeten blijven scrollen naar achteren en naar voren om elke regel van de tekst te lezen.
Wie maakt gebruik van "kleine" schermen?
Laptop schermen, hoewel ze beter zijn dan ze waren, meestal over beperkte resolutie te hebben.
Sommige diensten aan te bieden web surfen op TV. TV resolutie is alleen zo goed als de allereerste, VGA-computers.
Het is steeds vaker voor mensen om te surfen met behulp van een telefoon of PDA. Hun schermen zijn zeer beperkt!
Grote tekst: Bijna alle web-browsers bieden de mogelijkheid om de grootte van de tekst te wijzigen. Het is echt bedoeld voor slechtziende gebruikers, maar telefoon en PDA-gebruikers met kleine, middelgrote matchbox-schermen vind het heel nuttig.
Veel gebruikers, hetzij op desktopcomputers of op PDA's, stelt u de tekstgrootte veel groter dan de graphics. Een vaste breedte lay-out - in het beste geval - zal squeeze de uitgebreide tekst in een smalle kolom. In het slechtste geval kan het hele scherm vallen in duizend stukken!
Grote schermen: Het is niet zo ernstig, noch zo vanzelfsprekend, maar met vaste breedte lay-outs ook overlast bezoekers met een goede kwaliteit-schermen. Ze hebben grote schermen zodat zij kunnen zien nog veel meer! Als uw website is ingepakt in een smalle kolom, de meeste van de extra grote van de bezoeker scherm is leeg - er is geen webpagina meer te zien.
Hij wil om meer te zien. Je bent hem te laten zien minder! Reken maar!
Hoe kunt u controleren?
* Verschillende browsers hebben verschillende faciliteiten. Hoe meer je hebt, hoe meer controles je kunt doen:
o Als u Internet Explorer gebruikt, kunt u de lettergrootte. Zie wat er gebeurt met de pagina. U kunt ook de hele pagina te zoomen in en uit, naar een idee van wat er gebeurt op zeer grote of zeer kleine schermen te krijgen.
o Als u Firefox gebruikt, dan kunt u de tekstgrootte bijna onbegrensd.
o Als u Opera, dan kunt u geen invloed op de grootte van de tekst, maar er is een geweldig hulpmiddel voor het simuleren van een klein scherm apparaat.
* Kijk op de website met behulp van een telefoon of een PDA.
Graphics en Flash
Met het oog op de grafisch ontwerper geeft volledige controle van de ervaring van de gebruiker, sommige websites zijn ontworpen om niets meer dan graphics worden - er is nauwelijks tekst zelf er helemaal! Soms is het gedaan als een reeks van beeldbestanden samen gemonteerd op de pagina, en soms al de graphics zijn in een Flash-bestand.
Er is geen twijfel, een aantal van deze websites kijken spectaculair. Kijk naar Happiness Factory Coke's voor een voorbeeld.
Dus: wat is het probleem?
* Ze zijn niet bruikbaar. De webpagina lijkt op een videogame. De controles lijken niet op controle, ze bewegen over het scherm, en ze werken niet in de hand liggende manieren.
* Ze zijn niet controleerbaar zijn. Als u de browser opnieuw grootte, wordt de inhoud niet te wijzigen. Het heeft weinig zin op kleine schermen of voor slechtziende gebruikers.
* Ze zijn niet snel genoeg. Je hebt om de hele website te downloaden voordat je kunt zien helemaal niets. (Normale websites bouwen het scherm als hun onderdelen worden geladen). De meeste gebruikers verwachten dat zij in staat om een website te zien in minder dan drie seconden.
* Ze zijn niet zoekmachine vriendelijk. Zoekmachines gelezen tekst. Ze kunnen niet lezen grafische afbeeldingen of animaties. Niets in een grafische website ooit zal worden geïndexeerd door een zoekmachine
Flash-gebaseerde websites zijn niet allemaal slecht! indien de inhoud die je laat zien is inherent grafische of geanimeerd (of, inderdaad, is een voorstelling van een videospel), dan is Flash volledig geschikt zijn voor het.
Maar begrijp dat deze niet conventionele websites. Conventionele overwegingen van zoekmachine-vriendelijkheid en toegankelijkheid van de gebruiker en dergelijke niet op hen van toepassing.
De problemen lijken wanneer wat moet worden conventionele websites zijn opgebouwd uit Flash, dan de eigenaren vragen zich af waarom hun websites niet worden geen verkeer genereren.
Hoe kunt u controleren?
* Zet de foto's en plug-ins in uw browser. Wat is links op het scherm is de werkelijke inhoud.
Niet-ankers
Normale webpagina programmering biedt een prima manier om iets te laten gebeuren. Het heet het anker. Als je ziet iets als dit onderstreept, en de muiscursor verandert in een hand wanneer het beweegt over het, en er iets verandert wanneer u erop klikt - dat is een anker.
Maar sommige web programmeurs willen worden een beetje slim, dus ze nep hun ankers. Ze schrijven speciale code om iets wat niet gedragen is een anker vrij veel als een anker - de te onderstrepen, de kleine hand te maken, het iets gebeurt wanneer u erop klikt. Zoals dit. Ziet er precies hetzelfde, nietwaar?
Dus: wat is het probleem?
* Zoekmachines ze niet begrijpen. Zoekmachines gebruiken ankers om hun weg naar uw website te vinden, en er omheen. Maar als de ankers op uw pagina zijn deze lastig te worden, alsof ankers, zal de zoekmachines ze niet begrijpen, en zullen dus niet in staat zijn om uw site te lezen.
* Toetsenborden ze niet begrijpen. Als de bezoeker is met behulp van een telefoon of een TV die niet over een muis, hij heeft om van te verankeren met behulp van de cursortoetsen of tabtoetsen anker. Zelfs laptop gebruikers vinden het vaak gemakkelijker om het toetsenbord te gebruiken dan om het Glide-pad te gebruiken. Maar het anker selector werkt alleen op echte ankers, niet op degenen pretenderen.
* Page lezers niet begrijpen. Het is niet alleen blinde gebruikers die hun webpagina's te lezen om hen Mensen luister vaak naar webpagina's, terwijl ze reizen. Page lezers een beetje lawaai te maken om aan te geven een anker. Ze doen niets over een pretenderen anker.
* Browsers niet altijd begrijpen. Niet-ankers beroepen op JavaScript te werken. Niet alle browsers bieden de mogelijkheid JavaScript, en die gebruikers toestaan uit te schakelen om veiligheidsredenen. Geen Javascript: geen pretentie ankers.
Hoe kunt u controleren?
* Gebruik niet je muis om te navigeren rond een pagina - proberen met behulp van de TAB-toets plaats. (Shift + Tab om terug te gaan)
* Schakel "Javascript" of "Scripts" in uw browser, en kijk of de website nog steeds werkt.
Zich baserend op kleur.
Wist u dat ..? In sommige delen van de wereld, 1 man met 8 wordt beïnvloed door een of andere vorm van kleurenblindheid?
Het is volkomen natuurlijk om kleur te gebruiken om uw website aantrekkelijker maken kijken, of om informatie (zoals vak-outs of geanimeerde menu-items). Maar wat ziet er geweldig uit op het ene scherm kan omhoog beëindigen kijkend verschrikkelijk op elkaar. Als u een beroep doen op de kleur iets te zeggen, u kunt omhoog beëindigen niets te zeggen!
Heldere primaire kleuren kunnen zo slecht zijn als zachte pastels.
Wat is het probleem?
* Mensen kunnen kleurenblind. Sommige van uw kijkers zal hebben enige vorm van kleurenblindheid. Rood / groen signalen zijn van een gemeenschappelijk verdrag dat met name problemen veroorzaakt voor de kleurenblind.
* Screens zijn vaak kleurenblind. LCD-schermen zijn notoir onjuist in de weergave van kleuren - wat op het scherm verschijnt is vaak heel anders dan wat je vroeg. Ze krijgen slechter in fel licht.
* Papier is meestal kleurenblind. De meeste mensen print op zwart-wit laserprinters. Er is geen kleurweergave helemaal. De afdruk is de meest duurzame reproductie van uw webpagina's!
Hoe kunt u controleren?
* De makkelijkste manier om een webpagina te controleren is het printen op een monochrome printer. (Niet bedriegen - Verwijder alle printer-specifieke CSS van de pagina)
* Er zijn meer geavanceerde tools beschikbaar op de webpagina Filter kleurenblind. Het zal u tonen van uw website in verschillende soorten van gesimuleerde kleurenblindheid.
* Ten slotte kunt u speciale dozen, die in-line u de stekker van uw monitor maakt het simuleren van verschillende soorten van kleurenblindheid.
Onsamenhangend
De meeste schrijvers worden betaald door het woord. Ervaren copywriters worden onderwezen "Hoe meer je vertelt, hoe meer je verkoopt." Dus de beste schrijvers kunt u huren geeft je lange essays, met betrekking tot iedere hoek en bezwaar, zodat uw website kan het maximum aantal bezoekers converteren.
Dus: wat is het probleem?
* Te veel woorden zijn slecht. Mensen lezen van schermen trager dan ze van papier. De tekst op schermen moet groter zijn dan tekst op papier om te worden leesbaar zijn. Screens zijn over het algemeen kleiner zijn dan papier. Al deze, samen genomen, betekent dat een computerscherm is een enigszins inefficiënte manier om informatie te verwerven! Bijna niemand zal alle spullen die je schrijver heeft geschreven te lezen.
* Te veel gedachten zijn slecht. Over het algemeen zijn de bezoekers van uw site niet het lezen van literatuur. Ze proberen een stukje informatie te vinden, waarschijnlijk om hen te helpen een beslissing te nemen. Als ze niet kunnen zien meteen dat de pagina hen vertelt wat ze moeten weten, zullen ze op zoek naar een andere pagina.
Zoekmachines hetzelfde denken! Als ze uw pagina te lezen, en kan uitzoeken wat de pagina over gaat, dan zullen ze in staat zijn aan te bevelen. Als de pagina omzwervingen van de ene gedachte naar de volgende, de zoekmachine zal nooit begrijpen wat de pagina is te zeggen, dus nooit zal laten zien.
Hoe kunt u controleren?
* Kijk naar elke pagina in uw website. Kunt u een 50-woord samenvatting van de pagina? Kunt u een 10-woord titel?
* Gebruik webtool om uit te vinden wat zoekmachines denken dat uw website over gaat.
* Controleren of uw bezoekers het liefst bij het lezen van het scherm of print uw pagina's op papier.
Niet zeggen genoeg.
Het tegenovergestelde probleem tot kruipend zegt niet genoeg. Je ziet ze overal op het web:
* Catalogus pagina's die de naam van een product, een catalogus nummer weer te geven, en een "Koop nu" knop;
* Nieuws pagina's die alleen titels lijst.
Dus: wat is het probleem?
'Nuff Said.
Overzicht
Het is niet moeilijk om samen een eenvoudige website. Het maken van een website met 'Wow-factor "is iets moeilijker. Maar om een echte, industrial-strength website te bouwen - en nog steeds houden het geweldig kijken en naadloos werken - dat is ervaring en expertise.
Dus, hoe kun je zien of een webontwikkelaar een beginner is, een "steeds beter", of een door de strijd geharde expert? Kijk maar naar de websites die ze hebben ontwikkeld, en toepassing van de tests in dit artikel. U zult snel kunnen vertellen wat wat is!