net|log: bedrijfsblog van Netlash Webdesign - Grafisch Ontwerp - Usability

ROI van een website

Bart — Tue, 03 Nov 2009 16:56:00 +0100

Iets meer dan een jaar geleden lanceerden we de nieuwe website voor Ancienne Belgique. Het website concept en de visie waarrond we werkten samen met AB hebben we indertijd ook gedocumenteerd.

Nu is het tijd om terug te blikken, en af te rekenen: werkt de site, haalt die de doelstellingen, en vooral: draagt die bij tot de bottom line van AB?

David Zegers, Directeur Communicatie en Ontwikkeling van Ancienne Belgique, presenteerde onlangs op Muziek Digitaal de afrekening.

Zijn presentatie vind je hieronder:

Ik zal er een aantal cijfers uitlichten:

er kwamen 24.010 geregistreerde profielen op één jaar tijd
gemiddeld 1581 profielen loggen in per week
gemiddeld 5.955 unieke bezoekers/dag (vroeger: 4.185)
die bezoekers blijven langer on site en genereren meer paginaviews

De binnenkomende trafiek via verwijzende sites is met 58% gestegen; trafiek via zoekmachines steeg met 67% (van 281.137 naar 445.076 bezoekers).

Opvallend: in 2008 was Facebook de 16e verwijzende site; in 2009 staat Facebook op een duidelijke 1e plaats (met 3x meer bezoekers dan de tweede verwijzer, stubru.be).

De algemene conclusie van David na 1 jaar nieuwe website: een verhoogde kwantiteit en kwaliteit:

AB bereikt meer publiek dan vorig jaar omwille van verhoogde online aanwezigheid (via community sites en zoekrobots)
er is meer interactie met en tussen het publiek
AB biedt meer inhoud dan vorig jaar

Dit verhoogde verkoopspotentieel zorgde voor een duidelijk hogere verkoop: in oktober 2009 waren er al meer tickets verkocht dan in totaal 2008 (207.000 tickets in 2008, 212.000 tickets tot en met oktober 2009).

Even kort door de bocht: dit is een (geëxtrapoleerde) meerverkoop van 22%.

Voor AB was de vernieuwing van de website dan ook een zinvolle en succesvolle operatie.

Het succes van de website is in mijn ogen overduidelijk het gevolg van een enthousiast AB-team dat de tools die we in de website inbouwden op een doordachte en consequente manier gebruikte.

We zijn blij dat we AB konden helpen met deze duidelijke Return on Investment van hun website.

ROI van een website geschreven door Bart in: community

Tags: ab, cijfers, community, conclusie

Javascript slideshow

Matthias — Mon, 02 Nov 2009 12:00:00 +0100

Elke webbouwer kreeg ongetwijfeld al eens de vraag of drang om een slideshow te voorzien. Daar dit in de meeste gevallen een relatief kleine, echter alomtegenwoordige feature is, kan al snel even gegoogled worden naar een kant en klaar stukje Javascript. In de bijna 10 miljoen resultaten zal je echter nooit dat script vinden dat exact doet wat je verwacht, op de manier waarop je het wenst.

Omdat we bij Netlash graag volledige controle hebben over onze software, schreven we dan ook zelf een kleine JQuery plugin die heel eenvoudig aan onze meeste noden voldoet. Omdat we het web ook elke dag een beetje beter proberen te maken, delen we deze uiteraard.

Hoe installeer je het script?

Download JQuery op jquery.com en include deze in je document:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
Download deze plugin en include deze in je document, na het includen van JQuery:
<script type="text/javascript" src="http://www.netlash.com/path/to/downloaded/jquery.slideshow.js"></script>

Hoe gebruikt je het script?

Plaats een image op de plaats waar je de slideshow wenst te tonen:
<img src="http://www.netlash.com/path/to/1st/image.jpg" class="slideshow" />
de class die ik hier op plaatste dient om deze makkelijk te kunnen selecteren via JQuery
Geef in het rel-attribuut van je image alle paden van de files mee, comma-seperated:
<img class="slideshow" rel="/path/to/1st/image.jpg,/path/to/2nd/image.jpg,/path/to/last/image.jpg" src="http://www.netlash.com/path/to/1st/image.jpg" />
Inititiëer de slideshow:
<script type="text/javascript"> $('.slideshow').slideshow();</script>

Meer?

Omdat we graag voorzien zijn op "ietsje meer", kan via enkele extra parameters je slideshow wat aangepast/uitgebreid worden.

Beschikbare parameters zijn:

images, als array: geef de paths van je afbeeldingen op als parameter in plaats van als rel-attribuut in de HTML.
links, als array: de mogelijkheid om aan elke afbeelding en link te koppelen waarnaar bij een klik wordt genavigeerd.
fadeTime: de tijd (in milliseconden) tussen het in/uit-faden van de afbeeldingen.
fadeSpeed: de tijd (in milliseconden) dat de fade-animatie duurt.
hookPrevious: de JQuery selector die hier wordt doorgegeven wordt gebruikt voor manuele navigatie doorheen de slideshow in omgekeerde volgorde (vorige).
hookNext: de JQuery selector die hier wordt doorgegeven wordt gebruikt voor manuele navigatie doorheen de slideshow in normale volgorde (volgende).
random: geef aan of de afbeeldingen in de slideshow in willekeurige volgorde dienen verschijnen
preload: hoeveel images moeten gepreload worden voor de huidige getoonde afbeelding

Voordelen?

Indien de bezoeker geen Javascript enabled heeft zal nog steeds de standaard-afbeelding zichtbaar zijn.
De slideshow kan makkelijk gepositioneerd worden zoals gewenst.
Een eenvoudige slideshow kan snel opgezet worden.
De code is eenvoudig en makkelijk uitbreidbaar.
Makkelijk meerdere slideshows op 1 pagina, elk afzonderlijk of samen configureerbaar.

Javascript slideshow geschreven door Matthias in: webdevelopment

Tags: javascript, jquery, slideshow

MySQL Slow Log Parser

Tijs — Fri, 30 Oct 2009 07:55:00 +0100

Als je al eens in aanraking komt met grote projecten dan kan de Slow Query Log een hele openbaring zijn. In deze log komen alle queries die langer duren dan een ingesteld aantal seconden en een minimum aantal rijen moet verwerken.

The slow query log consists of all SQL statements that took more than long_query_time seconds to execute and required at least min_examined_row_limit rows to be examined.

Maar omdat alle trage queries hierin terechtkomen is het niet altijd makkelijk om uit te maken welke nu juist de queries zijn die je best aanpakt.

Via de mensen van Openminds had ik vernomen dat er een script was die deze log gaat parsen en je kan vertellen welke queries juist aandacht vragen.

Het script analyseert de log door te gaan kijken welke queries er meerdere keren voorkomen. Daarbij vervangen ze de variabele data zodat je een goed beeld krijgt.

Hoe installeer je het script:

Download het script
Open een terminal en verplaats het script naar /usr/bin met onderstaand commando:
sudo mv path/to/download /usr/bin/mysql_slow_log_parser
Maak het script uitvoerbaar met onderstaand commando:
sudo chmod +x /usr/bin/mysql_slow_log_parser
Gebruik het script:
mysql_slow_log_parser path/to/slow_query.log

Kleine disclaimer: Wil je je database en queries tot in de puntjes optimaliseren? Neem dan een specialist onder de arm, zij kunnen je bijstaan met raad en daad. Een database-specialist weet beter dan welke tool ook hoe je database of queries kan optimaliseren

