De take-off van Schiphol.nl

18

Door van Jungle Minds

Print

op woensdag 18 november 2009 om 12:00 uur

Frankwatching triggerOp 11 november is de compleet vernieuwde website van Schiphol gelanceerd. De 1,6 miljoen maandelijkse bezoekers ervaren een nieuwe vormgeving, navigatiestructuur en een aantal nieuwe functionaliteiten. Lees over het nieuwe design, de quick wins, de rol van de webredactie, de verrassende uitkomsten van eye-trackingonderzoek en meer…

Schiphol heeft de ambitie om Europe’s preferred airport te zijn en te blijven. Hierbij hoort een toonaangevende luchthavensite, die de grote verscheidenheid aan doelgroepen voorziet van de informatie en de behoefte waar ze naar op zoek zijn:

  • Reizigers – Schiphol als preferred airport: optimale informatieverstrekking, meer aandacht voor de Schipholbeleving en het aanbieden van gepersonaliseerde informatie. Doelstelling is het goed informeren van de reiziger en zowel online als verkoop van Schiphol producten en diensten te stimuleren
  • Bedrijven – Schiphol als zakenpartner: informeren over visie en kennis van Schiphol, B2B bezoekers verleiden tot het opnemen van contact.
  • Corporate stakeholders – Schiphol Group als transparant bedrijf: het bieden van toegankelijke bedrijfsinformatie aan journalisten, analisten en NGO’s.
  • Werkzoekenden/werknemers – Schiphol als werkgever of –lokatie: Schiphol positioneren als interessant bedrijf (of locatie) voor toekomstige werknemers. Inclusief het informeren van werknemers bij/op Schiphol
  • Omwonenden – Schiphol als goede buur: transparante communicatie en informatie naar omwonenden én het tonen van de waarde van Schiphol voor haar omgeving

Voor de ontwikkeling van het nieuwe Schiphol.nl is de volgende fasering aangehouden:

  1. Voorafgaand aan het redesign is de techniek op orde gebracht. Schiphol.nl is overgebracht naar GX Webmanager 9 (meer hierover in dit artikel van GX).
  2. Vrij snel in het project zijn diverse verbeteringen doorgevoerd op de bestaande (oude) site. Dit betrof quick wins in pagina-layout, maar ook het doorvoeren van de nieuwe navigatiestructuur
  3. Gelijktijdig is gewerkt aan de lancering van een geheel nieuwe website, in termen van interactie, designbouw en webredactie.

Dit artikel gaat verder in op de tweede en derde fase.

Snel resultaat: aanpassingen op bestaande site

In verschillende werkgroepen (consumenten, b2b, recruitment, omwonenden, corporate communications, passagiers) is bepaald welke menustructuur, content en functionaliteiten het beste bijdragen aan het halen van de geformuleerde doelstellingen. Hierbij is gebruik gemaakt van persona’s (zie afbeelding). De persona’s hielpen om gebruikerseisen en -wensen te koppelen aan de bedrijfsdoelstellingen van Schiphol Group. Ook hebben de persona’s bijgedragen aan het concretiseren van de precieze doelgroepen die Schiphol.nl wil bedienen.

Persona’s die gebruikt zijn bij de ontwikkeling van schiphol.nl

Persona’s die gebruikt zijn bij de ontwikkeling van Schiphol.nl

In de werkgroepen zijn de content en functionaliteiten voor het nieuwe Schiphol.nl bepaald. Op basis hiervan zijn ook direct quick wins doorgevoerd op de site die tot 11 november 2009 live stond. Ook is hierbij de nieuwe navigatiestructuur al grotendeels doorgevoerd (zie screenshots). In deze nieuwe structuur is informatie voor verschillende doelgroepen eenvoudiger vindbaar. Dit was ook direct in de statistieken zichtbaar: het voor Schiphol commercieel interessante onderdeel ‘B2B’ trok na plaatsing in de topnavigatie zeven keer meer bezoek dan op de oorspronkelijke plaats (onder ‘Schiphol Group’).

Oorspronkelijke navigatiestructuur

Oorspronkelijke navigatiestructuur

Aangepaste navigatiestructuur

Aangepaste navigatiestructuur

Belangrijke rol webredactie

Een project dat startte in het voorjaar van 2009 was het herschrijven van meer dan 700 tekstpagina’s. Veel teksten staan al langere tijd op de site, en zijn destijds overgenomen uit andere communicatiemiddelen. De webredactie neemt alle teksten onder handen om een uniforme schrijfstijl te garanderen die past bij de kernwaarden van Schiphol. Door meer gebruik te maken van tussenkopjes en bullets zijn online teksten bovendien beter scanbaar: de bezoeker weet in enkele seconden of de informatie op de pagina de informatie is die hij of zij zoekt. Zie als voorbeeld onderstaande herschreven tekst over de ‘pick-up on return’ service van de winkels na de paspoortcontrole.

