Ziggo en Netprofiler Eyetracking usability onderzoek op mobile devices MIE – 2 februari 2012 – Den Haag
Even voorstellen…..  Yvo Theunissen      Paul van Leijden
Inhoud van de workshopA.   Hoe is Ziggo actief op mobile devices?B.   Usability onderzoek op mobile devicesC.   Voorbeelde...
A) Hoe is Ziggo actief op mobile devices ?
Over Ziggo     Grootste kabelmaatschappij van Nederland       > 3 miljoen huishoudens       > 7,5 miljoen individuen  ...
Ziggo Online: www.ziggo.nl     Webportal ziggo.nl       Belangrijkste sales kanaal       (Self-)Service       Entertai...
Website of apps?     Wat is een app?       Een (online) toepassing       Voor een specifiek doel       Voor een specif...
Ziggo TV: jouw TV- en On Demand gids     Ziggo TV app voor iPad (maart 2011)       TV-gids met meer dan 160 zenders     ...
Ontwikkelen en verbeteren van apps     App-development kent een hoge dynamiek       Korte ontwikkel- en release-cycli (m...
B) Usability onderzoek op mobile devices
Wat is usability onderzoek?     Het testen van de gebruiksvriendelijkheid van een website,      mobiele website of app.  ...
Twee vormen van usability onderzoek      Twee vormen van usability onderzoek die we nu toe passen:  1.   Usability onderz...
Eyetracking output; Heatmap
Eyetracking output; Gazeplot
Eyetracking output; Statistiek                                 Time to first fixation: 15 sec.                            ...
Onderzoeksopstelling     Usability onderzoeken voor mobile devices worden al lang uitgevoerd. Voor      usability onderzo...
Wat werkte niet?     De ‘onder de tafel methode’.     Een emulator van het besturingssysteem van het te testen mobile de...
Wat werkt wel?    Mobile device stand van Tobii.    Belangrijkste voordelen van deze opstelling zijn:      De responden...
C) Voorbeelden van onderzoeken
Voorbeelden van onderzoeken     EPG app van Ziggo ontwikkeld voor de iPad.     8 respondenten, ervaring met iPad, woonac...
Voorbeelden van onderzoeken     Live TV kijken app van Ziggo.     Verschillende devices, Android phones en tablets.    ...
Voorbeelden van onderzoeken   De scheiding in de onderste balk was    onvoldoende duidelijk.    Respondenten probeerden d...
Voorbeelden van onderzoeken    Tijdens een usability     onderzoek komen ook de     bugs in een applicatie     duidelijk ...
Voorbeelden van onderzoeken                      Bezoekers die via een mobile device                      een app bezoeken...
Voorbeelden van onderzoeken                    Alles op een mobile device moet                    nog makkelijker en snell...
Voorbeelden van onderzoeken                     Ook overzichtelijkheid is erg                     belangrijk. In de zoekre...
Voorbeelden van onderzoeken                        Het gebruik van iconen is iets wat veel                        wordt to...
D) Tips
Denk na over…..     De situatie waarin bezoekers de website of applicatie vaak zullen bezoeken.      Thuis op de bank of ...
Tips      Gebruik 1 call to action per pagina.      Geef klikbare items voldoende ruimte.      Geen links in de content...
Tips      Zorg dat de website of app zowel in landscape weergave als in de portrait       weergave goed wordt weergegeven...
Tips      Bezoekers willen graag snel en duidelijk zien waar ze zich bevinden in de app       of op de website.      Bez...
Vragen?
Upcoming SlideShare
Loading in …5
×

Netprofiler en Ziggo op MIE 2012

3,648 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,648
On SlideShare
0
From Embeds
0
Number of Embeds
2,061
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Netprofiler en Ziggo op MIE 2012

  1. 1. Ziggo en Netprofiler Eyetracking usability onderzoek op mobile devices MIE – 2 februari 2012 – Den Haag
  2. 2. Even voorstellen….. Yvo Theunissen Paul van Leijden
  3. 3. Inhoud van de workshopA. Hoe is Ziggo actief op mobile devices?B. Usability onderzoek op mobile devicesC. Voorbeelden van onderzoeken van Netprofiler en ZiggoD. Tips
  4. 4. A) Hoe is Ziggo actief op mobile devices ?
  5. 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. 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. 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. 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. 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. 10. B) Usability onderzoek op mobile devices
  11. 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. 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. 13. Eyetracking output; Heatmap
  14. 14. Eyetracking output; Gazeplot
  15. 15. Eyetracking output; Statistiek Time to first fixation: 15 sec. Time to first fixation: 34 sec. Time to first click: + 34 sec.
  16. 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. 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. 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. 19. C) Voorbeelden van onderzoeken
  20. 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. 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. 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. 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. 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. 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. 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. 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. 28. D) Tips
  29. 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. 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. 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. 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. 33. Vragen?

×