Dat belooft. Tot je probeert binnen te geraken op de Europese website.

Met de laatste versie van Firefox lukt het niet.

Zou het gaan om een website waar je alleen met Internet Explorer op geraakt? Eens proberen met IE8.

Nope. En blijkbaar hebben de 2 heren op de foto hetzelfde probleem…

Alleen met Internet Explorer 6

Wacht eens, wat staat daar? Alleen met Internet Explorer 6? Menen ze dat nu?

Blijkbaar wel want enkele weken nadat ik deze screenshots nam, is de pagina gewijzigd.

Ze zijn dus op de hoogte van enkele issues met IE7 en IE8 en ze werken er aan.

Alles voor een veilig gevoel!

Zelf iets bizars, onhandigs of keigoeds gezien?

Laat het ons weten via het contactformulier of e-mail

Artikels die je zeker ook interesseren

• Niet welkom met uw oude brol!
• Gebruik van browsers: statistieken
• Schermresolutie: statistieken en tips
• Hang on to your ego

Na de browserstatistieken van verleden week, tijd om aandacht te besteden aan schermresoluties.

Resolutie van beeldschermen: situatie september 2009

Deze cijfers zijn afkomstig van een website met meer dan 1 miljoen, hoofdzakelijk Belgische, bezoekers. Ze dateren van 15 augustus tot 15 september 2009. Ze geven dus een goed beeld van de algemene situatie.

Uiteraard verschillen de exacte cijfers van website tot website, maar de algemene tendenzen zullen toch vaak hetzelfde zijn.

Belangrijkste vaststelling

Wat een zootje.

Resolutie van een scherm = breedte x hoogte

De resolutie van een beeldscherm bestaat uit de breedte en de hoogte. Misschien moeten we die eens apart bekijken.

Voor deze cijfers heb ik de top 100 meest gebruikte resoluties opgeteld. (Om u een idee te geven: bij nummer 101 gaat het nog maar om 75 bezoeken op een totaal van meer dan 1,3 miljoen.)

Breedte

Nog meer samengevat:

• Kleiner dan 1024: 2,03%
• Tussen 1024 en 1440: 79,26%
• Groter dan 1680: 5,08%

Hoogte

Wat hier vooral opvalt is dat maar 4,08% van de mensen surft in een hoogte die lager is dan 768 pixels.

Wat moeten we daarmee aanvangen?

Niks moet. Maar als we deze cijfers zien, geven we toch graag volgend advies:

In de breedte

• Als u kiest voor een vaste breedte, zorg dan dat deze zonder horizontale schuifbalken past in een resolutie van 1024 pixels breed. Iedereen tevreden, behalve die 2,03% surfers die in een lagere resolutie surfen. Pech.
• Als u zichzelf een designer noemt, dan weet u waarschijnlijk dat puur theoretisch gezien een gelimiteerde vloeiende lay-out het beste is (met een minale breedte en hoogte).  Jammer genoeg is de haalbaarheid ervan door browsertechnische redenen vooralsnog soms vrij moeilijk. Niettemin bent u het aan uzelf verplicht om voor elke website na te gaan wat de voor- en nadelen zijn van een liquid lay-out (budget, haalbaarheid, voordelen, nadelen, …).
  Ons advies: Probeer de lay-out zo te maken dat hij mooi vloeibaar is tussen 1024 en 1280 pixels. Als u echt wil tonen hoe geniaal u bent, zorg dan voor een goede liquid lay-out tussen 1024 en 1440 pixels.
• Interessante artikels van Smashing Magazine over hoe liquid lay-out toepassen :
  - Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?
  - Flexible Layouts: Challenge For The Future

In de hoogte