Tekst voor (links) en na (rechts) de optimalisatieslag

Tekst voor (links) en na (rechts) de optimalisatieslag

Uitdaging in concept & ontwerp

Tijdens het doorvoeren van quick wins en het herschrijven van de webteksten is het concept- & ontwerpteam van Jungle Minds aan de slag gegaan met het interactie-ontwerp en het visueel ontwerp. Bij het visueel ontwerp luidde de uitdagende opdracht:

“ontwikkel een neutraal gebrand maar herkenbaar Schiphol online”

In het ontwerp is gebruik gemaakt van herkenbare elementen uit de wereldberoemde bewegwijzering op Schiphol en is veel ruimte vrijgemaakt voor fotografie. Binnen dit raamwerk hebben diverse commerciële teams binnen Schiphol de mogelijkheid het eigen logo/beeldmerk en campagnebeelden te gebruiken, zonder dat dit een eenduidige uitstraling in de weg zit. Voorbeelden hiervan zijn vooral te zien binnen het B2B gedeelte (Schiphol Real Estate en Route development gebruiken elk een eigen beeldmerk, pay-off en/of campagnebeeld).

Verrassende uitkomsten gebruikersonderzoek & eye tracking

Op het conceptontwerp van de nieuwe site is een gebruikerstest uitgevoerd. Hierbij zijn onder meer getoetst:

  • De mate waarin het visueel ontwerp past bij de kernwaarden van Schiphol.
  • De benaming, indeling en werking van de nieuwe top- en hoofdnavigatie.
  • De gebruiksvriendelijkheid van module met aankomst/vertrektijden. Deze module wordt in 70% van de bezoeken gebruikt en is daarmee belangrijkste online functionaliteit

Daarnaast moest de gebruikerstest uitsluitsel geven over de layout van de homepage. Twee belangrijke doelstellingen van de homepage zijn:

  1. directe toegang tot de aankomst/vertrektijden (belangrijkste reden tot bezoek website)
  2. branding: zowel het ‘luchthaven-gevoel’ overdragen, als het onder de aandacht brengen van actuele campagnes en aanbiedingen

Hiervoor zijn twee varianten getest, waarbij de aankomst/vertrektijden-module aan linker- of rechterzijde van de (campagne)-visual is geplaatst:

Concept variant A

Concept variant A

Concept variant B

Concept variant B

De uitkomsten van de gebruikerstest waren als volgt:

  • Het visueel ontwerp werd in beide varianten positief en ‘herkenbaar als Schiphol’ beoordeeld
  • In beide varianten blijken de vluchttijden even goed vindbaar
  • Variant A werd door gebruikers als iets ‘rustiger’ en ‘duidelijker’ ervaren dan variant B, waardoor men een (lichte) voorkeur had voor variant A

Eye-tracking maakte deel uit van het gebruikersonderzoek. Hieruit stelde Jungle Minds de volgende heat maps samen die aangeven waar bezoekers naar kijken:

Heatmap variant A

Heatmap variant A

Heatmap variant B

Heatmap variant B

In de heatmaps is duidelijk te zien dat bezoekers bij variant A onmiddellijk de aankomst/vertrektijden zagen, en deze module de aandacht vervolgens ook vast bleef houden.

Bij variant B worden de aankomst/vertrektijden iets later opgemerkt. In deze versie krijgt de (commercieel) waardevolle branding-visual veel meer ‘zichttijd’ dan bij variant B. Bezoekers bekijken ook de navigatie aanmerkelijk langer. Hiermee kan Schiphol.nl laten zien veel meer informatie te bieden dan alleen de aankomst/vertrektijden.

Zouden we alleen afgegaan zijn op de mening van de gebruiker, dan hadden we hoogstwaarschijnlijk voor variant A gekozen. Door het overtuigende beeld dat ontstond uit het eye-trackingonderzoek is echter gekozen voor  variant B. Uiteraard in acht nemend dat dit geen negatieve effecten had op gebruiksvriendelijkheid van de site en vindbaarheid van de aankomst/vertrektijden.

Technische realisatie

