Upgrade to Pro — share decks privately, control downloads, hide ads and more …

10 Foot, 2 Inches: Designing Apps for Up-Close & Afar

93d8e25dfa9ef60e40f3628a23528a1e?s=47 Patrick Haney
September 13, 2013

10 Foot, 2 Inches: Designing Apps for Up-Close & Afar

The landscape of internet-ready devices is quickly growing, allowing people to access content from pocketable devices and big screen TVs alike. But designing usable interfaces for big and small is a challenge, especially when those devices are being used to compliment each other. Hear firsthand from two seasoned designers about the pitfalls and best practices of designing for these unique experiences and the Second Screen. They’ll talk about handling different methods of input and finding room for varying amounts of output, designing within existing UI constraints, and much more.

93d8e25dfa9ef60e40f3628a23528a1e?s=128

Patrick Haney

September 13, 2013
Tweet

Transcript

  1. brought to you by 10 Foot, 2 Inches Designing Apps

    for Up-Close & Afar hanerino
  2. http://goo.gl/maps/yxVoV

  3. milothedo

  4. Desi nin for up-close & afar near far http://youtu.be/iZhEcRrMA-M

  5. Where we were

  6. Device Landscape

  7. Myth: Mobile devices are for when people are mobile

  8. 77% of mobile searches occur at home or work http://haner.in/mobilesearchmoments

  9. “Don't confuse context with intent” lobalmoxie Josh Clark https://vimeo.com/48327889

  10. None
  11. “…people are buyin 8,000 cars a week on eBay’s mobile

    app” John Donahoe, eBay CEO http://haner.in/buy8000cars
  12. Myth: Tablets are just an accessory

  13. http://youtu.be/btfbIVGES1I

  14. http://youtu.be/U7UlE-o8DQQ

  15. 31% of American adults own a tablet computer http://haner.in/deviceownership

  16. Myth: Television is just for watchin

  17. 77% of TV viewers use another device too http://haner.in/multiscreenworld

  18. None
  19. Shop, social, amification, checkins

  20. 22% of smartphone searches prompted by TV http://haner.in/multiscreenworld

  21. Sequential & Simultaneous

  22. Sequential Usa e

  23. 90% use multiple screens to sequentially accomplish a task http://haner.in/multiscreenworld

  24. Seamless Experience

  25. “The experience should transcend the device.” notasausa e Me, ri

    ht now
  26. Simultaneous Usa e

  27. 57% of the time we use a smartphone, we use

    another device http://haner.in/multiscreenworld
  28. None
  29. None
  30. Check-in

  31. None
  32. http://youtu.be/baFcUVyKZEw

  33. None
  34. Second Screen Desi n

  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. What about TV?

  44. http://haner.in/samsungtvselector

  45. 10 Foot Experience

  46. None
  47. Calculatin PPI http://dpi.lv/

  48. Smart TVs 2 million 43 million Becoming more and more

    relevant every day
  49. None
  50. None
  51. Desi n for TV

  52. Safe Zones

  53. None
  54. None
  55. None
  56. None
  57. None
  58. None
  59. None
  60. None
  61. ❖ Purpose of Application in Itself ❖ How useful the

    application is to users and how much pleasure it gives them should be considered ❖ Connection with the Use of TV ❖ Create new user experience through designing application linked with the experience in watching TV How to Desi n a Great User Experience
  62. Device or Brand?

  63. None
  64. None
  65. None
  66. Remotes

  67. Samsun Blu-ray remote control

  68. None
  69. None
  70. None
  71. http://youtu.be/5C1nADiC6OE

  72. None
  73. http://youtu.be/EgyIFjGOtVc

  74. http://haner.in/nbckinect

  75. Layout

  76. None
  77. None
  78. None
  79. Colors

  80. None
  81. Research the Landscape

  82. None
  83. None
  84. None
  85. None
  86. None
  87. Review Current Standards & Patterns

  88. Android Desi n Patterns http://haner.in/androiddesignpattern

  89. Goo le TV Desi n Patterns http://haner.in/googletvpatterns

  90. iOS Human Interface Guidelines http://haner.in/iosdevhig

  91. Xbox Developer Network http://www.xbox.com/en-US/developers

  92. Samsun TV User Experience Guidelines http://haner.in/samsungguidelines

  93. Gatherin & Creatin Assets

  94. http://www.teehanlax.com/tools/iphone/

  95. None
  96. None
  97. Create your own documentation

  98. None
  99. Communicate

  100. None
  101. Testin

  102. None
  103. None
  104. None
  105. None
  106. None
  107. None
  108. Samsun Smart TV SDK & Emulator http://www.samsungdforum.com/devtools/sdkdownload

  109. Test on an Real Devices

  110. Undiscovered Territory

  111. brought to you by Thank you. hi@hanerino.com @hanerino