Auteursarchief: Sophie Ragas

Webmaster 101: Hoe jaag je bezoekers weg?

De volgende zaken herhaal je het beste niet op je eigen website:

  1. Een achtergrondmuziekje dat automatisch begint te spelen zodra je de website opent.
  2. Video’s die automatisch beginnen te spelen
  3. Niet kunnen zien of iets een link is waar je op kunt klikken
  4. Lettertype dat te klein is
  5. Een onduidelijk lettertype, waardoor je niet weet of er o of 0 (de letter o en het cijfer nul) staat. Of het verschil tussen rn en m onduidelijk is (de letters r en n naast elkaar en de letter m)
  6. Contrast tussen de kleuren is niet duidelijk
  7. Er is weinig contrast tussen de tekst en de achtergrond waardoor de tekst slecht leesbaar is
  8. Lappen tekst zonder paragrafen, lijstjes en (tussen)koppen
  9. Een webpagina die traag laadt
  10. Pop-ups of overlays om in te schrijven voor een nieuwsbrief of voor advertenties/promoties
  11. Advertenties
  12. Een indeling of hoofdmenu dat niet logisch is
  13. Teksten met te veel moeilijke woorden of termen
  14. Teksten met te lange zinnen
  15. Slechte klantenservice (waar loop je eerder weg? Bij een winkel die zegt: als het er niet ligt hebben we het niet meer of een winkel die er alles aan doet om je te helpen?)

Binnenkort in de nieuwe reeks over usability en accesibility hoe je deze problemen oplost.

Webmaster 101: Waarom usability en accessibility belangrijk zijn

Ik heb er al eens over geschreven in deze blogpost, maar ik wil er graag nog eens uitgebreider op in gaan waarom usability (gebruiksvriendelijkheid) en accessibility (toegankelijkheid) belangrijk zijn.

  • Door gebruiksvriendelijkheid toe te passen, worden websites beter ontsloten voor bezoekers. Ze vinden makkelijker hun weg door jouw website
  • Mensen met (tijdelijke) beperking of handicap kunnen je website gebruiken, eventueel met hulpmiddelen of hulptechnologieën
  • Je website kan op allerlei apparaten en in allerlei browsers bekeken worden
  • Zoekmachines kunnen je website beter indexeren
  • Je teksten zijn leesbaarder en beter te begrijpen
  • Ballast wordt overboord gegooid waardoor je website sneller laadt
  • Zeker voor bedrijven, organisaties en winkels die hun geld verdienen op internet is het belangrijk. De concurrent is immers zo gevonden.

Onderschat bovenstaande punten alsjeblieft niet. Ze maken of breken je website. En zeker wat betreft mensen met een (tijdelijke) handicap of beperking moet je de invloed niet onderschatten. Je moeder met een leesbril, oma met gehoorapparaat of je kleurenblinde neefje: die vallen ook allemaal in die categorie. Het gaat om meer mensen dan dat je in eerste instantie zou denken.

En bovendien – dit is vooral gericht aan de managers – dan heb je 80/90% van SEO (zoekmachineoptimalisatie) al gedaan! Heel veel zaken hebben namelijk overlap. En in mijn opinie richten mensen die zich bezighouden met SEO zich te veel op marketing/commercie/geld binnenhalen. Terwijl de klant (of bezoeker) koning is.

Hou verder steeds de bezoeker, de mens voor ogen als je werkt aan je website. Denk niet aan geld, marketing of welk woord dan ook weer trendy is vandaag de dag. Je bezoeker/klant staat centraal. Net als in winkel in een winkelstraat.
Daarom zal ik binnenkort in een aparte serie dieper in gaan op usability en accessibility en hoe je het toepast.

Webmaster 101: waarom je HTML en CSS moet leren.

