Amazon video TV app
A streamlined Amazon app focusing on optimised customer experiences and templates
The Amazon TV app is used and enjoyed by millions of people worldwide. For 6 months I was placed on the team redesigning the TV application for all third-party devices and this was some of the outcomes of that work. We ran multiple rounds of testing across the world and updated the UI to use a template based style (which was reflected in code too) in order to give us a good base for making changes faster in future. It launched in November 2016 and is now on 795 third-party devices in over 240 regions and in 3 languages.
The Amazon TV app is used and enjoyed by millions of people worldwide. For 6 months I was placed on the team redesigning the TV application for all third-party devices and this was some of the outcomes of that work. We ran multiple rounds of testing across the world and updated the UI to use a template based style (which was reflected in code too) in order to give us a good base for making changes faster in future.
Released: November 2016
Retail price: Free
Materials: Pixels
Software / Tools: Sketch, Photoshop, Illustrator, Pen, Paper, Keynote
Made for: Amazon
Team: Kutlu Canlioglu, Helene Sears, Stiven Skyrah
A new home
The Amazon Video home screen is the first thing a signed in customer sees, it allows them to see and browse the main menu to begin their journey or dive straight in and browse content lists. Customers can press select or right to find out more information about content, or (where available) a special key (in this case R1) to bring up a filtering menu.
The Amazon Video home screen is the first thing a signed in customer sees, it allows them to see and browse the main menu to begin their journey or dive straight in and browse content lists. Customers can press select or right to find out more information about content, or (where available) a special key (in this case R1) to bring up a filtering menu.
Browse better
When a customer navigates into a list of content they see a version of the browse pages above. these are designed to be dynamic for content and work with images of any ratio (16:9, 4:3 etc) a customer's focus is landed in the centre of the page they can press select to find further information about the title highlighted, up to access a dynamic submenu or down to use the buttons. This template also encompasses the full range of Amazon purchase options, from third party subscription sign ups through to a 24h rental in SD.
When a customer navigates into a list of content they see a version of the browse pages above. these are designed to be dynamic for content and work with images of any ratio (16:9, 4:3 etc) a customer's focus is landed in the centre of the page they can press select to find further information about the title highlighted, up to access a dynamic submenu or down to use the buttons. This template also encompasses the full range of Amazon purchase options, from third party subscription sign ups through to a 24h rental in SD.
Seasons simplified
By reusing the positioning and styling elements from the browse template we were able to optimize the experience for a grounded customer experience that reduced development time massively.
By reusing the positioning and styling elements from the browse template we were able to optimize the experience for a grounded customer experience that reduced development time massively.
Movies maximised
The movie pages are the last stop for finding out as much information as possible, by harnessing the positioning and elements of the browse templates the title, sub navigation, buttons and title images are all kept in the same positions, meaning customers can focus on the content.
The movie pages are the last stop for finding out as much information as possible, by harnessing the positioning and elements of the browse templates the title, sub navigation, buttons and title images are all kept in the same positions, meaning customers can focus on the content.
(with love)