MySQL Slow Log Parser geschreven door Tijs in: webdevelopment

Tags: mysql, optimalisatie, slow query log, tips, tools

Het visuele wow-effect in webdesign

Bart — Thu, 29 Oct 2009 10:42:00 +0100

Er is een fundamenteel onderscheid tussen design voor drukwerk, en design voor het web. De meeste webbouwers weten dit; en diep in hun hart weten de meeste print-designers dit ook.

Uiteraard zijn er veel overeenkomsten, en zijn beide gebaseerd op dezelfde beginselen (typografie, gebruik van ritme, spatiëring, witruimte...).
Maar: het fundamentele verschil zit hem in de drager - papier is an sich statisch, en web is an sich dynamisch.

Dit verschil zorgt er voor dat je in mijn ogen een duidelijk andere aanpak moet hebben voor beide media.

Aangezien papier op zichzelf niet dynamisch is, moet je de dynamiek in de layout van de inhoud stoppen. De layout van een affiche, poster, flyer moet in volle hevigheid van het papier spatten.
Bij web is dat niet zo. Daar zit de dynamiek in het medium al ingebouwd: je kan klikken, je hebt mouse-over effecten, er zijn eventueel bewegende stukken (video, animatie, jQuery-effecten) ...
Als je dan ook in het design van je webpagina heel veel dynamiek zal steken, zal dit clashen met de intrinsieke interactiviteit van het web. Die layout zal 'in competitie' gaan met de webdynamiek - en dat eindigt in een wedstrijdje 'om ter luidst'.

Het web wordt door gebruikers voornamelijk en liefst gebruikt als informatie-, transactie- en interactiemedium (lean-forward t.o.v. lean-back). Een website of webapplicatie heeft dan ook als taak om zijn informatie (onder welke vorm ook) zoveel mogelijk te ondersteunen en naar voor te laten komen. Opnieuw een reden om de layout niet te 'luid' te laten zijn: grafiek voor het web moet vooral functionele grafiek zijn, en gemaakt zijn om de inhoud zo goed mogelijk weer te geven en te ondersteunen.

Websites en webapplicaties zijn ook 'multiple use' - als je wilt inspelen op de informatie-, transactie- en interactiezucht van de eindgebruikers, maak je sites die meermaals kunnen gebruikt worden, en waar mensen ook geneigd zijn om die meermaals te gebruiken ('verslavende websites').
Een site met een groot 'visueel wow-effect' zal de eerste keer misschien aanspreken - maar bij vaker gebruik zal dit saai worden, en zelfs in de weg komen te staan van het effectieve gebruik (consumeren van informatie, transacties uitvoeren, interactie aangaan).

Door de nadruk te veel te gaan leggen op dat visuele wow-effect, creëer je eigenlijk een tijdelijke website, met een beperkte levensduur. En websites moeten in mijn ogen toch minstens 3 jaar kunnen meegaan...

Daarom ben ik er van overtuigd dat bij het maken van sites je vooral moet denken aan een 'nul-design', een design dat ondersteunend en in de achtergrond werkt - en wel om volgende redenen:

dynamiek moet in de interactiviteit van het web zitten, en niet vechten met de dynamiek van het ontwerp
goeie websites zijn informatie- of transactiewebsites, waar het design deze informatie of transactie ondersteund, en niet de overhand heeft
bij meermalig gebruik wordt een visueel overweldigende site saai en zelfs storend
er zijn weinig tijdloze sites met een 'visueel wow-effect'; deze voelen vrij snel gedateerd aan.

Wat met campagnesites, die vooral bedoeld zijn om éénmalig het wow-effect op te wekken? Dat is het soort sites dat wij niét bouwen - vooral omdat we niet geloven dat deze duurzaam bijdragen tot de businessdoelstellingen van bedrijven op het web.

Wat denken jullie?

Het visuele wow-effect in webdesign geschreven door Bart in: webdesign

Tags: conversie, webdesign

SVN Export gewijzigde files

Tijs — Mon, 19 Oct 2009 04:55:00 +0200

Zoals ieder goed webbureau maken we bij Netlash gebruik van een version-control systeem. In ons geval is dit SVN.

Subversion (SVN) is een versiebeheersysteem en in 2000 opgezet door CollabNet Inc. Subversion is de opvolger van CVS, een alternatief versiebeheersysteem. Subversion is uitgebracht onder de Apache License, waardoor het open broncode programmatuur (opensourcesoftware) is.

Als je dit combineert met grote projecten dan krijg je een solide basis om wijzigingen vlot bij te houden en te releasen. Het live zetten van grote wijzigingen kan soms een pak tijd in beslag nemen als je bijvoorbeeld geen SSH-acces hebt en dus alle files manueel moet uploaden. Een oplossing is om alles te gaan overschrijven. Dit heeft als nadeel dat dit even kan duren.

Daarom is het handiger om enkel de gewijzigde files te gaan uploaden. Maar dan moet je zelf een lijst gaan bijhouden van de gewijzigde files, of een lijst compileren aan de hand van je SVN-logs. Om dit proces te versnellen heb ik een Apple-script geschreven dat enkel de gewijzigde files gaat exporteren (met behoud van de folder-structuur).

Omdat we deze oplossing natuurlijk niet enkel voor onszelf willen houden kan je hier het script downloaden.

Download het script

Hoe installeer je het script?

