Het verhaal achter Yelo TV: gebruiksgemak op al je schermen - Laurent Eeckhout, Product Manager TV (Telenet)
2 likes759 views
Met Yelo TV hebben we de neuzen van digitale tv en het mobiele tv-platform in één duidelijke richting gezet: die van het gebruiksgemak. Er was een heuse make-over van het tv-menu en de mobiele schermen. Onze klanten hebben daarbij een belangrijke rol gespeeld. We nemen je graag mee in de do’s & don’ts!
Het verhaal achter Yelo TV: gebruiksgemak op al je schermen - Laurent Eeckhout, Product Manager TV (Telenet)
- 1. Het verhaal achter Yelo TV: gebruiksgemak op al je schermen 28 November 2013 Laurent.eeckhout@staff.telenet.be
- 2. Smartphones en tablets zijn niet meer weg te denken uit ons dagelijks leven Smartphone 26% 18% 6%1% 1% Total: 52% 1 in the household Tablet 31% 1% 6%1%Total: 38% 2 in the household 3 in the household Pc 0% 8% 2% Total: 60% 49% 4 in the household >4 in the household Laptop Smart device (*) 43% 24% 21% 18% 12% 5% 4% 10% 4% 1% Total: 80% Total: 62% (*) smart device = smartphone and/or laptop
- 4. 12/10/2013 4
- 5. 12/10/2013 5
- 6. 12/10/2013 6
- 7. Maart 2013: Welkom Yelo TV !!
- 9. Yelo TV Design op de TV
- 10. Telenet wil het innovatief karakter van zijn producten laten uistralen via het award winning snowflake design 10
- 11. Telenet heeft naar de klanten geluisterd om het gebruiksgemak te optimaliseren 1. 2. 3. 4. 5. Observatie van 30 klanten in de Telenet living Field trials met 300 Telenet medewerkers Field trials bij 100 Telenet partners Field trial bij meer dan 5000 klanten Facebook groepen rond gebruiksgemak met Telenet klanten
- 12. De lessen die we geleerd hebben uit dit usability research willen we graag met je delen 1. Overlay 2. Center focus 8. Tablet 3. Circular 7. Architecture 4. Navigation logic 6. Poster view 5. Anim -ation
- 13. Video overlay of niet? Wat is het? • Door de user interface transparant te maken blijft het videobeeld zichtbaar op de achtergrond Wat zijn de voordelen? • Je behoudt de link met je huidige programma • Je stoort je gezinsleden minder in hun TV-ervaring als je snel iets opzoekt
- 14. Video overlay of niet? De gebruiker leert ons: Overlay is leuk om de link met je programma niet te verliezen maar in omgevingen met zeer veel tekst heeft het geen zin, gebruik dan scaled video
- 15. Center focus of niet? Wat is het? • Het gefocuste item blijft altijd gecentreerd op dezelfde plaats • De verschillende items schuiven als het ware achter de focus Wat zijn de voordelen? • Tijdens het navigeren springt de focus niet van links naar rechts over het scherm • Het is heel duidelijk wel item in focus is
- 16. Center focus of niet? De gebruiker leert ons: Center focus maakt het heel herkenbaar welk item geselecteerd is maar bij pagina’s met zeer veel info creëert het drukte doordat alles beweegt bij navigeren, gebruik dan moving focus
- 17. Circulaire navigatie of niet? Wat is het? • Continue horizontale of verticale navigatie in één oneindige lus Wat zijn de voordelen? • Laat toe telkens kortste weg naar een item te vinden • Vermijdt dat je moet teruggaan op je stappen in lange lijsten
- 18. Circulaire navigatie of niet? 2 1 4 BORGIA ZULU X 3 BREAKING BAD BORGEN De gebruiker leert ons: Circulaire navigatie is de snelste manier om alle opties te doorlopen maar in combinatie met center focus bij een klein aantal keuzemogelijkheden is het eerder verwarrend, kies dan dus voor niet-circulair
- 19. Up/down/left/right navigatie logica Naar welk programma ga ik als ik in de TV-gids? klik
- 20. Up/down/left/right navigatie logica Wat als ik nu klik? De gebruiker leert ons: Als je klikt, dan moet het item dat links van de focus staat naar rechts verhuizen en dus in focus komen. Dit is verschillend van een touch omgeving waar de gebruiker de items effectief naar links trekt!
- 21. Animaties of niet? De gebruiker leert ons: Speed is KING! Animaties kunnen helpen om de navigatierichting (links/rechts/up/down) te verduidelijken maar als ze de navigatiesnelheid beïnvloeden dan wil de gebruiker ze liever niet
- 22. Poster view of lijst view? De gebruiker leert ons: Bij weinig keuzemogelijkheden: Posters altijd de voorkeur Bij veel keuzemogelijkheden: - Posters zijn enkel geprefereerd in omgeving waar de gebruiker content moet ontdekken (TV-theek) - Als het gaat om snel gekende content (opnames, afleveringen van een serie) te vinden, prefereert hij het gemak van een lijst
- 23. De ideale architectuur? Hoofdmenu Full screen TV Kanaalmenu Actiemenu
- 24. De ideale architectuur? De gebruiker leert ons: -Verwacht niet dat de je architectuur begrepen wordt - Voorzie shortcuts/uitzonderingen waar nodig/sneller -Voorzie altijd een “parachute” om het menu te verlaten (bvb. Exit knop)
- 25. En wat in een tablet-omgeving? De gebruiker verwacht dezelfde look and feel
- 26. En wat in een tablet-omgeving? Laat je niet beperken in tablet design door het TV design dat rekening moet houden met afstandsbediening
- 27. En wat in een tablet-omgeving? Wees flexibel om je aan te passen aan het design dat eigen is aan het platform waar je aanwezig bent
- 28. Als samenvatting de belangrijkste lessen voor een gebruiksvriendelijk product 1. Snelheid heeft voorrang op animaties 2. Vertaal een TV design niet klakkeloos in een tablet design 3. Usability research, usability research, usability research
- 29. Zijn er nog vragen Laurent.eeckhout@staff.telenet.be