Your SlideShare is downloading. ×
10 foot 2 inches: Designing Apps for Up-Close & Afar
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

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

1,026
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 …

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

0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,026
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
16
Comments
0
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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