Download het script.
Verplaats het script naar de Userscripts-map (/Users//Library/Scripts).
Activeer het Script-menu indien nodig door /System/Library/CoreServices/Menu Extras/Script Menu.menu te openen.

Hoe gebruik je het script

Update die lokale repository.
Start het script door in die Script-menu "SVN Export changed files" te kiezen.
Selecteer de folder die je SVN-repository bevat.
Geef de start-revision op. (de revision die op dat moment live staat)
Geef de eind-revision op. (in de meeste geval de laatste revision)
Selecteer een map waar de gewijzigde files moeten komen.
Upload de files.

Opmerking: het script bevat geen error afhandeling en is een alpha. Feedback is dus steeds welkom.

SVN Export gewijzigde files geschreven door Tijs in: webdevelopment

Tags: applescript, export, gewijzigde files, svn, tools

Verslavende websites

Bart — Mon, 05 Oct 2009 10:58:00 +0200

Vorige week ging Design for Persuasion door, de eerste Europese conferentie over persuasief design.

Topspreker en mede-organisator was BJ Fogg. Hij doceert aan Stanford, en is de auteur van het boek Persuasive Technology.

Daarnaast waren er nog een hele resem aan inspirerende sprekers.

Ikzelf had de eer om tussen die groten der aarde te kunnen staan met een korte presentatie over verslavende websites.

Ik citeer collega Thomas vanop zijn blog:

De basisgedachte van verslavende websites zijn de onmiskenbare maar vaak onzichtbare drijfveren eigen aan de mens. Door zich hiervan bewust te zijn is het mogelijk om uitgekiende strategieën te ontwikkelen om het gedrag van websitebezoekers te begeleiden naar gewenste acties. De lijst is nog niet volledig, maar vijf mogelijke drijfveren zijn:

Collecting: Het is van oudsher ingebakken in de mens, maar de drang om waardevolle zaken te verzamelen kan gebruikt worden om websitebezoekers ertoe aan te zetten om bijvoorbeeld een hogere reputatie in communities op te bouwen.

Social Validation: Interactie wordt beïnvloed door het gedrag van de andere consumenten. Wanneer een consument merkt dat andere consumenten een bepaald gedrag stellen, stijgt de individuele voorkeur van deze consument voor om zich op dezelfde manier te gedragen.

Reciprocity Commitment: Wanneer gebruikers zich engageren, dan zijn deze geneigd om blijvende engagement te tonen en dit rationaliseren.

Discovery: In iedereen schuilt een ontdekkingsreiziger. Door in te spelen op de drang om iets nieuws te leren, kunnen we het gedrag van bezoekers beïnvloeden.

Hieronder de bijhorende slides van de presentatie:

Ik ben van plan deze gedachten in de toekomst verder uit te werken en te documenteren op dit blog.

Verslavende websites geschreven door Bart in: conversie

Tags: conferentie, conversie, design for persuasion

Schermresolutie & webdesign

Dirk Sabbe — Wed, 23 Sep 2009 09:40:00 +0200

Na het overzichtje van de verschillende schermresoluties uit het artikel van Karl Gilis te hebben doorgenomen dacht ik ook meteen: "Wat een zootje" (Volledige artikel: "Schermresolutie: statistieken en tips").

Laat ik daar eens wat duidelijkheid in scheppen voor mezelf, dacht ik. Laat ik dat eens visueel proberen weergeven. Dat leverde onderstaand infografiekje op.

Elk vlak in de grafiek heeft de grootte van een schermresolutie uit de lijst en een kleurtint gelijk aan het percentage van bezoekers met die schermresolutie. Ik heb ook een PDF versie op ware grootte.

Het maakt volgens mij één punt heel duidelijk: ontwerp voor een schermafmeting van 1024 x 768 px. Niet meer, niet minder. Je browsercanvas is dus ongeveer 960 x 570 px groot.

Waar het ook duidelijk tijd voor wordt is experimenteren met grotere schermresoluties. De groep surfers die minimum een schermbreedte van 1280px hebben verantwoordt dat wel.

En mobiel? Daar ben ik nog niet helemaal uit. Een site zoals de onze volledig aanbieden voor een mobiel platform heeft weinig zin. Bepaalde onderdelen beschikbaar stellen - zoals een contactpagina of een kaart met onze locatie - hebben wel zin. Iemand die op weg is naar ons kantoor kan daar wel nut aan hebben.

(Foto door Eyeliam - Creative Commons Attribution - Bron)

Schermresolutie & webdesign geschreven door Dirk Sabbe in: webdesign

Tags: browsercanvas, schermresolutie, webdesign

4 soorten surfers

Bart — Wed, 19 Aug 2009 11:07:00 +0200

Als ik naar het surfgedrag van bezoekers kijk, dan zie ik vier grote manieren waarop ze door een website gaan.

1. Systematisch

De eerste manier om door een site te gaan is systematisch. De surfer bekijkt de boomstructuur van de website, en gaat die systematisch tak voor tak af: klikken op het eerste item in de menustructuur, scannen, klikken op het eerste subitem, scannen, 'back'-toets naar de vorige pagina, klikken op het tweede subitem... Systematisch scant deze bezoeker de site, en gaat pagina voor pagina bekijken of hij de informatie kan vinden die hij zoekt.

Deze surfer vertoont het typische 'pogostick' gedrag: hij springt naar een dieper menu-item, scant, vindt niet wat hij zoekt, en springt terug een niveau hoger.

Dit soort bezoekers vertrouwt vooral op een strak georganiseerde menu-structuur, en op een sitemap indien aanwezig.

2. Zoeken

Sommige mensen gaan recht op hun doel af: ze weten wat ze willen vinden, en duiken rechtstreeks in de zoekbox van een website. Ze hebben een bepaald woord of een bepaalde zinsnede in gedachten, en willen niet door gans de site surfen om dat te vinden.

Deze surfers verwachten een duidelijk zichtbare zoekbox al vanop de homepagina (liefst op de standaard plaats, rechtsboven, zie ook hier).

3. Serendipity

Een derde manier van door een site gaan is vertrouwen op serendipiteit. Bezoekers die op deze manier surfen gaan van link naar link: ze scannen een pagina, zien een link die hen interesseert, klikken daar op, scannen, klikken op de eerstvolgende link...

Ze gebruiken met veel enthousiasme de links die (duidelijk aangeduid) in de lopende tekst staan, beelden die klikbaar zijn, knoppen en andere call-to-actions...

Het ergste wat je deze mensen kan voorschotelen is een doodlopende pagina - een pagina waar geen enkele link op staat.

4. Social surfer

De 'sociale surfer' wil vooral zaken bekijken die anderen bekeken of aangeraden hebben; hij wil ook nieuwe mensen leren kennen. Deze surfer wordt vooral getriggerd door frases als "mensen die dit kochten, kochten ook ..." of "populaire artikelen". Ze klikken door op profielfoto's en commentaren van andere mensen.

Uiteraard is niets ooit volledig zwart-wit. Ieder van ons heeft wel aspecten van de vier soorten surfers in zich; en ons gedrag hangt zeker ook af van de context en situatie waarin we ons bevinden.

Maar meestal hebben mensen een duidelijke voorkeur voor een bepaalde manier van surfen. Meer zelfs, bij veel mensen met wie ik praat leeft vaak de overtuiging dat (bijna) iedereen surft op dezelfde manier als henzelf. Een systematische surfer zal met stelligheid beweren dat iedereen zo surft, en dat een zoekbox overbodig is; een zoek-gebruiker zal lachen bij het idee van een sitemap.

Het is de taak van een goede webbouwer (en dan vooral de informatie-architect) om alle vier de types te faciliteren. Voorzie in je site de verschillende manieren om doorheen de informatie te gaan (een goede zoekbox, een strakke menu-structuur, voldoende in-text links, sociale features).

Kijk ondertussen ook eens naar je eigen surfgedrag. Welk soort surfer ben jij?

4 soorten surfers geschreven door Bart in: webdesign

Tags: informatie-architectuur, inzicht, navigatie, surfen, webdesign

PHP TinyURL class

Bart — Fri, 24 Jul 2009 09:02:00 +0200

Collega Tijs maakte vroeger al verschillende PHP wrapper classes (PHP GarageTV class, PHP Twitter class, PHP EmailGarage class, PHP Mollom class).

Hij schreef er nog één, deze keer voor TinyURL.com.

TinyURL is een webdienst die lange webadressen voor jou omzet naar een zeer korte URL. Er is een API beschikbaar om dit in te bouwen in je eigen webapplicatie.

Met de PHP TinyURL class heb je nu een makkelijk integreerbaar pakketje.

Meer info op het blog van Tijs, en downloadbaar hier.

Update: Tijs gooit er, omdat het solden is, nog gratis en voor niets een PHP bit.ly wrapper class tegenaan: http://classes.verkoyen.eu/bitly/ .

PHP TinyURL class geschreven door Bart in: webdevelopment

Tags: class, php, tinyurl

De homepagina van een website

Bart — Fri, 10 Jul 2009 07:54:00 +0200

Als we spreken met klanten over de bouw van hun website, dan is één van de meestgehoorde opmerkingen 'onze homepagina is het visitekaartje van ons bedrijf'.

Er gaat dan ook meestal heel veel energie en focus naar die homepagina.

Dit is terecht: de homepagina is een belangrijke pagina in een website. Maar die speelt al lang niet meer dezelfde rol als vroeger.

De traditionele visie op de homepage is deze:

Bezoekers komen binnen op de homepagina, gebruiken het menu om in de boomstructuur van de website af te dalen, en bereiken dan de juiste pagina.

Dit is m.i. een achterhaalde visie. De homepagina is al lang niet meer de voordeur waarlangs alle bezoekers binnenkomen - de bezoekers komen voor het grootste deel binnen via de achterdeur, het raam, het balkon en het hondeluikje.

Ik blijf het herhalen: een goedgemaakte website trekt meer dan de helft van zijn bezoekers aan via zoekmachines, meer bepaald Google.
(Een bijkomend fenomeen van de laatste 6 maanden: meer en meer sites hebben als tweede grootste bron van trafiek Facebook.)

De eigenschap van die binnenkomende bezoekers is net dat ze binnenkomen via inhoudspagina's (de pagina's die in bovenstaande grafiek onderaan staan), en niet via de homepagina.

