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!

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

3. Wat wil
de klant?

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