Presentatie over eyetracking op mobiele apparaten door Paul van Leijden van Netprofiler en Yvo Theunissen van Ziggo. Gepresenteerd op MIE 2012 in Den Haag.

1. Ziggo en Netprofiler
Eyetracking usability onderzoek op mobile devices
MIE – 2 februari 2012 – Den Haag

2. Even voorstellen…..
Yvo Theunissen Paul van Leijden

3. Inhoud van de workshop
A. Hoe is Ziggo actief op mobile devices?
B. Usability onderzoek op mobile devices
C. Voorbeelden van onderzoeken van Netprofiler en Ziggo
D. Tips

4. A) Hoe is Ziggo actief op mobile devices ?

5. Over Ziggo
 Grootste kabelmaatschappij van Nederland
 > 3 miljoen huishoudens
 > 7,5 miljoen individuen
 Triple-Play aanbieder
 Televisie (analoog, digitaal, interactief)
 Telefonie
 (Mobiel) internet
Visie:
Ziggo wil zijn klanten het grootst mogelijke gemak en plezier
laten ervaren op het gebied van informatie, communicatie en
entertainment in een continu veranderende wereld.

6. Ziggo Online: www.ziggo.nl
 Webportal ziggo.nl
 Belangrijkste sales kanaal
 (Self-)Service
 Entertainment
 Gids voor relevante (TV & Film) content
 Programmagids
 On Demand Catalogus
 Content premium zenders
 Kijktips en medianieuws
Doelstellingen Entertainment:
Awareness creëren, content-aanbod ontsluiten,
promotie premiumzenders en-pakketten

7. Website of apps?
 Wat is een app?
 Een (online) toepassing
 Voor een specifiek doel
 Voor een specifiek apparaat
 voor een specifiek gebruiksmoment
=> een app is geoptimaliseerd voor de
mogelijkheden van een device
 Juli 2010 - Introductie iPad in Nederland
 Wat kan of moet Ziggo daarmee?
 Wat verwachten onze klanten van een Ziggo app?
 Wat is de specifieke kracht van een iPad?
=> Wat is een relevante iPad app voor de klant en voor
Ziggo?

8. Ziggo TV: jouw TV- en On Demand gids
 Ziggo TV app voor iPad (maart 2011)
 TV-gids met meer dan 160 zenders
 On Demand catalogus
 Kijktips: TV-programma’s en films
 TV- en medianieuws
 Juli 2011: ondersteuning voor iPhone/iPod Touch
 December 2011: Live TV Kijken op iPad en iPhone
 Andere versies Ziggo TV app
 Android 3.x Honeycomb Tablets (november 2011)
 Android telefoons
 Andere relevante platformen?

9. Ontwikkelen en verbeteren van apps
 App-development kent een hoge dynamiek
 Korte ontwikkel- en release-cycli (max. 3 maanden)
 Voortdurend nieuwe devices en Operating Systems en
versies die ondersteund moeten worden
 Steeds nieuwe features noodzakelijk om gebruiker vast Design
te houden
 Nog geen “uitgerijpte” design-richtlijnen zoals voor
website development Review App Develop
 Continu testen gebruiksgemak en toegevoegde waarde
 Interne testen Test
 Gebruikers-/klantenpanels
 Usability onderzoeken

10. B) Usability onderzoek op mobile devices

11. Wat is usability onderzoek?
 Het testen van de gebruiksvriendelijkheid van een website,
mobiele website of app.
 Het testen gebeurt samen met de (potentiële) gebruiker
van de website.
 Knelpunten en onduidelijkheden komen hiermee aan het
licht.
 Op deze knelpunten moet actie ondernomen worden, wat
resulteert in een gebruiksvriendelijkere website of app.
 Gebruiksvriendelijkheid zorgt voor een positieve ervaring
van de gebruiker en een hogere conversie.

12. Twee vormen van usability onderzoek
 Twee vormen van usability onderzoek die we nu toe passen:
1. Usability onderzoek
– Kliks, gelaatsuitdrukking en spraak.
2. Usability onderzoek met eyetracking
– Oogbewegingen, kliks, gelaatsuitdrukking en spraak.
 Usability onderzoek met eyetracking is een uitgebreidere vorm waarbij de
oogbewegingen van de respondent gevolgd kunnen worden. De analyse
mogelijkheden zijn hiermee uitgebreider.

13. Eyetracking output; Heatmap

14. Eyetracking output; Gazeplot

15. Eyetracking output; Statistiek
Time to first fixation: 15 sec.
Time to first fixation: 34 sec.
Time to first click: + 34 sec.

16. Onderzoeksopstelling
 Usability onderzoeken voor mobile devices worden al lang uitgevoerd. Voor
usability onderzoek met eyetracking duurde het even voordat er een goede
opstelling voor was.
 Verschillende mogelijkheden zijn uitgeprobeerd om uiteindelijk de juiste
opstelling te bepalen.

17. Wat werkte niet?
 De ‘onder de tafel methode’.
 Een emulator van het besturingssysteem van het te testen mobile device
weergeven op een eyetracking scherm.