• Plaats de belangrijkste content en actieknoppen boven de vouwlijn in 768. Houd daarbij rekening met de hoogte die de meeste surfers verliezen door de knoppenbalken in hun browser en minstens 1 toolbar.
• Iets minder belangrijke keuzes mogen lager op de pagina staan. De eerstvolgende 132 pixels worden zonder te scrollen nog altijd gezien door 68,23% van de surfers. In de zone tussen 900 en 1080 pixels ziet nog maar 30,51% van de bezoekers uw aanbod staan. Alles wat daarbuiten valt, wordt zonder te scrollen nog maar gezien door 3,85% van de surfers.

En mobile dan?

• Tenzij uw doelpubliek er echt om vraagt, of u zeker weet dat de site duizenden euro’s extra winst zal maken dankzij uw optimalisatie voor beeldschermen met een lage resolutie, kan u het budget beter ergens anders aan besteden.
• Web goes mobile? Alleen als ik dan ook mag zeggen dat mijn bedlegerige oma mobiel is. Er staan wieltjes onder haar ziekenbed.

Artikels die je zeker ook interesseren

• Gebruik van browsers: statistieken
• Paginavouw en scrollen: feiten en fictie
• Veiligheid volgens Visa: Internet Explorer 6 rocks
• Niet welkom met uw oude brol!

Zit Firefox Internet Explorer op de hielen? Is Chrome waanzinnig populair? Gebruikt iemand eigenlijk Opera?

En hoe zit het met die Mac-surfers? Gaan ze eindelijk de wereld overnemen?

Marktaandeel browsers

Algemene cijfers

Met bijna 70% heeft Internet Explorer de markt nog steeds behoorlijk in handen. Firefox heeft ruim 1 op 5 surfers kunnen overtuigen. Chrome en Safari volgen op zeer grote afstand.

Internet Explorer statistieken

Eigenlijk de hamvraag van dit verhaal: hoe zit het met het gebruik van Internet Explorer 6?

De percentages in bovenstaande tabel geven de verdeling van de verschillende versies van IE weer.

Als we dit vertalen naar de algemene bezoekerscijfers geeft dat het volgende:

• IE 8: 8,41% van het totaal aantal bezoekers
• IE 7: 51,71% van het totaal aantal bezoekers
• IE 6: 9,38% van het totaal aantal bezoekers

Er gebruiken nog altijd meer mensen IE 6 dan Chrome, Safari en Opera samengeteld. Ondanks alle inspanningen van webbouwers en sommige websites om bezoekers met IE6 te bekeren tot een meer recente versie.

Pijnlijke cijfers, maar wel cijfers die je niet zomaar kan negeren.

Firefox statistieken

Binnen de groep van Firefox-adepten gebruikt net iets meer dan 50% versie 3.5 of hoger. Ongeveer 48% gebruikt versie 3.xx. Amper 2% surft nog met versie 2.

Besturingssystemen

Minder belangrijk om te weten dan de browserstatistieken, maar toch interessant.

Binnen Windows gebruikt 54,67% XP. Vista zit op 41,58% en NT heeft nog een trouwe aanhang van 2,25%.

Alleen Nonkel Gilbert en 4 van zijn vrienden gebruiken nog Windows 95.

Verhouding besturingssysteem/browser

Gebruiken alle Windowsfanaten Internet Explorer? En alle aanbidders van Steve Jobs Safari?

Waar komen de cijfers vandaan?

De cijfers zijn afkomstig van een grote Belgische website en dateren van september 2009. Ze zijn gebaseerd op meer dan 1 miljoen bezoekers en geven dus een behoorlijk accuraat beeld van de algemene situatie.

Wat is de impact van deze cijfers op uw website?

• Zorg dat uw website werkt in volgende browsers:
  • Internet Explorer 8
  • Internet Explorer 7
  • Internet Explorer 6
  • Firefox 3 en hoger
  • Chrome
  • Safari 3 en 4
