Horizon Go Streaming TV
HORIZON GO : 2017

Redesigning Horizon Go

Redesigning the top banner

I looked at the top banner and felt the text was too big and noticed it was all in uppercase, which is not standard in today’s font layout and design. I tried to de-clutter the top banner, and make it more legible by creating more blank space. The new layout would work on any providers site and the colours would utilise that of the logo. There were three providers catered for: Ziggo, Horizon Go & Virgin Media.

I removed ‘Now on tv’ as it seems unnecessary to have a TV guide plus a link showing live shows streaming – this can be utilised through the TV guide screen. I’ve seperated ‘Movies & Series boxsets’, and added Sports & Kids to the top tier navigation.

I removed the ‘settings’ icon from the current site as it opened the users account page, which would be visible once the user has logged in anyway, so this causes unnecessary repetition.

Landing screen

The redesign of the Home page was all about consistency throughout the relevant country sites.

Once I’d reworked the top tier navigation I used this screen as quick links and highlights to the programs. I used the 4 column grid responsive layout to scale automatically for other devices such as tablets, iPads and mobile phones.

The top section of this screen will contain ‘New features’ which will comprise of new movies and new TV series. I felt is was important to then highlight what was currently streaming live, and added a sorting filter for the user to choose any particular type of category of which they wished to see live.

I moved the timeline of the live programs below the title and time; as by default most sites incorporate the timeline directly below the image. I felt it wasn’t clear enough and believed the user would first wish to view the title of the program followed by the time and channel, then they could see the remaining duration of the program.

The rest of the screen was then dedicated to quicklinks for: Movies, Sports and Kids entertainment. I removed the ‘Show all’ links from this page as these will click through to their relevant sections with a detailed overview, and their links appear in the main nav. I utilised the different options the grid layouts allow in these sections to give the layout a bit of weighted balance and differentiation between each category.

TV Guide 

I changed the current colours from black to different shades of grey, as users will struggle to focus with too much white text on black.

The first area I focused on with the guide was getting rid of the many dropdown menus from the current site and incorporate the ‘live streaming’ channels to the TV guide. I added a simpler date picker by adding the week as clickable links and if the user clicked the ‘On Now’ button that would take them back to current date and time showings.

The main challenge was being able to scroll left to right; up or down, once the user was viewing the guides. Many users would know how to navigate throughout the guide by using their rollerball mouse, the other addition I included was a simple clickable arrows navigation positioned top right of the guide that would enable the user to easily navigate their way through.

I included a channels dropdown so users could choose a particular type of category they wished to watch.

The final piece of interaction I included was as the user clicked on the program info block; the channels row would collapse (like an accordion menu) and include the basic information any user would require to view without clicking to another screen.

The information would include a visual of the program on the left hand side with the program title and sub title to the right, followed by the type of category, duration, year and age restriction. A brief description and main cast members as well, with a ‘Watch’ & ‘Download’ button to the top right of the panel enalbing the user the option of streaming it live or downloading it to watch later.

Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Youtube
Consent to display content from Youtube
Vimeo
Consent to display content from Vimeo
Google Maps
Consent to display content from Google