18. Wat werkt wel?
 Mobile device stand van Tobii.
 Belangrijkste voordelen van deze opstelling zijn:
 De respondent voert het onderzoek uit met zijn of haar eigen device.
 De respondent heeft het device zelf vast.
 De respondent heeft directe interactie met het device.
 De respondent is vrij om het device tijdens de test te draaien.

19. C) Voorbeelden van onderzoeken

20. Voorbeelden van onderzoeken
 EPG app van Ziggo ontwikkeld voor de iPad.
 8 respondenten, ervaring met iPad, woonachtig in een Ziggo gebied en een
afspiegeling van de Nederlandse bevolking qua leeftijd en sekse.
 Onderzoek uitgevoerd met Morae software:

21. Voorbeelden van onderzoeken
 Live TV kijken app van Ziggo.
 Verschillende devices, Android phones en tablets.
 6 respondenten per device, die hun eigen device meenamen naar de test.
 Onderzoek uitgevoerd met de hard- en software van Tobii:

22. Voorbeelden van onderzoeken
 De scheiding in de onderste balk was
onvoldoende duidelijk.
Respondenten probeerden de gehele
rij te swypen en vonden het gek dat
de rij niet in zijn geheel bewoog.
 Aanbeveling was om meer overzicht
te creëren door de twee secties
duidelijker te scheiden.
 De bovenste balk heeft geen titel. Het
was voor respondenten onduidelijk
wat hier getoond werd.
 Advies was om een titel te plaatsen.

23. Voorbeelden van onderzoeken
 Tijdens een usability
onderzoek komen ook de
bugs in een applicatie
duidelijk naar voren.
 In dit voorbeeld heeft een
respondent ‘morgen’
geselecteerd, in het overzicht
worden de programma’s van
vandaag weergegeven.

24. Voorbeelden van onderzoeken
Bezoekers die via een mobile device
een app bezoeken zijn vaak
onderweg of gebruiken de app om
even snel iets op te zoeken. Het zo
snel mogelijk tonen van de juiste
content is dus belangrijk op een
mobile device.
De app opent nu met kijktips. De
respondenten gaven tijdens dit
onderzoek aan dat ze liever direct
de TV gids zien.

25. Voorbeelden van onderzoeken
Alles op een mobile device moet
nog makkelijker en sneller te
bereiken zijn dan op een normale
website.
Een zoekopdracht die geen
resultaten oplevert op een mobile
device is erg onhandig.
Biedt altijd suggesties aan die
bezoekers kunnen helpen om toch
hun doel te bereiken.

26. Voorbeelden van onderzoeken
Ook overzichtelijkheid is erg
belangrijk. In de zoekresultaten
hiernaast worden de zoekresultaten
weergegeven voor het zoekwoord
‘pauw’.
Alle zoekresultaten lijken veel op
elkaar.
Creëer meer overzicht door behalve
tijd ook de datum van de uitzending
te vermelden.

27. Voorbeelden van onderzoeken
Het gebruik van iconen is iets wat veel
wordt toegepast bij mobiele websites
en apps. Onder andere om slim om te
gaan met de ruimte die er is.
Bedenk goed welke associatie
bezoekers hebben bij een icoon.
In het voorbeeld hiernaast wordt het
hartje als icoon gebruikt voor favoriete
programma’s te markeren en een alarm
in te stellen. Respondenten gaven aan
niet direct te weten wat hiermee
bedoeld werd.

28. D) Tips

29. Denk na over…..
 De situatie waarin bezoekers de website of applicatie vaak zullen bezoeken.
Thuis op de bank of onderweg? En welke invloed heeft dit op de informatie
die de bezoeker als eerste ziet?
 Wat laat je zien als de gebruiker geen toegang heeft tot internet?
 Hoe ga je om met de kansen die het mobiele kanaal biedt ten opzichte van
normale website? Locatie en sociale context (wie is er om je heen).
 De snelheid van de internetverbinding van de bezoeker.

30. Tips
 Gebruik 1 call to action per pagina.
 Geef klikbare items voldoende ruimte.
 Geen links in de content of navigatie naar de normale website.
 Verwijs bezoekers vanuit e-mail nieuwsbrief naar de juiste landingspagina,
geoptimaliseerd voor het device dat de bezoeker gebruikt.
 Contrast is belangrijk omdat het invallende licht weerkaatst op het scherm.

31. Tips
 Zorg dat de website of app zowel in landscape weergave als in de portrait
weergave goed wordt weergegeven. Op tablets is dit een must, op mobiel
alleen wanneer dit een toegevoegde waarde heeft.
 Maak gebruik van de specifieke mogelijkheden van het device waarvoor je de
app ontwikkelt.
 Integreer social media op de juiste manier. Het mobiele platform is
laagdrempelig voor gebruikers om zaken te delen in vergelijking met een
normale website.

32. Tips
 Bezoekers willen graag snel en duidelijk zien waar ze zich bevinden in de app
of op de website.
 Bezoekers verwachten reactie van de app of mobiele website na een actie.
 Ga geen items verstoppen omdat de ruimte beperkt is. Communiceer
duidelijk wat waar te vinden is.
 Betrek de gebruiker in het ontwikkelingsproces. Hoe eerder de test, hoe
makkelijker het is om de aanpassingen door te voeren.
 Durf te dromen, maar……. hou het simpel!

33. Vragen?