ziggo airbeamtv samhoudmedia controlmeister

Now a day people interact on a different level with their TV’s, the needs of the user shifted to on demand content and modern TV’s adapted to fit these needs. With more Apps with different kinds of inputs and directional navigation than ever before. Regular and smart remotes unfortunately don’t fulfill those needs.

Challenge

How can we enhance the way people interact with their smart TV?

My Role

The project was made up out of two parts, one part was the research and design of application and the other part was for the design and development of the landing page. In the first part I was responsible for conducting product related research, creating the app flow, wire-frames, interface, visuals, animations and prototypes. For the second part I was responsible for creating the site-map, wireframes, visuals and development (HTML, CSS, JS, PHP).

Early app flow

Research

Anatomy remote/ Search Netflix

In orde to understand the users need, I conducted research in how the lay-out of a TV remote is designed. The regular remote is build up out of 3 sections. Primary functions, that are used most often. Secondary functions, that are uses for switching source and the numeric pad. And the Extra functions, that are used most often with smart apps such as the D-Pad.

After understanding how the anatomy remotes works, I researched what the problem area’s are when using a these kinds of remotes in modern smart TV app interfaces such as Netflix, Hulu, Plex, YouTube. The search is by far the most frustrating area when using the regular remote. The processors used in most smart TV are really slow, this in combination with a one directional D-Pad makes searching movie’s en video’s a real pain for the users.

Thumb reachability research and button placement

For the creating the wireframes and lay-out for the application I conducted research to get an initial idea about the button placement. For larger devices the hand can’t reach the top area and the middle area is a stretch when holding the phone from the bottom. Primary function are there for placed at the bottom op the phone. To use the secondary functions, a slight change in the grip makes the middle area accessible.

Solution

The solution we created is a free to download iOS Smart Remote for your Samsung Smart TV. The app tackles some of user most frustrating issues when using a regular remote, if they can find it at all ?. Packing all the features you would find on a regular, smart remote and more in one easy to use interface.

Flowchart
App screens

The onboarding of the app was initially designed with animations in AE and exported with Lottie but due to the short development period these were removed from development. This was my first time working with AE and lottie, for using an application for the first time I’m really happy with how it turned out.

iPhone Store-Art
Website Header Animation

The result an app user love to use
View the website or try it out yourself download app

Currently working on the case.
View the final result at Samhoudcreativetech Currently working on the case.

During my time at &samhoudmedia I got the opportunity to work on the wifi assistant application for Ziggo. An application that got nominated for the SpinAwards as best AR/ VR application. While I can’t share in depth insights or processes. I can definitely speak about what I learned, the scope and with part of the project I was responsible for.

A large part of the application has an Augmented Reality (AR) layer. Majority of the project I worked on the UX and UI of the application. Together with Patrick Philippa we were responsible for creating:

  • User flow
  • Customer Journey
  • Interface (Every aspect except the result screens)
  • UI library

I worked closely with the software engineers to ensure that the AR experience was implemented as intended. During the project I also worked on the visuals assets within the application and I was responsible for designing the key visuals and screenshots for in the Apple AppStore and Google Play Store.

Throughout the hole project we had a lot of internal meetings. During these meetings I learned a lot about working with multiple departments within an organization. How to clearly communicate my findings, goals and what I want to achieve with my design solutions.

The wifi assistant application for Ziggo is available for iOS and Android.

Ziggo smart wifi assistent
View all cases