Shaping Multiscreen Strategies by คุณสุธาทร


Published on

Shaping Multiscreen Strategies by คุณสุธาทร

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Shaping Multiscreen Strategies by คุณสุธาทร

  1. 1. Shaping multi-screen strategyBy Suthathorn Sutthison @toppercool
  2. 2. Agenda- Understanding multi screen world- Interesting stat- Multi screen ecosystem- The responsive design- Multi screen lesson to apply
  3. 3. of people move between devices to accomplish a goal.use multiple screens sequentially to accomplish a task over time
  4. 4. 80%
  5. 5. 74%
  6. 6. TV is the first screen no longer command as before But TV is a major catalyst for search.
  7. 7. The second was dead• People need mobility• Slowly on boots• Expensive software
  8. 8. Our time onlinespread in 4 primary media device
  9. 9. 39 43 Minutes Minutes 30 Average time used 17 Minutes per interaction MinutesSorce : new multi-screen word by google
  10. 10. People shifting from device to device and expectproduct and service move along with them
  11. 11. It’s all about context
  12. 12. Smartphone using for•Connect•Search•Communication•When need something quickly
  13. 13. The Tablet most using for entertain•Shopping•Gaming•Watching VDO•Trip planning
  14. 14. Pattern for multi screen behavior
  15. 15. Sequentially usage right device for the task at hand Picking theMoving from one deviceto another at different timesto accomplish a task
  16. 16. Simultaneous UsageUsing more than one device at the same timefor either a related or an unrelated activity
  17. 17. Product or service work coherently feature are optimizedFor specific device characteristic
  18. 18. CoherenceCoherence
  19. 19. Device service always sync
  20. 20. User actively shift content from one device to other device
  21. 21. Devices are complementing each other.
  22. 22. Devices are being used simultaneously.
  23. 23. 2013 Is the Year of Responsive WebDesign
  24. 24. The Promise – One Website, All Devices
  25. 25. PRO • One solution to rule them all • Avoiding devices-alternate issue • It’s not just about the device • Attacking media display issue • Designing for mobile first
  26. 26. Cons • Development time and resource • Cross browsing compatibility • Loading time • Difference device varying objective • Image resizing restrictions
  27. 27. Re-thinking responsive designOne channel ,Multi-screen ,consistent experience
  28. 28. Multi-screen lessons to apply1 . screen-based ธุร กิจ ต้อ งเข้า ใจ วิธ ีก ารเข้า ถึง ข้อ มูล ของลูก ค้า ซึ่ง ทุก อย่า งขึ้น อยูบ น ่ Screen base อย่า มองว่า เป็น Digital หรือ Traditional มองการเ และวางกลยุท ธ์ใ ห้เ หมาะสม 2. Various Context ลูกค้าเปลี่ยน Device ตามสถานะการตามจุดประสงค์ การตลาดและเว็บไซต์ต้องสะท้อนความต้องการของลูกค้าได้ 3. Sequential usage ลูกค้าต้องการการใช้งานที่ ต่อเนื่อง การออกแบบบริการให้หลายPlatform ต้องให้เกิดการอย่างต่อเนื่องกัน ต้องให้สามารถบันทึกสิ่งที่ทำาอยู่ และไปใช้งานต่อได้ทันทีไม่ว่าจากช่องทางใดๆ
  29. 29. Multi-screen lessons to apply4. Consumers rely on search ลูก ค้า เชื่อ มั่น ในสิง ที่ค ้น หา ไม่ใ ช่แ ค่ก ารทำา ให้ค ้น หาได้ห ลากหลาย device ่ แต่ธ ุร กิจ ต้อ งออกแบบคำา ค้น หา ที่ม ั่น ใจได้ว ่า ลูก ค้า สามารถหาเราเจอ ไม่ว ่า จากช่อ งทาง หรือ Device ใดๆ5. During simultaneous usage การใช้ง านพร้อ มๆกัน หลาย device ลูก ค้า อาจหลงประเด็น ธุร ก ต้อ งไม่จ ำา กัด เป้า หมายว่า จะเข้า ถึง (Call to action) ได้แ ต่ช ่อ งทางใด ช่อ งทางเดีย ว6. Another screen is being used while watching TV ลูก ค้า ชอบใช้อ ุป กรณ์อ ื่น ขณะดูT V เราควรใช้โ อกาสนี้ สื่อ สารกับ ลูก ค้า กลยุท ธ์ท าง TV ควรผสมผสานเข้า กับ กลยุท ธ์ผ ่า นสื่อ Digital
  30. 30. Multi-screen lessons to apply7. Tailor the experience to each channel เราได้เห็นว่าลูกค้าเข้าถึงเป้าหมายด้วย Device ที่ต่างกัน เช่นการ Shopping ธุร กิจ ควรปรับ แต่ง ข้อ มูล ในแต่ล ะช่อ งทางที่เ หมาะสม เช่น การหาข้อ มูล สิน ค ที่ร วดเร็ว บน Smartphone การจัด การวางแผนที่ซ ับ ซ้อ นมากขึน บน PC ้. Smartphones are the backbone การบริโ ภคสื่อ และข้อ มูล ทุก วัน นี้ Smartphone คือ เครื่อ งมือ หลัก ในการเริ่ม ต้น ค้น หาใดๆ ธุร กิจ ต้อ งวางแผนในสื่อ Smartphone นับ แต่น ี้ ทัน Source :Google The New Multi-screen World
  31. 31. Best multi screen case studyNation channel
  32. 32. Twitter feedsNation mobile platform
  33. 33.
  34. 34. Thailand yellow pages
  35. 35. Mobile appMobile site
  36. 36. PTT Blue society Mobile Desktop site - Responsive web design
  37. 37. Tarad.comPlatform-Web-Mobile app-Out of home-MRT TV Media
  38. 38. ,
  39. 39.
  40. 40. Think in the screen but out of the screen