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.

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
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
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
30. Check-in
32. http://youtu.be/baFcUVyKZEw
34. Second Screen Desi n
43. What about TV?
44. http://haner.in/samsungtvselector
45. 10 Foot Experience
47. Calculatin PPI http://dpi.lv/
48. Smart TVs 2 million 43 million Becoming more and more relevant every day
51. Desi n for TV
52. Safe Zones
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?
66. Remotes
67. Samsun Blu-ray remote control
71. http://youtu.be/5C1nADiC6OE
73. http://youtu.be/EgyIFjGOtVc
74. http://haner.in/nbckinect
75. Layout
79. Colors
81. Research the Landscape
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/
97. Create your own documentation
99. Communicate
101. Testin
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