• Overheidssites moeten voor iedereen goed toegankelijk zijn. Daarom raden we aan dat overheidssites niet alleen werken in Internet Explorer 6, maar er in die browser ook goed uitzien. Niet pixelperfect, maar wel goed.
• Bent u geen overheid? Dan moet u afwegen wat u te winnen of te verliezen heeft met die bijna 10% gebruikers van Internet Explorer 6. Kan het kwaad dat uw website voor hen wel werkt maar er niet perfect uitziet? Of wil u die mensen toch liever behandelen zoals elke andere klant?
• Vraag sowieso aan de webbouwer wat de meerprijs is om uw website volledig compatibel te maken met IE6. Besef ook dat hoe eenvoudiger uw website is, hoe sneller ze compatibel zal zijn met een groot gamma van browsers. (En ze zal sowieso ook gebruiksvriendelijker zijn.)

Nog eentje om af te ronden

Als je besluit om IE6 links te laten liggen, moet je eigenlijk ook Chrome, Safari, Opera en alle Mac-gebruikers negeren.

Artikels die je zeker ook interesseren

• Veiligheid volgens Visa: Internet Explorer 6 rocks
• Niet welkom met uw oude brol!
• Schermresolutie: statistieken en tips
• Hang on to your ego

En we zouden ook graag hebben dat u eerbiedig knielt terwijl u onze content mag bekijken.

Artikels die je zeker ook interesseren

• Schermresolutie: statistieken en tips
• Niet welkom met uw oude brol!
• Gebruik van browsers: statistieken
• Veiligheid volgens Visa: Internet Explorer 6 rocks

U gaat ergens tanken met uw wagen van enkele jaren oud. Plots komt de pompbediende uit zijn hok, houdt u tegen en zegt: “Ik heb toch liever niet dat u met die wagen hier komt tanken. Koop eerst een nieuwe wagen. Als u echt wil, mag u nu nog wel tanken hoor.”

Wat gaat u doen?

• Nieuwe wagen kopen.
• Toch tanken. De man was tenslotte vriendelijk.
• Wegrijden en daarbij proberen over de man zijn voet te rijden om hem te straffen voor zijn boertigheid.
• Wegrijden om nooit meer terug te komen.
• Wegrijden, over ‘s mans voet rijden, nooit meer terugkomen en het tegen al uw vrienden, fans en volgelingen vertellen.

Ik vermoed een van die drie laatste keuzes.

Internet Explorer 6 gebruikers niet meer welkom

De hierboven beschreven situatie komt u in het ‘echte’ leven uiteraard nooit tegen. Geen enkele winkelier of overheid zou het in zijn hoofd halen.

Niet zo op internet. Daar zijn sinds enkele weken de talrijke gebruikers van Internet Explorer 6 de kop van Jut. Heel wat websites zeggen hen dat ze een belachelijk oude browser hebben en beter kunnen upgraden om van de waanzinnig interessante features van hun belangrijke en innovatieve website te kunnen genieten.

Natuurlijk. Zo werkt dat in het leven. Als beenhouwer zegt u toch ook: ‘Mevrouw, met dat oude boodschappentasje doet u mijn geweldige filet americain echt niet tot z’n recht komen. Gelieve toch eerst een ander tasje te kopen.” Waarop die dame meteen een nieuw tasje koopt omdat uw filet americain inderdaad zeer belangrijk is voor haar.

Not.

Stop met uw bezoekers software op te dringen

U gaat uw bezoekers niet veranderen. U moet zich aanpassen. U moet zorgen dat uw website werkt op de browser van de bezoeker.

En zeker als die browser nog door zowat 1 op 6 surfers gebruikt wordt. Even de cijfers van een Belgische site met dagelijks zo’n 100.000 bezoekers:

• 17% Firefox
• 77% Internet Explorer, waarvan 21% versie 6.

Denkt u echt dat die gebruikers voor uw geweldige website hun software gaan bijwerken?

Heeft u er al eens bij stilgestaan waarom die mensen IE6 gebruiken?

