the ux of tv - release 2

95
© 2012 Razorfish. All rights reserved THE UX OF TV A NEW FRONTIER FOR USABILITY PROFESSIONALS KYLE OUTLAW AND ED MANSFIELD RELEASE 2 WITH NEW FWD

Upload: kyle-outlaw

Post on 21-Apr-2017

65.026 views

Category:

Design


0 download

TRANSCRIPT

Page 1: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved

THE UX OF TV A NEW FRONTIER FOR USABILITY PROFESSIONALS

KYLE OUTLAW AND ED MANSFIELD

RELEASE 2 WITH NEW FWD

Page 2: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved

FWD: RELEASE 2 README

Page 3: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 3

Since our original presentation was first presented in 2012, we’ve seen a continuation and acceleration of most if not all of the trends cited here.

Page 4: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 4

Customers continue to migrate en masse from cable and satellite to streaming video services such Netfix and HBO NOW.

Source: Business Insider

Page 5: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 5

Customers continue to migrate en masse from cable and satellite to streaming video services such Netfix and HBO NOW.

Source: Business Insider

Page 6: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 6

50% of US homes have an internet-connected television.

Source: Business Insider

Page 7: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 7

Source: Yahoo! and Razorfish surveySource: Ericsson presents TV & Video Consumer Trend Report 2011 - Ericsson

Page 8: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 8

Broadcast and cable are in adapt-or-die mode. As streaming media device use continues to grow, the role of user experience in the creation of these new services will continue to be more relevant than ever.

Page 9: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 9

Ed Mansfield

Associate UX Director at RazorfishPast: Chase Specialties: mobile, tablet, financial services, automotiveClients: Ford, XM Radio, Merrill Lynch, Morgan Stanley, JP MorganTwitter: @elmansfield

Who we are

Kyle Outlaw

VP Experience at RazorfishPast: R/GA, WorldNow, Modem MediaSpecialties: mobile, tablet, social, online videoClients: Mercedes-Benz, Smart, UNIQLO, AXE, Citibank, Ralph Lauren, Victoria SecretTwitter: @koutlaw

Page 10: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 10

Let’s face it. Despite our love for TV, the experience

is broken.

Page 11: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 11

For Example:

Image Source: Gizmodo

• Too many remotes• 1000 channels and nothing on• Clunky channel guides• Lack of device compatibility• Constant interruptions• And the list goes on…

Page 12: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 12

OUR MOBILE DEVICES NOT TOO LONG AGO…

Image Source: Wikipedia

Page 13: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 13

WHAT A DIFFERENCE A FEW YEARS MAKES

Page 14: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 14Source: AOL:

Page 15: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 15

“Well, you just end up with a table full of remotes, a cluster full of boxes, a bunch of different UIs -- and that's the situation we have today. The only way that's ever gonna change is if you can really go back to square one and tear up the set-top box and redesign it from scratch with a consistent UI across all these different functions and get it to the consumer in a way that they're willing to pay for it.”

–Steve Jobs, Patron Saint of User Experience Practitioners

Source: AOL:

Page 16: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 16

Our TVs are much too complicated.It doesn’t have to be that way.

Page 17: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 17

Who will change it?We will. TV is the next big problem for UX to solve.

Page 18: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 18

By knowing what’s going on in the connected TV landscape…

… and getting the skills to do it.

But How?

This is what we want to talk about today.

Page 19: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 19

IN THIS PRESENTATION WE’LL COVER

1. THE RISE OF CONNECTED TVDefinition, Stats/Trends

2. THE WAR FOR YOUR LIVING ROOMKey Players, An Elephant in the Living Room

3. IMPLICATIONS FOR UXChallenges and Opportunities

4. LET’S DO THISPrototyping and Evangelization

5. KEY TAKEAWAYSRecap and Reference Materials

Page 20: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved

1. THE RISE OF CONNECTED TELEVISION

Page 21: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 21

It’s a term used to describe the integration of the internet and web features into TV sets and set-top boxes, as well as the convergence between computers and these television sets or set-top boxes.

What is Connected TV?

Source: Wikipedia

Page 22: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 22

