Tribal Talk

hét weblog voor online ondernemers

Print Weblog

30Oct

NLUUG congres: Het Open Web en het belang van usability

Door: Lenny de Rooy       categorie: Search industrie & Conferenties Website Usability

Gisteren vond in Ede het congres “Het Open Web” plaats, georganiseerd door de NLUUG. Open source technologieën en open standaarden zoals HTTP, HTML, CSS en Javascript, maar ook open source CMS- en e-commerce systemen zoals osCommerce, hebben flink bijgedragen aan het succes van het internet. Helaas bieden deze niet alleen kansen, maar ook bedreigingen.

Tijdens mijn eigen presentatie ben ik dan ook ingegaan op de kansen en bedreigingen voor website usability. Hieronder volgt een korte samenvatting van deze presentatie.

“Iedereen kan schilderen”
Dankzij de open standaarden is het niet nodig om een jarenlange studie te volgen om een website te kunnen bouwen. Overal op internet zijn tutorials te vinden hoe je met behulp van HTML en CSS een website in elkaar zet. Het ontwikkelen en designen van een site  is dus niet weggelegd voor een elite clubje, maar voor iedereen die bereid is er wat moeite en tijd in te steken.

Helaas wil dit nog niet zeggen dat je met deze basiskennis ook gelijk een goede en effectieve website maakt.

Voorwaarden voor een goede website
Velen zijn bekend met de piramide van Maslov, die aangeeft dat aan bepaalde basisbehoeften voldaan moet worden voordat aan de hogere behoefte van zelfontplooing voldaan kan worden. Bryan Eisenberg heeft een vergelijkbare piramide ontwikkeld voor de optimalisatie van websites:

piramide van website optimalisatie

De functionele laag is het gebied van de techneuten. Zij moeten er voor zorgen dat de website technisch werkt, de server niet te traag is en scriptjes geen fouten bevatten. Kortom: dat de website doet waarvoor hij gemaakt is.

De bovenste laag is iets waar met name marketeers zich mee bezighouden: hoe zorg je ervoor dat de website en de inhoud aansluiten op de behoeften van de bezoeker, en hem overtuigen om jouw diensten of producten af te nemen?

Zoals duidelijk uit de piramide blijkt, ben je er nog niet als je voor deze voorwaarden hebt gezorgd. Het is ook erg belangrijk dat je je website voor iedereen toegankelijk en gebruiksvriendelijk maakt, en wel op een manier die de natuurlijke ‘flow’ van de bezoeker ondersteunt: hij moet niet hoeven nadenken bij het gebruik van de website, het moet intuïtief gaan.
Deze drie lagen zijn het gebied van usability, of eigenlijk het bredere begrip ‘user experience’.

De motivatie van de programmeurs
Helaas worden de middelste lagen vaak vergeten, of de marketing afdeling gaat er vanuit dat de techneuten hier ook voor zorgen. In praktijk zijn de programmeurs echter voornamelijk gericht op de techniek zelf: zij zien het gebruik van (open source) technieken als een doel op zich en halen hun trots uit complimentjes die ze van collega’s krijgen voor het ontwikkelen van mooie, ingewikkelde scriptjes en geavanceerde opties voor de power users.

Hoe techniek usability kan ondersteunen
Met behulp van technieken zou het echter ook de gemiddelde bezoeker zo veel gemakkelijker gemaakt kunnen worden. Denk aan:
- het geven van behulpzame foutmeldingen wanneer velden niet (juist) zijn ingevuld
- het automatisch updaten van de hoeveelheid producten in je shopping cart, zonder dat je eerst op een ‘update’ button hoeft te klikken
- via AJAX ervoor zorgen dat een pagina niet opnieuw geladen hoeft te worden, zodat de bezoeker weer helemaal naar beneden moet scrollen om verder te gaan waar hij gebleven was
- de HTML code aanvullen met tags die de site bruikbaar maken voor mensen met een visuele of motorische handicap
- alternatieve CSS stylesheets maken zodat ook de wat oudere browserversies ondersteund worden

Helaas wordt deze extra inspanning vaak niet gedaan, omdat het belang ervan niet duidelijk is. Maar ook omdat het extra tijd en dus geld kost, wat niet beschikbaar wordt gesteld ‘van bovenaf’. Het gebruiksvriendelijk maken van een website is inderdaad een investering, maar eentje die zeker terug wordt verdiend wanneer de website of webapplicatie eenmaal live is.

Het is dan ook belangrijk dat de technische medewerkers gaan beseffen dat techniek geen doel op zich mag zijn, maar een middel om de bezoeker te helpen zijn doel te bereiken.

28Oct

Conversiekiller: jargon op je website

Door: Lenny de Rooy       categorie: Website Usability

Waarom converteert je website niet zoals gepland? Het klinkt misschien vreemd, maar wellicht heb je jezelf onderschat! Je weet namelijk veel meer dan je denkt.

