TIM
THOMAS


Interaction Designer
& Developer

PS3 ITV Player Interface

Re-Design of the existing app layout

PS3 ITV Player redesign run through

The video above is a run through of the ITV Player app on the PS3. I have placed this next to a GIF of my proposed redesign of the interface.

The main purpose of my redesign is to improve on the functionality. The lack of options allowing users to filter or search for a program limit this application quite a lot. As all of the other catch up applications also available on the PS3 have extra features there is no reason for ITV player to have such a basic application.

As well as the actual functions I hope to create a redesign that would improve on the useability. The current application is far too slow. Simply not loading multi-media content until the user has actually selected an option, would greatly improve upon this.

Building on the useability and touching on the aesthetics I need to change the over-all layout of the application. There is far too much wasted space, especially for a system designed to be viewed on a TV through a modern generation gaming console.

I will look at the aesthetics in terms of the colour, but this is not a main focus as the colour scheme of cool blues and greens is appropriate, fitting in with the ITV channel icons which are familiar to users.

ITV Aesthetic Radar Chart
ITV Usability Radar Chart

Initially the project was to look at a few different interfaces that could do with a redesign. I picked a few very different applications; ITV Player App on PS3, direct.gov.uk and the Camscanner mobile application. After looking into each in detail I created these radar charts to plot their respective aesthetic and useablity scores. I then chose to work on the ITV Player App.

ITV Structural Flow Chart

The structural flow chart shows all of the planned sections that would have a place in my redesign. This includes in addition to the current pages; category options and a search menu. I have not made the structure any deeper than it is currently.

Having a settings option allows there to be more advanced options while not taking up too much space on the menu. Allowing users to customise their settings makes them feel more in control and allows the application to cater for more than one persons' preference.

As well as the settings menu I have added in a help, search and categories option. All of these immediately would help improve the usability, as well as the functionality of this interface.

As the scope of the redesign is not too large, I expect to be able to create a prototype design for all of the pages shown on the flowchart. It is quite a closed system, with the user simply navigating through menus, which will essentially contain the same content (the videos themselves will always be changing, but each and every one would fit into a predefined template). This as a system model whould make it easier to prevent and check for errors. For a design this size it is feasable that every possible outcome/button could be checked.

ITV Aesthetic Radar Chart
ITV Usability Radar Chart

After sketching many different interface layouts I decided to create wireframes for the one which resembled the PS3 interface the most. There would be no learning curve for PS3 users as they would already be familiar with the XrossMediaBar interface.

Categories Menu
Categories Menu
Channel Menu
Channel Menu
Search Menu
Search Menu
Individual Program
Individual Program

After creating wireframes I then created a basic click through prototype. This enabled users to get a feel of how the pages would fit together. I then combined all of the wireframe images to create a map of the full interface.

Full Interface Structure
Main Menu
Main Menu
Channel Selection
Channel Selection
Search Menu
Search
Settings Menu
Settings
Theme Options
Theme Options
Most Popular
Most Popular
Individual Program
Individual Program
Available Episodes
Available Episodes

I am pleased with the final design that I managed to create within this project. Looking back over the points I considered, I feel that I addressed all of them; The functionality of the interface is far superior to the intial design which could only show 5 options on the screen at a time and had little or no filter/sort functionality.

I feel that I improved the useability as my interface only needs to load images at the program selection menus. Having a mostly text based interface would speed up the operation and I don't feel that it has made it less attractive than if there were images/videos the whole way through.

I changed the layout and therefore totally changed the aesthetics, bringing it in line with that of the system platform which it runs on. The old interface was designed to fit onto a square TV. I have designed my interface on a 16:9 scale which would cater for widescreen TV's which haves become the norm.