• Smart TV• Cloud TV• Hybrid TV

Also known as:

Page 23: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 23

But why should we care?

Page 24: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 24

Connected TV is already here.It’s just not very evenly distributed.

Source: William Gibson – “the future is already here it is just unevenly distributed.”

Page 25: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 25

96.56 million

67.2 million63.9 million

Millions already have this capability in their homes.227 million have access through game consoles.

Source: Nintendo (June 2012); Microsoft (April 2012); Sony (March 2012)

Page 26: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 26

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

Connected TV sales are growing with 91 million units projected for 2012.

2012 2014 2016

Source: Global Flat-panel TV and Connected TV Forecast - Kantideep ThotaSource: Global Smart TV Market (2011 – 2016) Critical Capability, Use Case Analysis & Forecast By Accessories, Platforms, Middleware, Application & Geography - MarketsAndMarkets.com

 

Page 27: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 27

Second screen viewing is the new normal. 80% of US adults mobile multi-task while watching TV.

Consumer activities while watching TV

Source: Yahoo! and Razorfish surveySource: Ericsson presents TV & Video Consumer Trend Report 2011 - Ericsson

Page 28: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 28

Source: HBO Here are those cord-cutting stats you asked for – Rebecca Greenfield

Cord-cutting is on the rise. Cable is not. 2.65 million Americans cut the cord in 2008-2011.

Page 29: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 29

Our appetite for live on-demand streaming content is breaking records.

June 20101.6 million viewers

April 20112.4 million viewers

August 20123.2 million viewers

Source: Viewers opted for the Web over TV to watch Curiosity's landing – CBS News

Page 30: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 30

40% of Americans live-streamed. Live-stream viewers were also 2x more likely to watch primetime coverage on TV.

Source: Apple and the iPhone TV: one day all televisions will be this way – ComputerworldSource: Olympics Platforms Score – Variety

Page 31: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 31

This has all caught the attention of some big players…

Page 32: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved

2. THE WAR FOR YOUR LIVING ROOM

Page 33: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 33

“As the Consumer Electronics Show continued in Las Vegas, at least one theme became clear: The next big technology war is for your living room.”

- Hayley Tsukayama, Washington Post

The Next Technology War

Page 34: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 34

MEET SOME OF THE CONTENDERS

Page 35: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 35

THE TV SET MANUFACTURERS

Page 36: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 36

THE GAME CONSOLE MAKERS

Page 37: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 37

THE SET TOP BOX MANUFACTURERS

Page 38: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 38

THE CONTENT PROVIDERS

Page 39: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 39

THE CABLE AND SATELLITE PROVIDERS

Page 40: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 40

There is an elephant in the living room.Where’s Apple in all of this?

Page 41: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 41

“I finally cracked it.”

Source: Steve Jobs – Walter Isaacson

Page 42: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 42

THE MYTHICAL ITV

Image Source: ADR Studio

Page 43: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 43

Or maybe just an iBox?

Source: Apple in talks to use Apple TV as cable box, report says - Hayley TsukayamaImage Source: ADR Studio

Page 44: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 44

Above all the hope is that Apple will bring some much needed standardization…For now we have a very fragmented television ecosystem to contend with.

Page 45: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved

3. IMPLICATIONS FOR UX

Page 46: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 46

What does all this mean for usability professionals? To begin with we’ll need to contend with the 10 foot experience.

Image Source: Wikipedia

Page 47: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 47

It’s a software user interface designed for display on a large television with interaction using a regular television-style remote control.

What is the 10 ft experience?

Source: Wikipedia

Page 48: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 48

While there are similarities with mobile, and tablet design, the 10 foot experience is an altogether different beast. Let’s talk about the challenges and opportunities.

Page 49: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 49

First, the challenges…

Page 50: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 50

1. CONSIDER THE USER’S ENVIRONMENT

Image Source: MorgueFile

Page 51: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 51

2. UNDERSTAND THE PHYSICAL CONSTRAINTS

Image Source: Wikipedia

Page 52: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 52

3. KNOW THE DISPLAY RULES

Image Source: Wikipedia