Een meer correcte visie is dan ook:

Bezoekers komen binnen via diepere pagina's, en gebruiken de homepagina als 'ankerpunt' om te navigeren binnen de site.

Dit betekent dat de homepagina zich niet meer (hoofdzakelijk) mag gedragen als 'binnenkomer', als 'visitekaartje', maar wel als een soort van wegwijzer doorheen de site.

Een even belangrijke functie, maar wel een totaal andere invulling.

Vervult jouw homepagina die functie?

De homepagina van een website geschreven door Bart in: webdesign

Tags: homepagina, informatie-architectuur, visie

Google bezoekers en maximale conversie

Bart — Tue, 07 Jul 2009 08:47:00 +0200

Ik schreef er vroeger al over: voor mij is Google een deel van de interface van een website. Bij een goedgemaakte website komen tegenwoordig 50 tot 60% van de bezoekers binnen op diepere pagina's via een zoekterm in Google.

Dit is niet zomaar een losse gedachte waarmee we willen zeggen dat je een site een grondige technische optimalisatie voor Google moet meegeven. We trekken dit veel verder door, onder andere in de opbouw van ons Content Management Systeem Fork.

Ik geef een voorbeeld, vertrekkend van onze eigen Netlash website.

Zoek bijvoorbeeld op de term 'logo' in Google.be: http://www.google.be/search?hl=nl&q=logo.

Je ziet in de resultaten een artikel van het Netlash blog over logo design opduiken:

Klik door vanuit Google, en je komt op de blogpost terecht. We hebben Fork CMS zo opgebouwd dat binnenkomende bezoekers intelligent opgevangen worden. Er wordt gedetecteerd of bezoekers rechtstreeks binnenkomen, of via een zoekmachine - en indien het tweede met welk zoekwoord.

Hieronder zie je links wat een bezoeker ziet die binnenkomt via Google met het zoekwoord 'logo'. Rechts zie je wat een bezoeker ziet die op een andere manier op die pagina terechtkomt.

Je ziet het, de Google-bezoekers krijgen een extra kader met een duidelijke call-to-action.

Fork CMS laat toe om zoekwoorden waarmee mensen binnenkomen te detecteren, en daarvoor specifieke teksten en links te creëren.

Dit is één van de functionaliteiten van Fork om binnenkomende bezoekers van de website op een elegante en intuïtieve manier te begeleiden langs het door ons vooropgestelde conversiepad.

Het kadert in onze visie dat een website niet zomaar een stuk spielerei is of enkel als 'branding' vehikel werkt - een website moet bijdragen tot de bottom line van een bedrijf. Conversie - het converteren van bezoekers naar een bepaald doel (kopen in een webshop, actief lid worden van een community website, genereren van gekwalificeerde leads) - is het hoofddoel van elke website.

(Meer weten over Fork CMS? Klik door naar de website van dit krachtige Content Management Systeem.)

Google bezoekers en maximale conversie geschreven door Bart in: actualiteit

Tags: cms, content management systeem, fork, google, seo, zoekmachine optimalisatie

Online marketing blogkermis 11

Bart — Sun, 05 Jul 2009 14:38:00 +0200

Op 7 juli gaat de elfde Online Marketing Blogkermis door. Zo'n blogkermis brengt waardevolle artikelen van bloggers over hetzelfde (brede) thema samen. Indertijd was het Netlash blog de gastheer voor de derde editie.

Het onderwerp van deze elfde editie is: 'tips voor ondernemers'.

Ik wil daaraan mijn steentje bijdragen met twee presentaties die ik onlangs nog gaf.

De eerste presentatie heet: 'Internet is de petrischaal van de maatschappij'. Daarin beschrijf ik een aantal trends die ik de voorbije jaren op het internet zag, en waarop ik me baseerde om mijn onderneming te modelleren:

De tweede presentatie bevat 10 tips voor startende ondernemers. Daarin vertel ik mijn (bescheiden) advies voor al wie wil starten met ondernemen:

Veel plezier. Bekijk op 7 juli zeker ook de andere ondernemer blogposts!

Online marketing blogkermis 11 geschreven door Bart in: marketing

Tags: blogkermis, ondernemen, online marketing

Web development vragen voor Steve Ballmer

Bart — Sat, 04 Jul 2009 14:10:00 +0200

Op uitnodiging van Microsoft België ga ik van 13 tot 16 juli naar New Orleans naar Microsofts Worldwide Partner Conference.

Meer nog, ik neem samen met een 20-tal andere webdevelopers van over de hele wereld deel aan een rondetafelgesprek met Microsofts CEO Steve Ballmer.

Het onderwerp: "to engage in a rich discussion on topics that are top of mind with him, such as standards in Web browsers, building Web apps, what is happening in the market, understanding your challenges and how Microsoft can help, and what the future holds from your perspective."

Ik zou daar eigenlijk graag wat voorbereid aan die tafel komen, en een aantal pertinente vragen klaar hebben.

Daarom vraag ik het aan jullie: welke vragen moet ik stellen aan het hoofd van Microsoft over webdevelopment?

Laat jullie gedachten na in het commentaarvak hieronder.

(Oh, en graag constructieve vragen. Opmerkingen als "wanneer gaat MS deftige browsers maken" en "welke stoel heeft hij liefst" klinken misschien grappig in jullie hoofd, maar zullen een beetje lullig zijn als ik ze effectief moet maken.)

Web development vragen voor Steve Ballmer geschreven door Bart in: webdesign

Tags: ballmer, microsoft, webdevelopment

Drempels verlagen met een goede interface

Johan — Tue, 30 Jun 2009 10:22:00 +0200

Vorige week in het nieuws op de YouTube blog: “In the last six months, we’ve seen uploads from mobile phones to YouTube jump 1700%; just since last Friday, when the iPhone 3GS came out, uploads increased by 400% a day.”

Geef mensen een gemakkelijke manier om iets te doen en het wordt gedaan. Eén van de mooiste eigenschappen van het web is dat alles gemakkelijker wordt.

Video was vroeger moeilijk: met tapes sleuren, de tapes digitaliseren, proberen te bewerken op een (veel) te trage computer. En dan de familie bijeen krijgen om naar een communievideo van 2 uur te kijken. Nu steek je je Flip in de USB-poort, gooi je de video op YouTube en hij is meteen klaar om te delen met de wereld.

Ook in het ontwerp van websites is faciliteren een belangrijk item om in het achterhoofd te houden. Het moet zo makkelijk mogelijk zijn om een formulier in te vullen, om je in te schrijven, om een actie uit te voeren op een website.

