Developing a Great User Interface

Developing a Great User Interface A Netflix Case Study Sean Kane Director, User Interface Engineering UIE Web Application Summit - Monterey January 2007 Innovative techniques Netflix uses to make finding movies an easy, personalized experience.

Background ,[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Quick Facts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Development Approach Qualitative & Quantitative

EPIC Easy Personalized Innovative Cinematic

Intuition is only a Start ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Lifecycle Concept Paper Prototype Usability Testing Functional Prototype Usability Testing Production-Ready Prototype Quantitative Testing Full Release Refine

Starbar Rating Widget ,[object Object]

Stars ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Refresh page to update prediction Note change In red stars

Star Power ,[object Object],[object Object],[object Object],[object Object],[object Object]

Back of the Box Using Ajax to make finding the right movie simple

Watching the User Patterns ,[object Object],[object Object],[object Object]

What About BOB? ,[object Object],[object Object],[object Object]

The New Path ,[object Object],[object Object],[object Object],[object Object]

Queue Add Confirmation Layer Keeping context

A Successful Page Browse Site Add Movie Queue Add Confirmation Return to Starting Point? User Pattern

New Interaction ,[object Object],[object Object]

Strong Opinions, One Winner ,[object Object],[object Object],[object Object],[object Object],[object Object]

Recommendations Layer Not everything works as expected

Goals ,[object Object],[object Object]

Because you loved Toy Story… We recommend A Bug’s Life Close x Seen it? Rate it. If not Add It

[object Object],[object Object],[object Object],[object Object]

Friends Recommendation Layer Obscurity

If Untested ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Previews The textbook case-study

Variants ,[object Object],[object Object],[object Object],[object Object]

More Information Netflix is Hiring www.netflix.com/jobs Senior User Interface Engineers HTML, CSS, JavaScript, Java, Flash Senior User Interface Designers Senior Manager, Consumer Behavior and Analysis Sean Kane Blog: seankane.wordpress.com

Developing a Great User Interface

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (17)

Similar to Developing a Great User Interface

Similar to Developing a Great User Interface (20)

Recently uploaded

Recently uploaded (20)

Developing a Great User Interface