• Computer van hun werk, waar ze zelf geen nieuwe versie op kunnen zetten.
  Overigens: bij de overheid staan massaal veel computers met IE6. In crisistijden is de overheid vaak een mooie bron van inkomsten voor bedrijven. Als uw bedrijfswebsite de bezoekers met IE6 sukkels noemt, mist u misschien wel enkele offerte-aanvragen.
  Maar ach, ik was alweer vergeten dat uw website zo belangrijk is dat u eigenlijk geen klanten nodig heeft.
• Omdat ze niets van computers kennen en gewoon willen surfen.
• Omdat ze bang zijn om software te installeren.

U gaat dat niet veranderen. Stigmatiseer uw bezoeker niet. Laat hem rustig wat rondsurfen. Geef hem een goed gevoel.

Dat gaat uw business helpen.

Artikels die je zeker ook interesseren

• Gebruik van browsers: statistieken
• Veiligheid volgens Visa: Internet Explorer 6 rocks
• Hang on to your ego
• Schermresolutie: statistieken en tips

Toch staan websites en blogs nog steeds vol met ‘Klik hier’ en ‘Lees verder’ links. Wij zetten nog eens op een rijtje waarom betekenisvolle links zo belangrijk zijn en geven enkele voorbeelden.

1. Waarom betekenisvolle links?

Links vallen op

Doordat ze in een andere kleur staan en onderlijnd zijn, vallen links op. Ze dienen als het ware als ankerpunten voor het oog. Als ons brein dan zaken registreert als ‘Klik hier‘ of ‘Lees verder‘, heeft het daar weinig aan.
Met links als ‘Opleidingsdag webusability voor 400 euro‘ of ‘Opleiding schrijven voor internet‘ registreren onze hersenen nuttige informatie. En weten surfers meteen welke info ze krijgen als ze die link volgen.

Google hecht er belang aan

Bij het indexeren van pagina’s kijkt Google niet alleen naar de woorden op de pagina maar ook naar de woorden in de links naar die pagina. Een link naar een ‘Opleidingsdag webusability‘ helpt dus om die pagina beter te laten scoren met de zoektermen ‘opleidingsdag’ en ‘webusability’.

Een must voor blinden

Ook blinden en slechtzienden scannen een webpagina door van link naar link te springen. Niet met hun ogen maar door gebruik te maken van de tab-toets, waardoor die links via hun uitleessoftware op de brailleregel verschijnen of worden voorgelezen. Raad eens welk soort link zij het liefst hebben?

2. Tips

• Vermijd links met enkel ‘Klik hier’, ‘Lees meer’, ‘Lees verder’ etc.
• Zorg dat elke link duidelijk maakt wat de pagina waar de link naar verwijst, te bieden heeft.
• Maak titels van artikels op home- en overzichtspagina’s aanklikbaar. Een link ‘Lees verder’ is dan vaak overbodig.
• Plaats de belangrijkste woorden vooraan in de link. Zo speelt u in op het scangedrag van online lezers.
   

3. Voorbeelden

Beter: Statuten CD&V (Word – 464 Kb – 13 p)
 

Beter:
    –> Bedrijfsaccounts: meer info
    –> Meldt u aan
 

Een wat ouder voorbeeld, maar het blijft wel goed. Vooral omdat de copywriter zijn best heeft gedaan om deze intro af te sluiten met een vraag. Jammer genoeg plaatst het CMS er dan een dwaas ‘Lees verder…’ achter.
Plaats de vraag ‘Meer weten over deze uitzonderlijke man?’ op een nieuwe regel, maak er een link van en wees maar zeker dat de klikratio zal stijgen.

Artikels die je zeker ook interesseren

• 3 fouten in een artikel met schrijftips
• Springlinks of anker links: de basisregels
• 8 keer meer kliks door 3 woorden te veranderen
• Opleiding schrijven voor internet en usability op 24 mei 2012 in Leuven