Een veelgemaakte fout is het gebruik van te veel vakjargon op een website. Zelf ben je je hier nauwelijks van bewust: voor jou en je collega’s is het dagelijks taalgebruik. Ook ben je zo bekend met je eigen producten, dat je je niet kunt voorstellen dat je klanten niet weten wat deze producten precies zijn.

Een voorbeeld: je verkoopt snoep met de pakkende namen ‘chocodrops’, ‘sweethearts’ en ‘dark temptation’. Voor ieder product heb je een productpagina gemaakt met uitleg over het product en foto’s ervan. Je menustructuur ziet er als volgt uit:

Home
Producten
-    Chocodrops
-    Sweethearts
-    Dark Temptation
Over ons
Contact

Logisch, toch?

Nee dus. Het probleem hiervan is dat de bezoeker, die jouw terminologie niet kent, één voor één alle productpagina’s moet bezoeken om erachter te komen welk product aansluit bij zijn wensen.

Een betere oplossing zou zijn:

Home
Producten
-    Chocolade toffees
-    Zuurtjes
-    Bonbons
Over ons
Contact

Op de productpagina kan vervolgens de ‘echte’ naam van het product gebruikt worden. Hierdoor worden je pagina’s wel op de productnaam vindbaar in zoekmachines, maar zadel je je bezoekers niet onnodig op met verplicht heen en weer klikken.

Een duidelijk praktijkvoorbeeld is het menu van Be Izzy:

BeIzzy

Het is onmogelijk om te bepalen waar je heen moet zonder overal op te klikken.

Een ander veelvoorkomend probleem is een indeling van producten naar merk. Aangezien jij weet welke merk welke producten voert, is het voor jou logisch wat je onder welke categorie moet zoeken. Maar een bezoeker is lang niet altijd op zoek naar een product van een bepaald merk. Hij is op zoek naar een bepaald product, en wil diverse varianten naast elkaar kunnen zetten om zijn keuze te maken.

Een indeling zoals sokkendirect.nl heeft gemaakt, is dan ook sterk af te raden:

SokkenDirect

Een indeling in bijvoorbeeld sportsokken, teensokken, enkelsokken, sokken met motiefjes, etc. is voor een bezoeker veel nuttiger.

Naast bedrijfsspecifieke termen, kan jargon ook betrekking hebben op zogenaamd ‘algemeen bekende’ woorden. Bedenk dat jouw internetervaring vaak veel groter is dan die van je gemiddelde bezoeker en waak ervoor om te smijten met technische termen.

Bekijk maar eens dit confronterende filmpje, waarin mensen op straat gevraagd wordt om uit te leggen wat een ‘browser’ is.

Voor een ervaren internetter zoals jij en ik is dit nauwelijks voor te stellen. Maar ook de mensen in dit filmpje kopen wel eens op internet!

Leef je dus in in je bezoeker. Wat en hoe groot is hun kennis wanneer ze de website bezoeken? Vraag desnoods of vrienden of familieleden de website willen bezoeken; zij hebben wel nog een frisse blik en kunnen je precies vertellen wat wel en niet begrijpelijk en/of logisch is.

26Oct

Google’s description links

Door: Heini van Bergen       categorie: Google Zoekmachine Optimalisatie

We zijn al enige tijd bekend met de zogeheten sitelinks van Google. Dit zijn de links die onder een zoekresultaat staan en je direct naar een onderliggende pagina van een website sturen. Deze sitelinks komen in 2 vormen, namelijk 2 rijtjes met links onder elkaar en met enkele links naast elkaar. Zie hier voorbeelden van beide varianten:

Naast elkaar:Schermafbeelding 2009-10-26 om 17.11.50

Onder elkaar:

Voorbeeld 2 sitelinks

Description links

Sinds kort is er een nieuwe variant waarbij de links niet onder de resultaten worden getoond, maar in de beschrijvende tekst. In de beschrijvende tekst wordt dan niet gelinkt naar andere pagina’s op het domein, maar naar een andere sectie op dezelfde pagina. Dit is vooral van toepassing op pagina’s met veel tekst waarbij gebruik wordt gemaakt van zogenaamde “anchors” om bezoekers meteen naar het betreffende onderdeel op de pagina te sturen.

Een voorbeeld vind je als je zoekt naar “accra ghana reis” (Je moet even zoeken…). Op de derde pagina vind je onderstaand resultaat met een link in de tekst naar de “Vierde Ghana reis“. De link leidt je niet naar de bovenkant van de pagina, maar direct naar het betreffende gedeelte.

Voorbeeld description linksConclusie

Met deze nieuwe manier van links opnemen in de zoekresultaten wordt maar weer eens aangetoond hoe belangrijk correcte links voor Google zijn. Zorg er dus voor dat je altijd duidelijke beschrijvende linkteksten gebruikt, of het nu tussen pagina’s of op een pagina zelf is.