De technische realisatie had een vliegende start, door te investeren in kennis tijdens het eerdere migratietraject naar GX Webmanager heeft Schiphol haar medewekers getraind in het nieuwe CMS systeem. Hierdoor kon Schiphol bij de realisatie van de nieuwe website zelf het voortouw nemen, ondersteund door GX. Door op twee aparte locaties te werken en deze later te integreren is de doorlooptijd aanzienlijk verkleind.

De volgende stappen & tips uit de praktijk

Tijdens het ontwikkelen van de nieuwe website ontving het ‘oude’ Schiphol.nl de Webbie Award voor meest vooruitstrevende luchthavensite. Ook is het ‘oude’ Schiphol.nl genomineerd voor ‘website van het jaar 2009’.  Mooie resultaten, die de verwachtingen voor de nieuwe website flink opschroeven. Het e-businessteam van Schiphol heeft na de lancering van de nieuwe site nog diverse mooie initiatieven en ideeën klaarliggen voor de toekomst. Het gelijktijdig met de nieuwe site gelanceerde SchipholTV (in samenwerking met AT5 Producties) is daar een mooi voorbeeld van.

Met SchipholTV is Schiphol.nl de eerste luchthavensite met een eigen videokanaal. SchipholTV voorziet de bezoeker dagelijks van actuele nieuwsitems over zaken op en rond de luchthaven. Daarnaast maakt SchipholTV specifieke items over reizen vanaf Schiphol , geeft SchipholTV een kijkje achter de schermen op de luchthaven in de rubriek: ‘een ochtend met…’, en in de rubriek  ‘Gespot! op Schiphol’ komen beroemdheden of speciale gebeurtenissen aan bod.

Tenslotte de tips van Sjoerd Sipkema, manager e-business bij Schiphol Group:

  1. Een interactie ontwerp is absoluut noodzakelijk voor een succesvol site-ontwerp. Waar veel ontwerpbureaus gefocust zijn op een mooi design voor een functionaliteit, zie ik de meerwaarde om dit vooraf te laten gaan door een deskundig opgezet interactieontwerp. Gebruiksvriendelijkheid en consistentie door de gehele site is daardoor beter  gewaarborgd.
  2. Een gebruikerstest kost tijd en geld maar is zeker de moeite waard. Je krijgt concreet antwoord op vragen waarover binnen het team verschillende meningen bestaan en het helpt je een rationele keuze te maken.
  3. Betrek de organisatie in het hele proces. Je maakt het voor jezelf een stuk gemakkelijker én leuker als je regelmatig collega’s op de hoogte brengt van de vorderingen. Zo voorkom je dat het project een black-box wordt voor de interne organisatie. Daarnaast heb je je interne organisatie nodig aangezien zij vaak het beste de doelgroep kennen.
  4. Om de kwaliteit van de nieuwe website te waarborgen is het belangrijk deze uitgebreid te testen. Zowel functioneel/inhoudelijke tests (gebruikerstest) als technische test (o.a. stress test) zorgen voor een optimale website, zorg ervoor dat je hiervoor ruimschoots de tijd neemt en betrek hierbij ook je interne organisatie.
  5. De fotoshoot t.b.v. het redesign heeft plaatsgevonden in de zomer. Dat betekent dat we met name  zomers geklede mensen  op de foto hebben staan. Gedurende regenachtige en/of winterse dagen ziet dat er ’vreemd’ uit. Vandaar dat we binnenkort nog een nieuwe fotoshoot plannen.

Uiteraard zijn wij (het team van Schiphol, Jungle Minds en GX) erg benieuwd naar reacties op het nieuwe Schiphol.nl. Wat vind jij geslaagd, en wat zie jij als mogelijkheden voor de toekomst? Je kunt je reacties kwijt in de commentaren, maar ook direct naar het Schiphol e-business team sturen.

Tim BesselinkTim Besselink is consultant bij internet advies bureau Jungle Minds. Hij is eveneens auteur van het e-commerce boek Finest Fifty.

