"How to Make TV Apps Work" 10 rules for Connected Tv apps development


Published on

"Short, bright and to the point, great presentation." GIGAOM "How to Make TV Apps Work" NEW TEE BEE
APPMARKET "Javier Lasa has created a brilliant visual starter kit for anyone interested in TV App development
connected Tv developers guide

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

"How to Make TV Apps Work" 10 rules for Connected Tv apps development

  1. 1. 10 rules for Connected TV apps development Javier Lasa R&D manager Prisa digital videoweb 2011 twitter/javier_lasa
  2. 2. What is connected TV?
  3. 3. What is connected TV? A TV set with internet connection? Not quite @
  4. 4. What is connected TV? Ipad 250.000 Elpais y digital + 150.000 apps downloaded Smartphone 30% market share 1,5 mm iphones CTV 21% market in 2011 2,5 M TV 54 % in 2014 (SPAIN) Connected Tv is the marriage of television engagement & internet interactivity @ idea by @plinkers
  5. 5. Fragmented ecosystem New actors
  6. 6. SP Fragmented ecosystem What,s better a native app or a adapted web view? Think global a maximize reach Data by @plinkers
  7. 7. 10 Rules for Connected TV development Rule 1 # Define a strategy Rule 2 # Tv isnt a PC neither a mobile Rule 3 # Tech specs matter Rule 4 # Flattern information hyerachy Rule 5 # Navigation is key Rule 6 # Simplify user interface controls Rule 7 # Enable interaction and conversation Rule 8 # Testing and performace Rule 9 # Define advertising strategy and analytics Rule 10 # Enhance your project manager skills
  8. 8. What Why How Where When Who Topics are we going to cover? Formats area we going to use? Does anyone care? Does this provide bussines value? (AD-PPV-SBS) We deliver content(tech specs audio-video) Should we say it? (style tone of voice..) Will we get the content Can we syndicate the content? Feeds social media Will this be published? Will it need to be updated? Is responsible for the content? Will maintain it over time? Rule 1 # Define a strategy
  9. 9. <ul><li>-Memory/peformance is limited </li></ul><ul><li>-Large screen/fixed set (but mobile when multiscreen sync) </li></ul><ul><li>-Superb video &sound quality </li></ul><ul><li>-Apps respond to remote (future gestures kinect?) </li></ul><ul><li>-Native , web and hybrid sw </li></ul>@ Webcam (image) telepresence microphone Interaction mobile app Remote control interaction Internet and user feedback Audio quality sound Stereo /dolby Quality picture 3D images Think multiscreen: Connected device interaction more important to TVs than apps Rule 2 # Tv isn,t a PC neither a mobile
  10. 10. <ul><li>Fragmented development ecosystem </li></ul><ul><li>-Requirements: </li></ul><ul><li>-HTML </li></ul><ul><li>-CSS </li></ul><ul><li>-Flash (some brands don´t support ) </li></ul><ul><li>-javascript </li></ul><ul><li>-Audio mp3 AAC (AAC PLUS STEREO 5.1) </li></ul><ul><li>-Video: wm m4v (h264) SD ( live &VOD) </li></ul><ul><li>-Performance issues </li></ul>Rule 3 # Tech specs matter
  11. 11. 01 02 03 04 05 06 Tv signal TV App store app categories Elpais app Main level 2 level Video section 3 rd level Video playback Rule 4 # Flattern information hyerachy
  12. 12. <ul><li>1 Main navigation Categories: Vertical vs Horizontal nav. </li></ul><ul><li>Avoid differnt subtask </li></ul><ul><li>3-key help: botton bar direct access </li></ul><ul><li>2-In page navigation: scroll,,zoom, video controls </li></ul>1h 1v 2 3 Rule 5 # Navigation is key
  13. 13. <ul><li>Hot spots: interactive area should be bigger than 60x50 px </li></ul><ul><li>Font: minimun size 24p </li></ul><ul><li>Font restricted to vendor catalog </li></ul><ul><li>Minimum image size 90x90 </li></ul>Rule 6 # Simplify user interface controls Interaction troughtout remote different ´from mouse or tactile screen
  14. 14. Social features must be present in the app but mixing the public and private in one screen can lead to problems Rule 7 # Enable interaction and conversation
  15. 15. Rule 8 # Testing and preformace screen resolution and safe area Desing for large screens Test the apps on final screen Adapt image output to TV set, blu-ray and STB at initial design
  17. 17. Launch april 2011 Documentation Functional specs Tech specs Access development environment NDA Signing Product Management NDA Closure Business Service Contract Transfer development konwledge to BU Product Roadmap & work plan Tv app average development time: 6 week plus 4 week of testing Average cost: 15k- 25k euro Test & integration 4-6 weeks Rule 10 # enhance your project manager skills Think global ( international teams: Korea, NYC, Japan, London) Bussines case Design Programming Test
  18. 18. Not a rule, a must # Love your products
  19. 19. Not a rule, a must # Love your products
  20. 20. <ul><li>Product roadmap overview( sorry only 6 months ahead) </li></ul><ul><li>-TV apps installed in 3 diferent manufacturers by 2011 </li></ul><ul><li>-Waiting for Google and Apple TV </li></ul><ul><li>-Audio enhancement (AAC plus stereo 5.1) </li></ul><ul><li>-Connected device interaction projects </li></ul><ul><li>-3D apps </li></ul><ul><li>-Mobile key for connected TV growth (android/IOS) </li></ul><ul><li>-Gamification (gaming features into editorial content) </li></ul><ul><li>-Recommendation systems </li></ul><ul><li>-Connected TV publishing integrated with editorial system CMS </li></ul><ul><li>-New advertising formats( on demand ads,3d, sync ads) </li></ul>THE FUTURE? #futureofconnectedTV
  21. 21. #Eskerrik asko #Gracias #Thank you twitter/javier_lasa blog: javierlasacastro.wordpress.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.