23Oct

DMF 2009: toekomstmuziek uit Brussel

Door: Bauke Bergstra       categorie: Search industrie & Conferenties

virtual mirror - ray bannGister (22/10) vond in Brussel Digital Marketing First (foto’s) plaats. Dé beurs voor online België. Net als vorig jaar was Tribal er aanwezig om Tribal België te promoten. De meest interessante lezing van de dag was wat mij betreft die van Sven Tollmein van TrendONE. Hij sprak over de digitale trends van nu en de toekomst.

Nieuwe technieken, mogelijkheden en buzzwoorden
In zijn presentatie kwam hij met veel voorbeelden van toepassingen van nieuwe technieken die voor marketeers interessant zijn. Hieronder enkele voorbeelden:

Red Bull Laserpoint project
Leuke guerilla actie van Red Bull. Met laserpennen wordt het het MI6 gebouw in London beklad. Hoe het precies werkt weet ik niet maar het levert wel een goed viraal filmpje op.

Ray Ban Virtual Mirror: online brillen passen
Bram Fasseur probeerde ‘m eerder al op Marketingfacts, online brillen passen bij Ray-Ban. Je weet dan al welke bril staat, en welke niet. Of ze fijn zitten blijft natuurlijk een vraag die pas in de winkel wordt beantwoord.

Augmented Shopping
Wat met brillen kan, kan ook met kleding, aldus de presentator. Het idee is erg interessant maar ik vind het filmpje niet overtuigend. Net als met brillen blijft ‘de pasvorm’ lastig virtueel te bepalen.

Reality browsers
Door je mobieltje kijken en automatisch verschijnt er, afhankelijk van de ‘layer’ die je kiest allerlei relevante info bij de beelden. Bijvoorbeeld over de huizen die te koop staan. Dat kan onder andere met het Nederlandse Layar.
Vaag? Bekijk dit filmpje om een idee te krijgen van de mogelijkheden.

Gezichtsherkenning
Software die gezichten herkend. Bij face.com zijn ze er mee bezig. Op dit moment zijn er twee toepassingen gemaakt voor Facebook. Hier een filmpje van één van de twee: Photo Finder: je voert een foto in en de tool zoekt naar andere foto’s an die persoon. Plus bijbehorende info. Soortgelijke applicaties worden ondertussen ook voor producten ontwikkeld, ondermeer Amazon is hier mee bezig.

De über Wii
Microsoft komt binnenkort met een nieuwe spelcomputer onder de naam ‘project Natal‘. Geheel ‘controller-free’ doordat wordt gewerkt met camera’s die jouw bewegingen registeren. Op Youtube een (promo) video die het geheel verduidelijkt.

Is de Belgische online markt hier al aan toe?
Een beurs als deze leent zich ook goed om te peilen hoe het staat met ‘online’ in België (in vergelijking met Nederland). Maar daarvoor moet je niet naar Sven Tollmein (zie boven) luisteren, want dat is een Duitser. Mijn collega Niels van der Pol komt volgende week op dit blog met een update over de stand van zaken in België’ en beantwoord de vraag of er toekomstmuziek zit in internettend België.

22Oct

Web Marketing Checklist

Door: Dirk van Bussel       categorie: Websites Algemeen

Het lijkt soms zo simpel, een website of webshop maken en beheren. Toch vergeet je vaak belangrijke stappen of kom je er na een tijdje achter dat je over sommige punten toch niet goed hebt nagedacht.

Komt dit je bekend voor, of sta je net op het punt om met een nieuwe website te beginnen? Gebruik dan deze Web Marketing Checklist, met meer dan 300 web marketing tips!

Best Damn Web Marketing Checklist

De lijst is (uiteraard met toestemming) geïnspireerd op de Best Damn Web Marketing Checklist van Stoney DeGeyter van Pole Position Marketing, een Amerikaans search engine marketing bureau. Zij hebben overigens ook nog een aantal andere interessante SEM e-books gepubliceerd. Aangepast op de Nederlandse markt en aangevuld met punten van onze eigen SEO en Usability specialisten is deze lijst een perfecte start voor iedereen die op het punt staat een website of webwinkel te beginnen.

Inhoud

Onderverdeeld in 23 categorieën behandelt de lijst alle stappen die gemaakt moeten worden als het aankomt op het maken en de marketing van een website. Met het oog op usability, SEO, toegankelijkheid en website-ontwikkeling worden de verschillende onderdelen van een website behandeld. Elk punt wordt kort besproken zonder uitgebreide uitleg. De lijst is dan ook geen uitgebreid naslagwerk, maar een checklist in zijn zuiverste vorm.

Met deze checklist weet je dus zeker dat je aan alle belangrijke aspecten van een website hebt gedacht.

De Web Marketing Checklist is zowel in html als pdf (37 pagina’s) te bekijken.