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.

1. brought to you by
10 Foot, 2 Inches
Designing Apps for Up-Close & Afar
hanerino

2. http://goo.gl/maps/yxVoV

3. milothedog

4. Designing
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”
globalmoxieJosh Clark
https://vimeo.com/48327889

11. “…people are buying
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 watching

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

19. Shop, social,
gamification, checkins

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

21. Sequential &
Simultaneous

22. Sequential Usage

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

24. Seamless Experience

25. “The experience should
transcend the device.”
notasausageMe, right now

26. Simultaneous Usage

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 Design

43. What about TV?

44. http://haner.in/samsungtvselector

45. 10 Foot Experience

47. Calculating PPI
http://dpi.lv/

48. Smart TVs
2 million
43 millionBecoming more and more
relevant every day

51. Design 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 Design a Great
User Experience

62. Device or Brand?

66. Remotes

67. Samsung 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 Design
Patterns
http://haner.in/androiddesignpattern

89. Google TV
Design 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. Samsung TV User
Experience Guidelines
http://haner.in/samsungguidelines

93. Gathering & Creating
Assets

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

97. Create your own
documentation

99. Communicate

101. Testing

108. Samsung 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