Page 53: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 53

4. EVALUATE THE CONTENT

Image Source: Wikipedia

Page 54: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 54

5. IDENTIFY THE INTERACTION METHODS

Image Source: Wikipedia

Page 55: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 55

Now let’s talk about the opportunities and advanced capabilities.

Page 56: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 56

1. NEW INTERFACES

Page 57: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 57

2. SOCIAL TV AND COMMUNITY VIEWING

Page 58: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 58

3. SUPER-NICHE AND ORIGINAL PROGRAMMING

Page 59: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 59

4. APPS AND GAMES

Page 60: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 60

5. RECOGNITION AND PERSONALIZATION

Source: Razorfish Emerging Experiences

Page 61: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved

4. LET’S DO THIS

Page 62: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 62

For most of us, connected TV remains unchartered territory.How do we get started?

Page 63: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 63

• Evangelize it• Share knowledge across disciplines• Demo key services and devices with partners• Upgrade our TVs sets or set top boxes

A Call to Action for UX

Page 64: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 64

Last but not least, the best way is to learn by doing.We can create prototypes.

Page 65: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 65

• Give project visibility and buy-in within customer and developer organizations

• Encourage early participation and involvement• See the design in its intended context• Provide immediate observation of user

performance and consequences of design decisions

Advantages to prototyping

Source: UX For the Masses - Neil Turner

Source: Advantages of and cautions about using prototype - Rex Hartson; Pardha S. Pyla

Page 66: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 66

• Concept• Prototype• Validate internally• Test internally• Learn from user behavior• Iterate

Inspired by Lean UX

Source: Lean UX: Getting out of the Deliverables Business - Jeff Gothelf

Page 67: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 67

• Sketch pad and pen or pencil• Wire framing software • Photoshop • HTML editor• FTP client• Browser-enabled set top box• Wide-screen TV monitor • Video content

Key ingredients

Page 68: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 68

We believe that employees will use a TV-optimized web site view, share, comment on and help curate agency case studies, interviews, and demos.

Hypothesis

Page 69: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 69

1. SKETCHING

Page 70: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 70

2. WIREFRAMES

Page 71: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 71

2. PHOTOSHOP AND EXPORT IMAGES

Page 72: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 72

3. ADJUST THE CODE FOR TV DISPLAY

Page 73: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 73

4. UPLOAD IT

Page 74: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 74

5. TEST IT ON PC

Page 75: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 75

5. TESTING ON CONNECTED TVS

Page 76: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 76

5. TESTING ON CONNECTED TVS

Page 77: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 77

5. TESTING ON CONNECTED TVS

Page 78: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 78

KEY SCREENS

Page 79: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 79

KEY SCREENS

Page 80: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 80

• Keyboards and TVs don’t mix well• Hierarchy needs to be as flat as possible• Everything needs to be 3X larger• With text display less is more• Browser behavior varies widely across devices

Some things we are learning:

Page 81: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved

5. SUMMARY

Page 82: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 82

• TV is the next big problem for UX to solve• Connected TV is here already but it remains a

fragmented ecosystem in need of standardization• Know the challenges with designing for TV• Understand the opportunities and new capabilities • Evangelize internally and with clients• Embrace the prototype

Key Takeaways

Page 83: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 83

We are in the very early days of the reinvention of television.We need to insert ourselves into the process at the very beginning.

Page 84: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 84

“When you’re young, you look at television and think, There’s a conspiracy. The networks have conspired to dumb us down. But when you get a little older, you realize that’s not true. The networks are in business to give people exactly what they want. That’s a far more depressing thought. Conspiracy is optimistic…We can have a revolution!”

–Steve Jobs

In closing…

Page 85: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved

THANK YOU!

Page 86: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 86

APPENDIXUser Experience and design for connected TV

Re-thinking User Interface Design, Jim Mischelhttp://blog.smartbear.com/software-quality/bid/167284/Re-Thinking-User-Interface-Design-for-the-TVPlatform

Samsung User Experience Guidelines, Samsung Developers Forumhttp://www.samsungdforum.com/Guide/View/Developer_Documentation/User_Experience_Guideline_1.5