Een mooi voorbeeld van de “faciliteer”-strategie is Instapaper. Als je registreert voor Instapaper is het enige dat je nodig hebt een e-mailadres. Je kan een wachtwoord instellen, maar dat hoeft niet. Aangezien Instapaper een tool is die alleen jijzelf gebruikt, is het overbodig om dit te beveiligen. Wie gaat er nu ook kijken naar iemand anders zijn “te lezen artikels”-lijst?

Een gelijkaardige applicatie, Laterloop, doet het ook op een goede manier: je kan inloggen met je Google account en je bent vertrokken.

En onderaan deze blogpost? Daar kan je inloggen met Facebook Connect. Je browser vult de gegevens in en het enige dat nog rest is een reactie achter laten. Geen gedoe.

Drempels verlagen met een goede interface geschreven door Johan in: webdesign

Tags: facebook connect, faciliteren, instapaper, interface, laterloop

Internet is de petrischaal van de maatschappij

Bart — Thu, 18 Jun 2009 13:05:00 +0200

Vandaag spreek ik op The Future Summit.

Deze conferentie wil de visie van inspirerende trendwatchers op de toekomst presenteren:

Hoe de consument zich de volgende jaren zal gedragen
Hoe bedrijven inspelen op een veranderende wereld
En wat de gevolgen zullen zijn voor media en marketing

Mijn presentatie heeft als titel 'Internet is de petrischaal van de maatschappij', met als ondertitel: How I've modelled my company on internet hypes and got away with it.

De slides hiervan vind je hieronder:

Internet is de petrischaal van de maatschappij geschreven door Bart in: webdesign

Tags: future summit, presentatie, trend

Dagconferentie voor webcreatieven: Twiist

Bart — Wed, 06 May 2009 10:42:00 +0200

Op 15 mei loopt het Provinciehuis in Leuven vol voor twiist.be, een eendaagse conferentie voor webcreatives die meer willen weten rond het web. Met een internationale lijst van sprekers die hun ideeën zullen delen: Aral Balkan, Serge Jespers, Drew McLellan, Chris Messina, Elliot Jay Stocks, Brian Suda en Glenn Jones.

Tickets voor twiist.be, of The Way Internet Is Supposed To Be, kosten slechts 100 euro (exclusief BTW), dit om de conferentie betaalbaar te houden voor iedereen, of je nu student of een klein opstartend bedrijfje bent. De bedoeling is mensen bij elkaar te brengen en te inspireren, zodat je hopelijk gemotiveerd naar huis gaat.
Nog meer info kan je vinden op http://www.twiist.be.

Er zal alleszins ook een Netlash delegatie aanwezig zijn.

Komen jullie ook?

Dagconferentie voor webcreatieven: Twiist geschreven door Bart in: webdesign

Tags: conferentie, twiist, web

Google is deel van de interface

Bart — Sun, 03 May 2009 09:22:00 +0200

Hier bij Netlash vinden we SEO (zoekmachine optimalisatie) zeer belangrijk. De sites die we bouwen maken we zo vindbaar mogelijk in zoekmachines.

Maar we zijn géén SEO-bedrijf.

Netlash is een webbouwer; we leggen de nadruk op een goede bruikbaarheid en interface van websites.

En dat is exact waarom we zoveel aandacht besteden aan SEO, en met name vindbaarheid in Google: Google is een deel van de interface van je website.

Het is onmiskenbaar, op dit moment is de toegangspoort van het internet de facto Google. Mensen gebruiken de zoekmachine niet alleen om dingen op te zoeken of vragen te beantwoorden - ze gebruiken het als spellingscontrole en zelfs als een manier om de URL's die ze ingeven te controleren. Veel doorsneegebruikers tikken het adres van de website waar ze naar toe willen niet in de adresbalk in, maar in de zoekbox van Google.

Een goed gemaakte website zal dan ook 50 tot 60% van zijn bezoekers zien binnenkomen via Google.

Dit maakt Google eigenlijk tot een deel van de gebruikservaring van jouw website.

Vandaar dat het belangrijk is om aandacht te besteden aan SEO, zoekmachine optimalisatie, van je website. Niet alleen om trafiek te trekken naar jouw website - maar ook omdat die pagina met zoekresultaten effectief deel uitmaakt van de user experience van jouw site.

Aandacht dus voor mooie, leesbare URL's waarin het onderwerp van die pagina staat, voor goed omschreven meta-description die opduikt in de zoekmachine, voor duidelijke en niet-misleidende meta-keywords... Zelfs de manier waarop jouw site eruit ziet in thumbnails (voor diegenen die met een image preview werken) speelt een rol.