Meer over deze auteur: profiel, website linkedin

  1. Jasper van Weerd op 18 november 2009 om 15:09 uur

    1) Mis ik nou de studenten in het rijtje met geinteresseerden? (Basisschol leerlingen, middelbare studenten en hoger onderwijs…)
    2) De prijzen op de voorpagina zijn enkele reis… ervaar ik als misleidend.
    3) Schiphol TV vind ik interessant… 
     

  2. Jasper van Weerd op 18 november 2009 om 15:11 uur

    De nieuwsbrieffunctie op schipholTV doet het niet… jammer.

  3. Evert Littooy
    Evert Littooy op 18 november 2009 om 15:34 uur

    Aantrekkelijke website. Erg gebruiksvriendelijk en veel nuttige informatie en functionaliteiten – zoals alle ontspanning, routeplanner van/naar schiphol, reisbureau schiphol etc.
    De video’s over freerunners en Yolanthe lijken me minder relevant voor mijn toekomstige reizen maar die zullen we maar als extraatje beschouwen.
    Mooi werk, Tim.
     

  4. Christa Bakker op 18 november 2009 om 17:28 uur

    @Jasper, de gecommuniceerde ticketprijzen op de homepage zijn retour en inclusief tax. Check http://www.schiphol.nl/InDeSamenleving/SchipholJunior.htm (voor basisschoolleerlingen).

  5. Jasper van Weerd op 18 november 2009 om 17:49 uur

    @christa

    punt 1) opvallend, de reis die ik naar budapest zie staan van 69 euro, en als ik dan van 26e nov tot de 30e nov wil boeken dan zie ik voor 2 personen een bedrag staan van 298 euro… dat is iets meer als 2x 69… maarja… misschien niet iets om hier te discussiëren.
    periode; 01 Nov 2009 15 Dec 2009
    Voorwaarden; Dit is een vanaf-prijs voor de voordeligste vliegroute, incl. luchthavenbelasting en onder voorbehoud van wijzigingen. Deze vliegticketaanbieding is exclusief € 21,50 reserveringskosten per ticket en € 6,- vliegticketgarantie (optioneel) per ticket. 

    punt 2) super!
     

  6. Michal op 18 november 2009 om 23:45 uur

    Ik wil even zeggen dat uit de heatmap duidelijk naar voren komt dat opzet A als rustiger wordt ontvangen en daarom ook gelijk gekozen had moeten worden, omdat de pagina waarop de heatmap toegepast is rust moet uitstralen.
    Hoe te herkenen dat die pagina rustiger wordt opgenomen? Er zijn minder extreme hotspots waardoor de gebruiker een duidelijke focus heeft bij 1 object de tijdplanner. En niet zoals bij opzet B er meerder sterke hotspots zijn waardoor de gebruiker meer moet nadenken en meer rondkijkt op de pagina.

  7. Michal op 18 november 2009 om 23:47 uur

    Begrijp ik nou goed dat het eyetracking onderzoek de prullenbak in is gegooid en ertoch voor opzet b gekozen is?
     
    http://www.schiphol.nl/

  8. Tim Besselink van jungleminds.nl op 19 november 2009 om 00:16 uur

    Michal,
    Sterker nog: uitgerekend het eyetracking-onderzoek, in combinatie met de interviews, heeft ertoe geleid dat we voor versie B hebben gekozen.
    Immers: gebruikers vinden in beide versies waar zij naar op zoek zijn, en beide versies werden positief beoordeeld. Maar bij versie B worden ook andere onderdelen goed gezien.
    Het doel van deze homepage is niet rust uit te stralen, maar (1) snel verwijzen naar relevante informatie (met name vluchttijden) en (2) Schiphol-branding en commerciele acties onder de aandacht brengen. 
    Zou je ALLEEN op eye-tracking afgaan, dan zou je met jouw argumentatie inderdaad voor versie A  gaan. Om deze reden ben ik ook van mening dat je nooit alleen op eye-tracking studies af moet gaan, maar dit altijd moet combineren met ‘het waarom’ achter de heatmap: te achterhalen via kwalitatieve interviews.

  9. Michal op 19 november 2009 om 01:05 uur

    Tim: helemaal gelijk om niet alleen op eyetracking af te gaan maar ik heb ook niet meer inzien in de interviews dan wat er hier wordt beschreven.
     
    Wat ik weet is dat als je snel wilt verwijzen naar relevante informatie je dat het beste voor mekaar krijgt dmv rust op de pagina. Aangezien vluchttijden belangrijk zijn is opzet A dus beter.
     
    Als ik kijk naar de heatmap zijn zowel bij opzet A als bij opzet B de commerciel uitingen (nieuws etc etc) niet sterk naar voren gekomen.
     
    Enig pluspunt wat ik echt zie voor opzet B is de “Slideshow” meer onder de aandacht komt. Het is een twijfel gevalletje maar denk wel dat als de slideshow belangrijke content laat zien opzet B inderdaad dan beter is.

  10. David op 19 november 2009 om 01:24 uur

    Met het voorgaande ben ik het geheel eens. Echter kan ik wel concluderen dat er bij het eyetracking onderzoek geen 24″ monitor is gebruikt. Dat had de hotspots ongetwijfeld verplaats naar de grote witte vlakken waar de website ophoud te bestaan. Voor een website als deze zou er toch ook voor grotere schermen best rekening gehouden mogen worden met de beeld vulling, het ziet er nu gewoon zo knullig uit.
    Wat mij verder zo snel even opviel is dat onder de tabs, hotels en stedentrips, de button verspringt. De subpagina hotels doet vervolgens volledig afbreuk aan de naar mijn mening verder fraaie homepage. Jammer dat er gebruik wordt gemaakt van Iframes om voor subpagina’s content in te laden.
    Deze zaken vind ik persoonlijk een stuk storender dat het feit dat de foto’s voor de website in een zomerse sfeer zijn geschoten. Schiphol is tenslotte voor veel mensen de gateway tot zon en strand.
    De nadruk ligt duidelijk op de homepage en de website als geheel vormt nog overal een eenheid, jammer!
     
     

  11. Michal op 19 november 2009 om 01:33 uur

    mmm als ik uitzoem zie ik inderdaad een niet zo’n fraai uiterlijk van de pagina. De achtergrond houd ook op te bestaan.
     
    Ben het ook eens dat er meer opgelet moet worden naar grote schermen, is niet alleen in deze case maar in het algemeen. Vooral nu we ook steeds dichterbij internet op de tv komen (bij de standaard consument). Dan mag je wel websites verwachten met een flexibele breedte en ook de font zou in em opgeroepen moeten worden ipv pixels

  12. Johan Scholten op 19 november 2009 om 09:47 uur

    Gefeliciteerd met de livegang! Die eyetracking varianten waren inderdaad nuttig, was nog interessanter geweest met een optie niet overlappende aankomst- en vertrektijden, rechts.
    Maar het ziet er behoorlijk uit alsof de doelstelling gehaald is, mooi werk.

  13. Joris Voeten op 20 november 2009 om 15:31 uur

    Interaction design verbeterd, maar wat een ontzettend jaren 90 ontwerp. Slecht oog voor details en ontzettend lelijke afwerking. Dit ontwerp doet echt afbreuk aan het merk Schiphol. Het komt nu over als een vergrijsde oude luchthaven terwijl het dat niet is. De overdreven afrondingen in de foto’s en kaders doen me eerder denken aan trein raampjes dan iets wat te maken heeft met de luchtvaart.
    De hele link met de bewegwijzering is niet terug te zien. Hoogstens de kleur geel. Vor mijn gevoel is de bewgwijzering van Schiphol juist duidelijk en fris…
    Gemiste kans…

  14. Tim Besselink
    Tim Besselink van jungleminds.nl op 20 november 2009 om 17:32 uur

    Hi Joris,

    Dank voor je compliment over het interaction design ;-) Jammer dat het ontwerp je niet aanspreekt. Wij krijgen daar juist veel positieve reacties over. Ook in de gebruikerstest werd het ontwerp positief en herkenbaar voor Schiphol beoordeeld. Overigens: zijn vliegtuigraampjes niet minstens even ‘rond’ als treinraampjes (hoewel het niet direct de insteek was van het design)?

  15. Kees op 21 november 2009 om 20:25 uur

    mag nu iedereen die een website maakt een reclame stukje op je site zetten? Misschien een leuk extra centje, zo ook van measuremail, maar aangezien ik geen reclame in een leuk jasje wil lezen moet ik je toch uit mijn rss lijst halen!

  16. raul lansink van favelafabric.com op 21 november 2009 om 23:28 uur

    Ik vind dit ook een nogal onbeschaamde vorm van zelfpromotie. Kan dit voortaan ergens anders?

  17. Frank Janssen
    Frank Janssen van frankwatching.com op 24 november 2009 om 12:22 uur

    @ Kees en Raul: Jammer dat jullie het zo opgevat hebben. We besteden hier regelmatig aandacht aan praktijkcases en we vonden dit artikel daar prima bij passen. Uit de andere reacties hierboven blijkt dat andere lezers zulke verhalen ook juist kunnen waarderen. Kortom: de meningen zijn verdeeld en dat mag natuurlijk.

  18. Nick Marquez | Excellent Commerciele Trainingen van excellenttrainers.nl op 15 maart 2010 om 14:44 uur

    Als een site 1,6 million bezoekers per maand heeft, vind ik de moeite waard om zoveel testen te doen. Uiteindelijk laat je zien wat de gebruiker echt wil.

    Ik vind de site van schiphol mooi en makkelijk te gebruiken. De navigatie is eenvoudig.

Schrijf een reactie


Opmaak uitschakelen



Favoriete blogs