Laat ik maar meteen met de deur in huis vallen: ook al heb je een gratis blog via WordPress.com of Blogger en kun je een layout kiezen en be done with it, kennis van HTML en CSS komt echt van pas.

  • Je kunt dan zelf iets aanpassen of toevoegen
  • Je weet het op een correcte manier toe te passen
  • Je kunt dan ook leren toegankelijkheid en gebruiksvriendelijkheid toe te passen. En SEO.

Ik heb het niet over echt iets designen met HTML en CSS. Dat kun je rustig aan webdesigners of grafisch ontwerpers overlaten. OK, misschien is het tijd dat ik iets opbiecht: “Ik ben Sophie en ben webdesigner in de zin dat ik met HTML en CSS een website kan maken. Grafisch ben ik echter zo slecht als het maar kan.” (al ben ik best wel trots op hoe ik – zelf! – het design voor All Things Royal voor elkaar gekregen heb.)

Zo, dat is eruit. Wat ik er mee wil zeggen, is het volgende: zorg ervoor dat je zelf de basis kan neerzetten, dan kan een designer altijd de finishing touch doen of tips geven.

Hoe leer je HTML en CSS? Je kunt hele goede boeken kopen in de boekhandel of lenen in de bibliotheek. De volgende titels zijn zeker aan te raden:

  • John Duckett: HTML en CSS – websites ontwerpen en bouwen
  • Ed Tittel: HTML en CSS voor Dummies
  • Andree Hollander: HTML en CSS, de basis
  • Peter Doolaard: Handboek HTML & CSS

Er zijn ook zeer goede online cursussen. Bij Codeademy, Codeschool, Treehouse en Udemy bijvoorbeeld (zowel gratis als betaald).
Geef jezelf in ieder geval de tijd om HTML en CSS te leren en te oefenen. Vooral dat laatste, want het is iets wat je vooral leert door te doen. En wees vooral niet bang om je werk voor te leggen aan iemand die HTML en CSS kent, zodat die je feedback kan geven waarmee je weer verder kunt en van leert.
Over correct gebruik van HTML lees je veel op http://html5doctor.com/

Webmaster 101: Pleidooi tegen versnippering oftwel: waarom het vroeger beter was

Sinds 1997/1998 surf ik rond op het internet en sinds 1999 ben ik aanwezig met een persoonlijke site en een site over koningshuizen. Ooit ook een website over cocker spaniëls gehad en de schrijfster Virginia Andrews. Maar zo was het internet vroeger: informatie delen over je hobbies en interesses. Tof hoor. En met elkaar “praten” via bulletin boards of mailing-lists. En websites ontdekken via webrings. Oh boy, de nostalgie. En hoezo is hedendaagse social media sociaal? Toen waren er pas communities, toen was het internet echt sociaal!

Maar ik dwaal af. Wat ik zeggen wil, je wist waar je vroeger iemand kon vinden: op zijn persoonlijke website. Truus deelde daar haar naaipatronen, Henk zijn kennis en advies op het gebied van programmeren. Alles overzichtelijk op één plek.

Maar die dagen zijn voorbij.

Henk zou nu wellicht nog wel een website hebben (in de vorm van een blog), maar zijn code delen op github, zijn adviezen delen via Medium en met anderen praten in Slack. Met wat geluk heeft hij ook een Twitter-account. Punt is: alles staat op verschillende plaatsen, diverse zaken moet je volgen/in de gaten houden. Ergo: informatie-overload en moeheid/burn-out bij de bezoeker.

Graag zou ik terug willen gaan naar die dagen van het simpele, overzichtelijke internet. Daarom dit advies aan jou: Focus. Niet bloggen en dan nog eens artikelen schrijven op Medium of code delen op github. En nog eens een winkeltje op Etsy of Cafepress. En interessante dingen alleen delen op Twitter.

Hou alles op één punt. Hou alles centraal. Je bezoeker zal blij zijn en Google zal je beter en hoger kunnen indexeren als alles op één plek staat. Make the website personal again!

Alsjeblieft: je eerste les in gebruiksvriendelijkheid en toegankelijkheid!