brought to you by
10 Foot, 2 Inches
Designing Apps for Up-Close & Afar
hanerino
http://goo.gl/maps/yxVoV
milothedog
Designing
for up-close
& afar
near
far
http://youtu.be/iZhEcRrMA-M
Where we were
Device Landscape
Myth: Mobile devices
are for when people
are mobile
77%of mobile searches
occur at home or work
http://haner.in/mobilesearchmoments
“Don't confuse context
with intent”
globalmoxieJosh Clark
https://vimeo.com/48327889
“…people are buying
8,000 cars a week on
eBay’s mobile app”
John Donahoe, eBay CEO
http://haner.in/buy8000cars
Myth: Tablets are just
an accessory
http://youtu.be/btfbIVGES1I
http://youtu.be/U7UlE-o8DQQ
31%of American adults
own a tablet computer
http://haner.in/deviceownership
Myth: Television is just
for watching
77%of TV viewers use
another device too
http://haner.in/multiscreenworld
Shop, social,
gamification, checkins
22%of smartphone searches
prompted by TV
http://haner.in/multiscreenworld
Sequential &
Simultaneous
Sequential Usage
90%use multiple screens to
sequentially accomplish
a task http://haner.in/multiscreenworld
Seamless Experience
“The experience should
transcend the device.”
notasausageMe, right now
Simultaneous Usage
57%of the time we use a
smartphone, we use
another device http://haner.in/multiscreenworld
Check-in
http://youtu.be/baFcUVyKZEw
Second Screen Design
What about TV?
http://haner.in/samsungtvselector
10 Foot Experience
Calculating PPI
http://dpi.lv/
Smart TVs
2 million
43 millionBecoming more and more
relevant every day
Design for TV
Safe Zones
❖ Purpose of Application in Itself 
❖ How useful the application is to users
and how much pleasure it gives them
should be...
Device or Brand?
Remotes
Samsung Blu-ray
remote control
http://youtu.be/5C1nADiC6OE
http://youtu.be/EgyIFjGOtVc
http://haner.in/nbckinect
Layout
Colors
Research the
Landscape
Review Current
Standards & Patterns
Android Design
Patterns
http://haner.in/androiddesignpattern
Google TV
Design Patterns
http://haner.in/googletvpatterns
iOS Human Interface
Guidelines
http://haner.in/iosdevhig
Xbox Developer
Network
http://www.xbox.com/en-US/developers
Samsung TV User
Experience Guidelines
http://haner.in/samsungguidelines
Gathering & Creating
Assets
http://www.teehanlax.com/tools/iphone/
Create your own
documentation
Communicate
Testing
Samsung Smart TV
SDK & Emulator
http://www.samsungdforum.com/devtools/sdkdownload
Test on an Real Devices
Undiscovered
Territory
brought to you by
Thank you.
hi@hanerino.com
@hanerino
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
10 foot 2 inches: Designing Apps for Up-Close & Afar
Upcoming SlideShare
Loading in …5
×

10 foot 2 inches: Designing Apps for Up-Close & Afar

1,555 views

Published on

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.

Published in: Design, Technology

10 foot 2 inches: Designing Apps for Up-Close & Afar

  1. 1. brought to you by 10 Foot, 2 Inches Designing Apps for Up-Close & Afar hanerino
  2. 2. http://goo.gl/maps/yxVoV
  3. 3. milothedog
  4. 4. Designing for up-close & afar near far http://youtu.be/iZhEcRrMA-M
  5. 5. Where we were
  6. 6. Device Landscape
  7. 7. Myth: Mobile devices are for when people are mobile
  8. 8. 77%of mobile searches occur at home or work http://haner.in/mobilesearchmoments
  9. 9. “Don't confuse context with intent” globalmoxieJosh Clark https://vimeo.com/48327889
  10. 10. “…people are buying 8,000 cars a week on eBay’s mobile app” John Donahoe, eBay CEO http://haner.in/buy8000cars
  11. 11. Myth: Tablets are just an accessory
  12. 12. http://youtu.be/btfbIVGES1I
  13. 13. http://youtu.be/U7UlE-o8DQQ
  14. 14. 31%of American adults own a tablet computer http://haner.in/deviceownership
  15. 15. Myth: Television is just for watching
  16. 16. 77%of TV viewers use another device too http://haner.in/multiscreenworld
  17. 17. Shop, social, gamification, checkins
  18. 18. 22%of smartphone searches prompted by TV http://haner.in/multiscreenworld
  19. 19. Sequential & Simultaneous
  20. 20. Sequential Usage
  21. 21. 90%use multiple screens to sequentially accomplish a task http://haner.in/multiscreenworld
  22. 22. Seamless Experience
  23. 23. “The experience should transcend the device.” notasausageMe, right now
  24. 24. Simultaneous Usage
  25. 25. 57%of the time we use a smartphone, we use another device http://haner.in/multiscreenworld
  26. 26. Check-in
  27. 27. http://youtu.be/baFcUVyKZEw
  28. 28. Second Screen Design
  29. 29. What about TV?
  30. 30. http://haner.in/samsungtvselector
  31. 31. 10 Foot Experience
  32. 32. Calculating PPI http://dpi.lv/
  33. 33. Smart TVs 2 million 43 millionBecoming more and more relevant every day
  34. 34. Design for TV
  35. 35. Safe Zones
  36. 36. ❖ 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
  37. 37. Device or Brand?
  38. 38. Remotes
  39. 39. Samsung Blu-ray remote control
  40. 40. http://youtu.be/5C1nADiC6OE
  41. 41. http://youtu.be/EgyIFjGOtVc
  42. 42. http://haner.in/nbckinect
  43. 43. Layout
  44. 44. Colors
  45. 45. Research the Landscape
  46. 46. Review Current Standards & Patterns
  47. 47. Android Design Patterns http://haner.in/androiddesignpattern
  48. 48. Google TV Design Patterns http://haner.in/googletvpatterns
  49. 49. iOS Human Interface Guidelines http://haner.in/iosdevhig
  50. 50. Xbox Developer Network http://www.xbox.com/en-US/developers
  51. 51. Samsung TV User Experience Guidelines http://haner.in/samsungguidelines
  52. 52. Gathering & Creating Assets
  53. 53. http://www.teehanlax.com/tools/iphone/
  54. 54. Create your own documentation
  55. 55. Communicate
  56. 56. Testing
  57. 57. Samsung Smart TV SDK & Emulator http://www.samsungdforum.com/devtools/sdkdownload
  58. 58. Test on an Real Devices
  59. 59. Undiscovered Territory
  60. 60. brought to you by Thank you. hi@hanerino.com @hanerino

×