Re-imagining the ABC iView experience

Re-imagining
the ABC iView experience

Re-imagining the ABC iView experience

Reimagining the ABC iView experience

Re-imagining the ABC iView experience

ABC

iView App

The iView experience needed a refresh, and I had the priviledge of leading the visual design on the project. Used by millions of Australians each day, the app and website need to offer an intuitive, engaging experience while allowing users to easily discover content. The project involved multiple user testing sessions to establish which models proved best suited to the user needs.

The iView experience needed a refresh, and I had the priviledge of leading the visual design on the project.

Used by millions of Australians each day, the app and website need to offer an intuitive, engaging experience while allowing users to easily discover content.

The project involved multiple user testing sessions to establish which models proved best suited to the user needs.

RESPONSIBILITIES

UI Design, UX, Interaction Design, User Testing

iView-hero

An established player

Humble beginnings

The iView app has over 3 million users across Australia. With a website refresh underway it was time to look at the existing iView experience and bring it in line with the wider ABC products.

The app was dated and users were experiencing difficulties finding content. In addition the player itself lacked the kind of functionality that modern video delivery products provide, such as the ability to continue playing an episode when returning to the app or automatically playing the next episode in a series.

iView-existing

Understanding the programme lifecycle

One of the major challenges in designing the iView platform was understanding the complex relationship between the ABC, content licensing and the way these impact the user experience.

Each programme and feature has a lifecycle - when it first gets promoted, when it becomes live, when each episode becomes available and when each episode is no longer available. 

Additionally, some programmes move from being free to view to being purchasable on iTunes.

This creates user experience issues, for example when a programme ceases to be available before a user has finished watching the series. 

Program Lifecycle – Service Design – Confluence

Utilising the Design Language System

Establishing a baseline

A major part of the ABC web refresh was the Design Language System (DLS). This was a work in progress, and I began looking at elements and patterns I could use across the iView app, and working on new patterns that could be fed back into the system.

After observing several user testing sessions it became clear that the users were struggling with many aspects of the existing experience. Copy lacked clarity, the interface was cluttered and inconsistent, and established UI patterns were not being followed. To document these issues I decided to carry out a UX audit of each component screen, highlighting issues and providing suggested improvements. 

iView-DLS-01
iView-DLS-03
iView-DLS-02
iView-DLS-04

An improved iView player

Establishing a baseline

An important component the new iView app was working on an improved media player, and this required a fresh look at the visual language. As part of this project I designed a contemporary icon set that would be used across mobile, web and TV.

After observing several user testing sessions it became clear that the users were struggling with many aspects of the existing experience. Copy lacked clarity, the interface was cluttered and inconsistent, and established UI patterns were not being followed. To document these issues I decided to carry out a UX audit of each component screen, highlighting issues and providing suggested improvements. 

iView-icons

Users need control

Finessing the interface

I worked on several interaction models for the iView player, both for mobile and desktop. Key parts of the functionality were 'Up Next' and 'Suggested Videos', features that had been missing from the old player and that users had consistently requested in our early research sessions.

iView interaction exploration 

iView-universal-player-03

iView interaction exploration 

iView-universal-player-01

Testing the prototypes

Establishing a baseline

Based on the research and required functionality I came up with several variations of iView series and episode screens. These designs covered scenarios such as landing on a programme page, landing on an episode page and returning to a programme page with an unfinished episode.

To help validate these concepts I carried out guerrilla testing sessions with members of the public in the ABC foyer. These sessions helped inform the design and I finally arrived at two interaction models I wanted to test more thoroughly. 

Tasks that were tested included finding a particular programme, finding a particular episode, finding who the director is and watching an episode.

The simplest interaction model proved most successful. This solution presented a single page for a programme, with a latest episode thumbnail. This allowed the design to retain a consistent brand heading across various user scenarios and ensure the programme metadata was easily discoverable.

After observing several user testing sessions it became clear that the users were struggling with many aspects of the existing experience. Copy lacked clarity, the interface was cluttered and inconsistent, and established UI patterns were not being followed. To document these issues I decided to carry out a UX audit of each component screen, highlighting issues and providing suggested improvements. 

Final designs

Mobile: Programme

iView-mobile-program-expanded-01

Mobile: Episode

iView-mobile-program-extras-02

Mobile: Latest

iView-mobile-episode-03

Mobile: Film

iView-mobile-movie-04

Tablet: Film

iView-tablet-movie-01

Tablet: Programme

iView-tablet-programme-01

Selected Projects

Relationship Authorisation ManagerDigital Transformation Agency

iViewABC

Advice Intelligence UI KitAdvice Intelligence

P&O Cruises websiteCarnival Australia