Netwerkbeheer op TV

Brief

Een grote internetprovider, actief in meerdere landen in Europa, biedt nu al een app en website aan waarop klanten hun netwerk kunnen beheren. Dit gaat bijvoorbeeld over het bekijken van de netwerkstatus van hun apparaten, het krijgen van support en het beheren van netwerkapparaten. Een deel van deze functionaliteiten wilde de internetprovider naar een TV app vertalen.

Onderzoek

Alvorens we konden starten met ontwerpen hebben we onderzoek gedaan naar TV apps. In deze fase hebben we onderzoeken gelezen en een groep huidige gebruikers van de mobiele netwerk app gevraagd welke functionaliteiten ze graag op de TV terug zouden willen zien.

Interactiepatronen

Eén van de grootste uitdagingen van het ontwerpen voor TV’s zijn interactiepatronen. Door het gebruik van de remote control is het belangrijk om de hoeveelheid klikt beperkt te houden.

Hoofdmenu

Via het hoofdmenu wordt er genavigeerd naar de hoofdpagina’s van de app. Dit is bijvoorbeeld de startpagina, devices pagina en support. Deze is aan de linkerkant geplaatst zodat het menu met één klik naar rechts geopend kan worden.

Submenu

Wanneer er behoefte is aan verfijning op een hoofdpagina kan het submenu gebruikt worden. Na het selecteren van een hoofdpagina landt de gebruiker direct op het submenu waarna deze naar onder kan gaan voor de tegels en horizontaal kan scrollen voor andere selecties.

Tegels

Tegels vormen het hart van het ontwerp, gezien deze de informatie en opties bieden waar de gebruiker naar op zoek is. Om deze reden is het belangrijk dat de tegels consistent zijn in haar vormgeving en tegelijkertijd altijd de optie aanbiedt die past bij de toepassing. Zo kan een device met één klik van het internet gepauzeerd worden terwijl, wanneer het internet van een device niet optimaal is, meerdere opties achter een detail pagina worden aangeboden.

Detailpagina’s

Wanneer relevant kunnen er achter tegels ook detail pagina’s zijn. Nadat ik in kaart heb gebracht welke functionaliteiten hiervoor nodig zijn, heb ik drie templates ontworpen. Alle detailpagina’s passen in één van deze templates en aanpassingen zoals achtergrondafbeelding en opties kunnen wijzigen. Zo blijven de pagina’s uniek in functionaliteit terwijl de interacties consistent blijven.

Achtergrond & Referenties

Dit project is tot stand gekomen door MakerStreet, een collectief van agencies in Amsterdam. Als onderdeel van Soda Studio was ik de enige ontwerper van deze app en rapporteerde ik naar de lead designer, een business analyst en een product owner. Daarnaast was er een breed stakeholderlandschap met rollen als head of design, director of connectivity en andere business analysten.