Eind augustus en begin september 2007 is de site http://www.kpn.com/ ‘getweaked’. Getweaked: aangepast op basis van een eerder ontwerp. Aangezien KPN de focus heeft gezet op het laten verlopen van alle (klant)processen via KPN.com, is er door veel usabilityspecialisten, online marketeers met internetinzicht en interaction designs een ultieme online concessie bereikt. Anno september 2007 een van de betere websites met een aantoonbaar conversie en natuurlijk user centered design met herkenbare elementen.

Waarom en wat zijn de top 10 van succesfactoren?

1 Een subtiele doorvoer van huisstijlkleuren (groen/blauw/geel) die terugkomen in de zogenaamde call-to-actions als de buttons en tekstlinks

2 Een duidelijke en overzichtelijke beslisboom in het midden van het scherm waar geen enkele bezoeker omheen kan. Je kunt gemakkelijk een keuze maken tussen mobiel, internet of televisie. Duidelijk en uitnodigend zonder te veel informatie te geven op het eerste niveau.

3 Een gelaagde beslisboom: de conditionering van symbolen in de beslisboom (telefoontje, tv-tje en een muis)

4 Juist omgaan met ‘de vouw’. Als we www.kpn.com bekijken op veelgebruikte schermresoluties dan is nog net boven de vouw de tweede laag met diepere beslissingen te zien. Een kop als ‘Internetplusbellen’ valt nog net te lezen zonder een te hoog informatie-aanbod te vormen.

5 Herkenbare en gebruikelijke usability-kleuren zoals groen, oranje en blauw. De aanbiedingen zoals ‘vanaf 9,95 /mnd’ zijn uitgelicht in het oranje en zo direct communicerend dat dit om een echte aanbieding gaat die om aandacht vraag. Groen, oranje en rood vormen de zogenaamde stoplichtkleuren.

6 Een juiste uitlichting van de producten met goed gebruik van witruimte. Het is een subtiliteit in interaction design om de content-onderdelen goed uit te lichten zonder een niet-overzichtelijk ontwerp af te leveren op het scherm.

7 Het op twee niveaus aanspreken: op zowel tekst- en visueel niveau, je kunt klikken op de visuele call-to-actions zoals de afbeelding van de mobiele telefoon maar ook de begeleide tekst die op hetzelfde niveau en ook hetzelfde communiceert, een duidelijk aanspreken van de lezers en scanners.

8 Herkenbare onderdelen op een juiste manier uitgelicht: rechtsboven de zoekoptie, linksboven het logo voor snelle herkenning.

9 Korte, scanbare textuele call-to-actions waarbij sommige termen -zo lijkt het- bewust aanelkaar zijn geschreven: klantenservice, thuisbellen, internetplusbellen. Alles op zo’n manier gebracht dat het scanbaar is.

10 Naast de herkenbare lijn van informatie architecture -> aansluiting requirements > interaction design > visueel ontwerp, ook rekeninggehouden met SEO vanuit de online marketing. De subtiele opsomming van producten maakt het dat KPN.com ook nog eens goed vindbaar is. Daar waar de titel in de titelbalk helemaal bovenin een stuk beter kan.

[youtube]http://www.youtube.com/watch?v=tCeL5ByBwt0[/youtube]