the ux of tv - release 2
Post on 21-Apr-2017
65.027 Views
Preview:
TRANSCRIPT
© 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
© 2012 Razorfish. All rights reserved
FWD: RELEASE 2 README
© 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.
© 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
© 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
© 2012 Razorfish. All rights reserved 6
50% of US homes have an internet-connected television.
Source: Business Insider
© 2012 Razorfish. All rights reserved 7
Source: Yahoo! and Razorfish surveySource: Ericsson presents TV & Video Consumer Trend Report 2011 - Ericsson
© 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.
© 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
© 2012 Razorfish. All rights reserved 10
Let’s face it. Despite our love for TV, the experience
is broken.
© 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…
© 2012 Razorfish. All rights reserved 12
OUR MOBILE DEVICES NOT TOO LONG AGO…
Image Source: Wikipedia
© 2012 Razorfish. All rights reserved 13
WHAT A DIFFERENCE A FEW YEARS MAKES
© 2012 Razorfish. All rights reserved 14Source: AOL:
© 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:
© 2012 Razorfish. All rights reserved 16
Our TVs are much too complicated.It doesn’t have to be that way.
© 2012 Razorfish. All rights reserved 17
Who will change it?We will. TV is the next big problem for UX to solve.
© 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.
© 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
© 2012 Razorfish. All rights reserved
1. THE RISE OF CONNECTED TELEVISION
© 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
© 2012 Razorfish. All rights reserved 22
• Smart TV• Cloud TV• Hybrid TV
Also known as:
© 2012 Razorfish. All rights reserved 23
But why should we care?
© 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.”
© 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)
© 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
© 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
© 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.
© 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
© 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
© 2012 Razorfish. All rights reserved 31
This has all caught the attention of some big players…
© 2012 Razorfish. All rights reserved
2. THE WAR FOR YOUR LIVING ROOM
© 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
© 2012 Razorfish. All rights reserved 34
MEET SOME OF THE CONTENDERS
© 2012 Razorfish. All rights reserved 35
THE TV SET MANUFACTURERS
© 2012 Razorfish. All rights reserved 36
THE GAME CONSOLE MAKERS
© 2012 Razorfish. All rights reserved 37
THE SET TOP BOX MANUFACTURERS
© 2012 Razorfish. All rights reserved 38
THE CONTENT PROVIDERS
© 2012 Razorfish. All rights reserved 39
THE CABLE AND SATELLITE PROVIDERS
© 2012 Razorfish. All rights reserved 40
There is an elephant in the living room.Where’s Apple in all of this?
© 2012 Razorfish. All rights reserved 41
“I finally cracked it.”
Source: Steve Jobs – Walter Isaacson
© 2012 Razorfish. All rights reserved 42
THE MYTHICAL ITV
Image Source: ADR Studio
© 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
© 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.
© 2012 Razorfish. All rights reserved
3. IMPLICATIONS FOR UX
© 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
© 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
© 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.
© 2012 Razorfish. All rights reserved 49
First, the challenges…
© 2012 Razorfish. All rights reserved 50
1. CONSIDER THE USER’S ENVIRONMENT
Image Source: MorgueFile
© 2012 Razorfish. All rights reserved 51
2. UNDERSTAND THE PHYSICAL CONSTRAINTS
Image Source: Wikipedia
© 2012 Razorfish. All rights reserved 52
3. KNOW THE DISPLAY RULES
Image Source: Wikipedia
© 2012 Razorfish. All rights reserved 53
4. EVALUATE THE CONTENT
Image Source: Wikipedia
© 2012 Razorfish. All rights reserved 54
5. IDENTIFY THE INTERACTION METHODS
Image Source: Wikipedia
© 2012 Razorfish. All rights reserved 55
Now let’s talk about the opportunities and advanced capabilities.
© 2012 Razorfish. All rights reserved 56
1. NEW INTERFACES
© 2012 Razorfish. All rights reserved 57
2. SOCIAL TV AND COMMUNITY VIEWING
© 2012 Razorfish. All rights reserved 58
3. SUPER-NICHE AND ORIGINAL PROGRAMMING
© 2012 Razorfish. All rights reserved 59
4. APPS AND GAMES
© 2012 Razorfish. All rights reserved 60
5. RECOGNITION AND PERSONALIZATION
Source: Razorfish Emerging Experiences
© 2012 Razorfish. All rights reserved
4. LET’S DO THIS
© 2012 Razorfish. All rights reserved 62
For most of us, connected TV remains unchartered territory.How do we get started?
© 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
© 2012 Razorfish. All rights reserved 64
Last but not least, the best way is to learn by doing.We can create prototypes.
© 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
© 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
© 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
© 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
© 2012 Razorfish. All rights reserved 69
1. SKETCHING
© 2012 Razorfish. All rights reserved 70
2. WIREFRAMES
© 2012 Razorfish. All rights reserved 71
2. PHOTOSHOP AND EXPORT IMAGES
© 2012 Razorfish. All rights reserved 72
3. ADJUST THE CODE FOR TV DISPLAY
© 2012 Razorfish. All rights reserved 73
4. UPLOAD IT
© 2012 Razorfish. All rights reserved 74
5. TEST IT ON PC
© 2012 Razorfish. All rights reserved 75
5. TESTING ON CONNECTED TVS
© 2012 Razorfish. All rights reserved 76
5. TESTING ON CONNECTED TVS
© 2012 Razorfish. All rights reserved 77
5. TESTING ON CONNECTED TVS
© 2012 Razorfish. All rights reserved 78
KEY SCREENS
© 2012 Razorfish. All rights reserved 79
KEY SCREENS
© 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:
© 2012 Razorfish. All rights reserved
5. SUMMARY
© 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
© 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.
© 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…
© 2012 Razorfish. All rights reserved
THANK YOU!
© 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/
© 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/
© 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
© 2012 Razorfish. All rights reserved 89
APPENDIXApple TV
More Apple TV Hints, Directly From Steve Jobs, Evan Niu http://m.aol.com/dailyfinance/default/articleStory.do?category=main&url=http://www.dailyfinance.com/2012/06/15/more-apple-tv-hints-directly-from-steve-jobs/&icid=dsk_df_news
One on One: Walter Isaacson, Biographer of Steve Jobs, Nick Biltonhttp://bits.blogs.nytimes.com/2011/11/18/one-on-one-walter-isaacson-biographer-of-steve-jobs/
© 2012 Razorfish. All rights reserved 90
MORE REFERENCE Bodymetrics and Kinect
How Bodymetrics and Razorfish are out to Change Retail, Shareen Pathakhttp://creativity-online.com/news/how-bodymetrics-and-razorfish-are-out-to-change-retail/233471
Cord cutting
HBO, Here Are Those Cord-Cutting Stats You Asked For, Rebecca Greenfieldhttp://www.theatlanticwire.com/technology/2012/08/hbo-here-are-those-cord-cutting-stats-you-asked/55292/
© 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
© 2012 Razorfish. All rights reserved 92
APPENDIXLinkedin Groups
Connected TVhttp://www.linkedin.com/groups?gid=2553526&trk=group-name
Emerging TVhttp://www.linkedin.com/groups/Emerging-TV-4543560?gid=4543560&trk=group-name
UX TVhttp://www.linkedin.com/groups/UX-TV-3773977?gid=3773977&trk=group-name
Smart UXhttp://www.linkedin.com/search-fe/group_search?pplSearchOrigin=GLHD&keywords=Smart+tv
Social TVhttp://www.linkedin.com/groups/Social-TV-next-generation-media-2188349?gid=2188349&trk=groupname
© 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
© 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
© 2012 Razorfish. All rights reserved 95
APPENDIXSpecial Thanks Special thanks to Tiffany Milano @TiffanyMilano for her research assistance.
top related