Google TV design patterns, Google Developers, Google Developershttps://developers.google.com/tv/android/docs/gtv_android_patterns

Opera design guidelines for Wii, Dev.Operahttp://dev.opera.com/articles/view/creating-web-content-for-tv/Make your website TV friendly with our 10 great tips, Sam Nurmihttp://royal.pingdom.com/2012/03/14/make-your-website-tv-friendly-with-our-10-great-tips/

Make your website TV friendly with our 10 great tips, Sam Nurmihttp://royal.pingdom.com/2012/03/14/make-your-website-tv-friendly-with-our-10-great-tips/

Page 87: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 87

APPENDIXUX and TV

The Shift From Watching TV to Experiencing TV, Richard MacManushttp://www.readwriteweb.com/archives/the_shift_from_watching_tv_to_experiencing_tv.php

Designing for Context: The Multiscreen Ecosystem, Avi Itzkovitchhttp://uxmag.com/articles/designing-for-context-the-multiscreen-ecosystem

Prototyping

Lean UX: Getting Out of the Deliverables Business, Jeff Gothelfhttp://uxdesign.smashingmagazine.com/2011/03/07/lean-ux-getting-out-of-the-deliverables-business/

Page 88: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 88

APPENDIXApple TV

Apple in talks to use Apple TV as cable box, report says, Hayley Tsukayamahttp://www.washingtonpost.com/business/technology/apple-in-talks-to-use-apple-tv-as-cable-box-reportsays/2012/08/16/f5ad15d6-e796-11e1-8487-64e4b2a79ba8_story.html

Here Are Apple's Plans To Make TV A Thousand Times Better, Jay Yarowhttp://www.businessinsider.com/heres-how-apple-is-telling-cable-companies-it-will-make-apple-tv-work-2012-8

Apple, Microsoft, Google and the sad state of TV, Janko Roettgershttp://gigaom.com/video/apple-tv-set-top-box/

Apple “iBox”: The Classic Concept and Renderings of Apple iTV, Farhathttp://hitechanalogy.com/apple-ibox-classic-concept-renderings-apple-itv-artist-2/

Apple's New Front in the Battle for TV, Jessiva E. Vascellaro and Shalini Ramachandranhttp://online.wsj.com/articleSB10000872396390444233104577591713616924328.html

Page 91: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 91

APPENDIXConnected TV Blogs

Lost Remotehttp://lostremote.com

Techcrunchhttp://techcrunch.com

Mashablehttp://www.mashable.com

GigaOmhttp://gigaom.com

Venturebeathttp://venturebeat.com

Page 93: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 93

APPENDIXImage Credits

Slide 2: Scrap Television Graveyard – thesuccesshttp://www.morguefile.com/archive/display/738604

Slide 3: How Grandma Sees the Remote – Roz Chasthttp://gizmodo.com/357331/how-grandma-sees-the-remote

Slide 4: Mobile Phone Evolution – Anders K. Larsenhttp://upload.wikimedia.org/wikipedia/commons/d/d6/Mobile_phone_evolution.jpg

Slides 32, 33: iTV concept designs – ADR StudioADR Studio, http://www.Adr-studio.it/

Slide 36: Screenshot of XBMC Media Center home screen using default PM3.HD skinhttp://en.wikipedia.org/wiki/File:Screenshot000.png

Slide 40: Modern HDTV Stand – bredahttp://www.morguefile.com/archive/display/641764

Page 94: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 94

APPENDIXImage CreditsSlide 40: Modern HDTV Stand – bredahttp://www.morguefile.com/archive/display/641764

Slide 42: SMPTE Color Bars – Denelson83http://en.wikipedia.org/wiki/File:SMPTE_Color_Bars.svg

Slide 44: PlayStation 3 BD Remote (with and without PlayTV overlay) – Alphathonhttp://en.wikipedia.org/wiki/File:PS3_BD_Remote.png

Page 95: The UX of TV - Release 2

© 2012 Razorfish. All rights reserved 95

APPENDIXSpecial Thanks Special thanks to Tiffany Milano @TiffanyMilano for her research assistance.