Ik predik al een tijdje dat de grens tussen verschillende websites aan het vervagen is, dat een website geen op zichzelf staand geheel is - maar ingebed in de rest van het internet. (Zie ook: mashups, integratie van externe diensten via API's, verspreiding van content via RSS.)

Wie bezig is met interaction design van websites, zou dus eigenlijk een basis begrip moeten hebben van hoe Google websites indexeert, en dit meenemen in het ontwerp van die sites.

Google is deel van de interface geschreven door Bart in: SEO

Tags: interaction design, search engine optimization, seo, webdesign

Webwinkel omzet 4,85 miljard in 2008

Bart — Fri, 20 Mar 2009 06:29:00 +0100

Blauw Research en Thuiswinkel.org publiceerden net een studie over de webshop markt in Nederland.

In 2008 nam het aantal bestellingen per persoon met 17% toe, naar een gemiddelde van 5,3 bestellingen per persoon. Het gemiddeld besteed bedrag per online shopper stijgt daarmee naar 618 euro.

De populairste sectoren om online te kopen zijn zoals verwacht de reissector en die van de consumentenelektronica.

Dit is de jaarlijkse gemeten webwinkel omzet op de Nederlandse markt:

jaartal	omzet in miljoen euro
1998	€ 41
1999	€ 147
2000	€ 312
2001	€ 527
2002	€ 937
2003	€ 1.237
2004	€ 1.678
2005	€ 2.210
2006	€ 2.820
2007	€ 3.898
2008	€ 4.848

Voor 2009 wordt ondanks de economische uitdagingen nog steeds een groei verwacht, tot 6 miljard euro.

Meer details over de studie vind je op de site van Thuiswinkel.

Webwinkel omzet 4,85 miljard in 2008 geschreven door Bart in: e-commerce

Tags: cijfers, e-commerce, webshop, webwinkel

Inspirerende werkomgeving

Dirk Sabbe — Fri, 13 Feb 2009 16:14:00 +0100

De inrichting van het Netlash kantoor hebben we vorige week afgerond. Sluitstuk is de grote, op maat gemaakte tafel die het gemeenschappelijke deel van ons kantoor bedient én een eye-catcher is voor iedereen die het kantoor binnenkomt.

't Was het laatste ontbrekende stuk van de inrichting: de plaats waar we 's middags samen een broodje kunnen eten en ondertussen kunnen bijpraten.

De tafel, die ik samen met Christian van Gillinox ontworpen heb, bestaat uit 6 kleinere tafels, die los van elkaar bv. gebruikt kunnen worden om bv. een receptie te organiseren. Het is een hoge tafel waar je met een barkruk moet aan zitten maar waar je bv. ook rechtstaand kunt tegen leunen.

De inrichting van het kantoor is erop gericht om idereen een zijn eigen vaste stek te geven, maar er zijn ook voldoende aparte hoekjes voorzien zodat iedereen zich kan afzonderen om een telefoontje te plegen, om even te overleggen of om even ongestoord te kunnen werken.

Zelf ben ik overtuigd gebruiker van onze love-seats om de status van de lopende projecten door te nemen.

De vormgeving is behoorlijk strak maar niet klinisch — er wordt in deze ruimte ook geleefd — en weerspiegelt de identiteit van het bedrijf én idereen die er werkt.

Eigenlijk moet het allemaal menselijk blijven en daar, denk ik, zijn we goed in geslaagd.

Inspirerende werkomgeving geschreven door Dirk Sabbe in: webdesign

Tags: inrichting, inspiratie, kantoor

Verse lading boeken

Bart — Thu, 12 Feb 2009 09:47:00 +0100

Het is opnieuw boekendag bij Netlash!

Een verse lading Amazon goodness - kwestie van onze geesten scherp te houden.

Dit is de inhoud van deze buit:

Grown up digital, How the net generation is changing your world - Don Tapscott
Convergence Culture, Where old and new media collide -
Henry Jenkins
The Architecture of Happiness, The secret art of furnishing your life - Alain de Botton
Everything you know about CSS is wrong - Rachel Andrew & Kevin Yank
Persuasive Technology, Using computers to change what we think and do - B.J. Fogg
slide:ology, The art and science of creating great presentations - Nancy Duarte
Andreas Gursky, Works 80 - 08

Divers leesvoer, bij voorkeur te consumeren op een hagelwit strand bij 27 graden Celcius. Maar ik vrees dat het eerder onder lunchpauzes en bij grijs regenweer zal worden...

Verse lading boeken geschreven door Bart in: netlash

Tags: amazon, boeken

Nieuwe websites gva.be en hbvl.be

Bart — Tue, 10 Feb 2009 09:31:00 +0100

Vandaag lanceerden gva.be en hbvl.be, de websites van de kranten Gazet van Antwerpen en Het Belang van Limburg, hun nieuwe versie.

We hebben meegewerkt aan de informatie-architectuur en het interaction design van die sites. De implementatie van de aangeleverde structuur en designs werd uitgevoerd door het excellente Concentra-team.

Ook deze keer werden we gedreven, niet door hoe het eruit ziet (het tijdelijke wow-effect), maar wel door hoe het werkt (hoe kunnen we blijvend de doelen van de site versterken).

Onze hoofdobjectieven waren:

leesbaarheid van de online krant verhogen
doorstroming van bezoekers van homepagina naar diepere pagina's verbeteren
het regionale aanbod duidelijker in de kijker plaatsen
het ontdekken van het uitgebreide overige aanbod faciliteren

Uiteraard besteedden we veel aandacht aan SEO (zoekmachine optimalisatie) in de interne structuur, en aan de gebruiksvriendelijkheid.

Dit zou zich moeten vertalen in een hogere 'time-on-site' (gemiddelde bezoeker blijft langer op de site) en een lagere 'bounce-rate' (minder bezoekers die de site verlaten na slechts 1 pagina).

Ik wil alleszins de mensen bij Concentra bedanken voor de aangename samenwerking. We hopen met beide teams dat jullie de nieuwe site makkelijker navigeerbaar en aangenamer om te lezen zullen vinden.

Klikkerdeklik maar door om een kijkje te nemen: www.gva.be en www.hbvl.be.

Nieuwe websites gva.be en hbvl.be geschreven door Bart in: webdesign

Tags: gva, hbvl, ia, informatie-architectuur, interaction design, krant, webdesign, website

Nieuwe Netlash site: de achterkant

Bart — Wed, 04 Feb 2009 10:30:00 +0100

Collega Johan schreef zijn ervaringen neer over het ontwerp en de bouw van onze nieuwe Netlash website.

Ik citeer:

Voor het ontwerp waren we over één ding zeker: “no bullshit”. Het oude logo werd ontdaan van alle franjes en ronde hoekjes en staat nu strak gepositioneerd in een vlak. De typografen onder jullie herkennen een lichtjes gewijzigde versie van DIN 1451 Engschrift. De Netlashkleuren wit, zwart en rood zijn prominent aanwezig op de website. Met uitzondering van de gedeeltes met een donkere achtergrond wou ik het paradigma “rood = aanklikbaar” zoveel mogelijk behouden.

De site werd netjes op een grid gezet met aandacht voor de leeslengte van kolommen, mogelijke inhoud (bvb. YouTube en Slideshare embeds) en uitbreidbaarheid. We hebben ervoor gekozen de site links uit te lijnen. Persoonlijk vind ik dat het links uitlijnen in combinatie met de border rechts een duidelijke scheiding zet waar de site begint en eindigt. Voeg daar nog eens de grid aan toe en het resultaat is een rigide structuur die makkelijk op te nemen valt.

Meer weten over hoe we tot het eindresultaat van deze site kwamen? Lees meer op het blog van Johan, Wolf's Little Store.

Ondertussen is de nieuwe Netlash site ook opgepikt door een aantal gallery websites:
Site of the week bij Abduzeedo, op CssMania, verschenen op Most Inspired, opgenomen bij CssImpress, gefeatured op CssWow, vermeld op UsejQuery, opgenomen op Dailyslurp. Positive Space vermeldde de Netlash website onder 11 amazing website designs that rocked january.

Het doet ons alleszins deugd om ook van jullie zo'n positieve reacties te krijgen. Bedankt!

Nieuwe Netlash site: de achterkant geschreven door Bart in: webdesign

Tags: filosofie, netlash, ontwerp, webdesign

Wie is er online?

Bart — Mon, 02 Feb 2009 12:07:00 +0100

Pew Internet and American Life doen regelmatig onderzoek naar wie online zit, en wat ze daar exact doen. Op 28 januari jongstleden publiceerden ze hun nieuwe rapport, Generations Online (.pdf).

Daaruit blijkt duidelijk dat het internet minder en minder het exclusieve speelterrein van jonge mensen wordt. De oudere generaties zijn hun schade ruimschoots aan het inhalen:

Naam	Leeftijd	% bev.	% online
Gen Y (Millennials)	°1977-1990, 18-32 jaar	26%	30%
Gen X	° 1965-1976, 33-44 jaar	20%	23%
Younger Boomers	° 1955-1964, 45-54 jaar	20%	22%
Older Boomers	° 1946-1954, 55-63 jaar	13%	13%
Silent Generation	° 1937-1945, 64-72 jaar	9%	7%
G.I. Generation	° -1936, 73+ jaar	9%	4%

Wat die mensen online doen, hangt dan weer wel af van hun leeftijd. 74% van de internetgebruikers die ouder zijn dan 64 gebruiken e-mail; dat is dan ook in die generatie de populairste activiteit.

Gen Y (18-32) is vooral bezig met online entertainment (video, games, virtuele werelden, muziek downloaden). Tieners (12-18) zullen vaker blogs schrijven en lezen, en social networking websites gebruiken.

Oudere generaties gebruiken het web dan meer voor research, bankieren en shoppen. Het zijn vooral de Gen X'ers die aan online shoppen doen: 80% van hen kopen online.

Video's online bekijken en downloaden, en reizen onderzoeken en boeken zijn activiteiten die langzamerhand door alle generaties gebeuren.

De resultaten van het onderzoek werden ook in een korte presentatie gegoten:

Deze cijfers zijn gebaseerd op Amerikaans onderzoek, en vertrekken van een US publiek. Maar met de nodige zorg kunnen we ook extrapoleren naar onze Belgische markt, en daar een aantal conclusies uit trekken.

Het pdf-document van de resultaten vind je hier. De verdere trends die Pew Internet rapporteert kan je mee opvolgen via hun site.

Wie is er online? geschreven door Bart in: statistieken

Tags: internet, onderzoek, statistiek

E-commerce in Belgi� groeit

Bart — Sat, 31 Jan 2009 09:16:00 +0100

Ogone is de grootste Belgische payment provider (85% van de Belgische webshops laten hun online betalingen door Ogone regelen).

Onlangs publiceerden ze hun cijfers voor 2008. Daaruit blijkt dat online winkels vorig jaar blijven groeien:

Het aantal transacties steeg met 42% van 4,5 miljoen in 2007 naar 6,4 miljoen in 2008.
Het totaalbedrag van de webwinkel verkopen steeg van 460 miljoen euro in 2007 naar 590 miljoen euro in 2008, een toename van 28%.
Het gemiddelde bedrag per aankoop daalde met 10% van 102 euro naar 92 euro.
Per maand verschijnen er een 80-tal nieuwe webshops in België.

(Bron: De Tijd.)

E-commerce in Belgi� groeit geschreven door Bart in: e-commerce

Tags: e-commerce, ogone, webshop

PHP GarageTV Class

Bart — Fri, 30 Jan 2009 07:50:00 +0100

Collega Tijs deed het weer.

Een PHP wrapper class maken om te communiceren met een API, bedoel ik. Na een class gepubliceerd te hebben voor Mollom, voor EmailGarage en voor Twitter, gaat het deze keer om de GarageTV API.

GarageTV is een Belgisch videoportaal, gerund door Telenet. (We hebben indertijd meegeholpen aan wireframes en design van de site.)

De PHP GarageTV Class is een BSD-licensed PHP klasse, waarmee je makkelijk zelf verbinding kan maken met de GarageTV API.

Download hier versie 1.0.0.

Of haal het bestand rechtstreeks van Tijs' classes-verzameling. Laat zeker ook een dankwoordje achter op zijn blog.

PHP GarageTV Class geschreven door Bart in: webdevelopment

Tags: class, garagetv, php, webdevelopment

Usability van links

Johan — Wed, 28 Jan 2009 07:53:00 +0100

Links zijn een essentieel element van iedere site, maar krijgen vaak niet genoeg liefde van webdesigners. In deze blogpost: enkele tips en technieken om links bruikbaar en toch esthetisch verantwoord te houden.

1. Duidelijk maken wat klikbaar en niet klikbaar is

Eén van de grootste usabilityfouten die je kan maken ligt in de stijling van links. Standaard worden links blauw en onderlijnd getoond in een browser. In een lopende tekst vallen links zo erg hard op en kan dit als storend worden ervaren. Daarom vinden veel ontwerpers er niet beter op dan de onderlijning onder links weg te halen.

Dit kan, op voorwaarde dat het duidelijk blijft wat klikbaar is en wat niet. Links hebben sowieso een andere kleur nodig dan normale tekst. Er zijn een aantal technieken om links “mooier” te maken en de bruikbaarheid toch te behouden. Ikzelf prefereer om in plaats van text-decoration: underline; borders te gebruiken. Dit zorgt voor subtielere underlines. Daarnaast zet ik deze borders vaak een tik lichter dan de eigenlijke linkkleur; met name 33% van de originele linkkleur. Vergelijk het met opacity in Photoshop: de borders onder links hebben bij mij 33% opacity.

Een andere techniek is “swap underlines”. Dit houdt in dat je de border of underline pas toont bij het hoveren over een link. Deze techniek gaat usabilitygewijs al eerder de gevaarlijke kant uit, maar kan vlot toegepast worden in menu’s en doormats als het duidelijk is dat het een menu betreft, en de linkkleur consistent is met de rest van de website.

2. Clickable area vergroten

Niet iedereen kan even goed met zijn muis overweg als jij, en dan zijn er nog die avonden dat je gewoon moe (of dronken) bent. De beste remedie tegen “misclicks” (het verkeerde knopje of de verkeerde link aanklikken) is ervoor zorgen dat de clickable area van links groter is dan die eigenlijk lijkt. In een navigatiemenu is het bijvoorbeeld altijd aangeraden om links de CSS-property display: block; mee te geven en extra padding of margin. Een hover-effect om het klikbare gedeelte aan te duiden maakt het helemaal af.

3. Niet vergeten: visited states

De visited state wordt maar al te vaak vergeten bij het stijlen van een website. Met als gevolg dat gewone links en visited links er juist hetzelfde uitzien. Vaak gehoorde excuses zijn “ik vond geen goede kleur” en “dat is toch niet nodig?”. Voor een bezoeker heeft het wel degelijk nut om in één oogopslag te zien waar hij al geweest is en waar niet.

Een gemakkelijke manier om visited, en bij uitbreiding hover en active states te stijlen is de volgende:

Voor de visited state neem je de kleur van de links, en maak je die 20% donkerder
Voor de hover state neem je de kleur van de links, en maak je die 20% lichter
Voor de active state neem ik vaak dezelfde kleur als de hover state, omdat een aangeklikte link al genoeg feedback aan de bezoeker geeft: in Internet Explorer hoor je het typische klikgeluidje, en in bijna alle browsers komt er een dotted outline rond de link.

Dat brengt ons bij het volgende punt.

4. Focus outline: niet verwijderen

Onlangs las ik een blogpost van Sven Peeters, student aan Devine een zogeheten tip om de outlines op links weg te halen. Deze tip bestond eruit a:focus { outline: 0; } aan je CSS toe te voegen. Ik ga akkoord dat die outline helemaal niet zo mooi is, maar er zijn een aantal redenen waarom je deze moet laten staan.

Ten eerste navigeren sommige gebruikers enkel met hun keyboard. Soms wegens een (fysieke) handicap, soms omdat ze het gewoon zijn hun keyboard voor alles te gebruiken. Door de outlines weg te halen krijgt de bezoeker geen feedback meer welk item er nu juist geselecteerd is. Daarnaast haal je een deel van de feedback weg voor gebruikers die de muis wel gebruiken (zie punt 3).

5. Buttons: show them some love too

Buttons zijn in feite gestijlde links en verdienen dezelfde “treatment” als normale links. Dit wil zeggen: een link, visited, hover en active-state. Bezoekers hebben een mentaal model over hoe knoppen werken (namelijk: je kan ze indrukken en er gebeurt iets). Het is dan ook nuttig om dit mentaal model te ondersteunen door bijvoorbeeld de “ingedrukte” staat van een knop er uit te doen zien als een knop die, je raadt het al, wordt ingedrukt. In de praktijk gebeurt dit door de spelen met de effecten in je beeldbewerkingsprogramma (bvb. inner shadow in Photoshop). Tim Van Damme zei onlangs op Twitter het volgende: “Buttons should look twice as sexy when clicked”. Daar kan ik volmondig mee akkoord gaan.

(Dit artikel is overgenomen van collega Johans persoonlijke blog, Wolfs Little Store.)

Usability van links geschreven door Johan in: usability

Tags: links, usability, webdesign

Online communities: wat werkt (niet)?

Bart — Mon, 26 Jan 2009 17:35:00 +0100

We zijn webbouwers in hart en nieren. Maar terwijl we klanten helpen bij het bouwen van community websites, doen we uiteraard ook veel ervaring op bij het uitbouwen van die communities.

Collega Bram gaf hierover op de voorbije Barcamp Ghent 2 een presentatie: Web Community Do's & Dont's.

Ikzelf sprak vandaag op het UitForum over hetzelfde onderwerp; voor een stuk geïnspireerd op de presentatie en kennis van Bram.

Hieronder vind je de slides van deze presentatie. Ik behandel daarin deze onderwerpen:

Wat is een online community?
Wat bepaalt het succes van zo'n community?
Hoe een online community bouwen
Zo'n online community lanceren
Een online community onderhouden

Online communities: wat werkt (niet)? geschreven door Bart in: community

Tags: community, online community, presentatie, uitforum, web community

Google Analytics installeren heeft impact op SEO

Bart — Mon, 19 Jan 2009 15:00:00 +0100

Google gebruikt verschillende bronnen om informatie te verzamelen en zo te beslissen welke websites hoog scoren in zoekmachines.

Uiteraard is daar de informatie van de site zelf (de code, de gebruikte woorden, de structuur) en het aantal links dat naar die site wijst (een aanduiding hiervan is het PageRank cijfer).

Maar wie de neergelegde patenten van Google goed analyseert, beseft dat er nog zoveel andere stukjes informatie zijn die onze online Big Brother gebruikt. Ik denk maar aan de gegevens van de domeinnaam (eigenaar, hoelang al/nog geregistreerd); of de abonnee-cijfers die ze ophalen uit Google Reader en uit het overgekochte Feedburner.

Google Analytics is daar één van. GA is een gratis statistiekenpakket om informatie over de bezoekers van je website te meten en analyseren. Het is één van de betere op de markt, ook wij gebruiken het.

Maar als je het gebruikt, moet je je goed bewust zijn van het feit dat het impact kan hebben op je plaats in de zoekresultaten van Google.

Google wil graag relevante zoekresultaten tonen. En websites waar veel bezoekers op komen, die lang op de site blijven, zullen volgens Google relevanter zijn. Net zoals websites waar er niet zoveel bezoekers zijn en vooral waar ze niet zolang op blijven, minder relevant zijn volgens Google.

Als je dus Google Analytics op je website installeert, geef je die cijfers (bezoekersaantallen, time-on-site, bouncerate) door aan Google. En geef je zo de gelegenheid aan Google om die cijfers mee te nemen in de volgorde van de zoekresultaten.

Is dit iets slechts? Niet noodzakelijk.

Als je bezoekerscijfers ok zijn (in vergelijking met je sector), maar vooral, als je time-on-site (gemiddeld aantal pagina's die één bezoeker bekijkt) hoog genoeg is en je bouncerate (procentueel aantal bezoekers die al na één pagina weggaan van de site) laag genoeg is, zal dit m.i. een positieve impact op je positie in Google hebben.

Als de time-on-site laag en bouncerate hoog is, zou je misschien beter géén Google Analytics installeren. (Of beter nog: er hard aan werken om die cijfers te verbeteren. Contacteer ons als je hierover advies wilt.)

Hoe dan ook, je moet er van bewust zijn dat installeren van Google Analytics een impact heeft op je zoekresultaten. En hier dan ook rekening mee houden in je SEO strategie.

Google Analytics installeren heeft impact op SEO geschreven door Bart in: SEO

Tags: ga, google analytics, pagerank, seo, zoekmachine optimalisatie

Nieuwe Netlash website

Bart — Tue, 13 Jan 2009 10:55:00 +0100

We spreken er al jaren over, we werken er met het ganse team al maanden aan... maar eindelijk zijn we er geraakt: een nieuwe Netlash website!

De vorige website was al zo'n drie jaar oud - en niet meer representatief voor het bedrijf dat we nu zijn.

Met de nieuwe site willen we de nadruk leggen op wat we doen: informatieve websites en webapplicaties bouwen. Onze sterktes willen we ook benadrukken; we zijn namelijk sterk in het ordenen en intuïtief ontsluiten van complexe informatie. Vandaar dat deze nieuwe site ook een overvloed aan informatie wil geven.

Daarnaast bouwden we - getrouw aan ons imago van innovators en voorlopers - een aantal interessante features in. Er is een integratie van Twitter, Flickr en GarageTV. We werkten aan een sterke zoekfunctie, die ons toelaat om bezoekers snel en duidelijk te leiden naar het gewenste doel. En met ons intelligente tagsysteem kunnen we automatisch verschillende soorten inhoud aan elkaar koppelen.

Maar bovenal: we stopten al onze liefde en passie voor het web in deze website. We hopen dan ook dat jullie dit tussen de regels door kunnen voelen.

Wil je in de toekomst op de hoogte blijven van wat het Netlash team allemaal uitspookt, dan kan dat op verschillende manieren:

de blogposts via de RSS-feed van ons blog;
beschrijving van nieuw werk via de RSS-feed van ons portfolio;
korte updates over nieuwe projecten via de 'nieuws' RSS-feed;
of je kan ook inschrijven op onze e-mail nieuwsbrief, die we één keer per kwartaal willen versturen.

Ondertussen is al jullie feedback welkom in het reactieformulier hieronder.

Nieuwe Netlash website geschreven door Bart in: netlash

Tags: netlash, nieuw, website

Spoon Library

Bart — Tue, 13 Jan 2009 10:33:00 +0100

Openheid en delen zitten in het Netlash-DNA ingebakken. Da's ook de reden waarom we graag met open source technologie werken - en zelf ook ons gemaakte werk delen via open source licenties.

Zo ook Spoon Library. Spoon is een bibliotheek van php klasses die hier in elk project gebruikt wordt. Zie het als de legoblokjes waarmee onze programmeurs dagelijks aan de slag gaan.

Collega's Davy en Tijs bouwen hier constant aan verder. Sinds kort stelden ze een nieuwe versie beschikbaar: versie 1.0.1.

Spoon is beschikbaar onder de open source BSD licentie.

Je kan downloaden, documentatie bekijken en binnenkort ook commentaar geven via de website van Spoon Library.

Spoon Library geschreven door Bart in: webdevelopment

Tags: class, library, open source, php, spoon, webdevelopment

net|log: bedrijfsblog van Netlash Webdesign - Grafisch Ontwerp - Usability

ROI van een website

Javascript slideshow

Demo

Hoe installeer je het script?

Hoe gebruikt je het script?

Meer?

Voordelen?

MySQL Slow Log Parser

Het visuele wow-effect in webdesign

SVN Export gewijzigde files

Hoe installeer je het script?

Hoe gebruik je het script

Verslavende websites

Schermresolutie & webdesign

4 soorten surfers

1. Systematisch

2. Zoeken

3. Serendipity

4. Social surfer

PHP TinyURL class

De homepagina van een website

Google bezoekers en maximale conversie

Online marketing blogkermis 11

Web development vragen voor Steve Ballmer

Drempels verlagen met een goede interface

Internet is de petrischaal van de maatschappij

Dagconferentie voor webcreatieven: Twiist

Google is deel van de interface

Webwinkel omzet 4,85 miljard in 2008

Inspirerende werkomgeving

Verse lading boeken

Nieuwe websites gva.be en hbvl.be

Nieuwe Netlash site: de achterkant

Wie is er online?

E-commerce in Belgi� groeit

PHP GarageTV Class

Usability van links

1. Duidelijk maken wat klikbaar en niet klikbaar is

2. Clickable area vergroten

3. Niet vergeten: visited states

4. Focus outline: niet verwijderen

5. Buttons: show them some love too

Online communities: wat werkt (niet)?

Google Analytics installeren heeft impact op SEO

Nieuwe Netlash website

Spoon Library