10-foot 2 inches: designing apps for up-close & afar with jenna marino, patrick haney
DESCRIPTION
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
brought to you by
10 Foot, 2 InchesDesigning Apps for Up-Close & Afar
brought to you by
10 Foot, 2 InchesDesigning Apps for Up-Close & Afar
hanerino
Designing for up-close & afar
near
far
http://youtu.be/iZhEcRrMA-M
Designing for Up-Close & Afar
❖The (Device) Landscape
❖Assumptions & Realities
❖Device & Design Patterns
❖The Design Process
Where we were
http://haner.in/firstcellphonecall
http://pic.twitter.com/HYzIa6YiPQ
Primary & Secondary Devices
+ +
+
Designing for Up-Close & Afar
❖The (Device) Landscape
❖Assumptions & Realities
❖Device & Design Patterns
❖The Design Process
Myth: Mobile devices are for when people
are mobile
77%of mobile searches occur at home or work
http://haner.in/mobilesearchmoments
Myth: Tablets are just an accessory
31%of American adults own a tablet computer
http://haner.in/deviceownership
Myth: Design for 1024 x 768 or 320 x 480
Range of computer screens
Range of computer screens
Myth: Television is just for watching
77%of TV viewers use another device too
http://haner.in/multiscreenworld
22%of smartphone searches prompted by TV
http://haner.in/multiscreenworld
“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/8000cars
Sequential & Simultaneous
Sequential Usage
90%use multiple screens to sequentially accomplish a task http://haner.in/multiscreenworld
Simultaneous Usage
Second Screen
Input Methods
Other Input Methods
Samsung Blu-ray remote control
Samsung Blu-ray remote control
Resolution Differences
http://www.apple.com/macbook-pro/features-retina/
164 326 264163
PPI
What about TV?
http://haner.in/samsungtvselector
Calculating PPI
Calculating PPI
Calculating PPI
Calculating PPI
http://members.ping.de/~sven/dpi.html
Designing for Up-Close & Afar
❖The (Device) Landscape
❖Assumptions & Realities
❖Device & Design Patterns
❖The Design Process
Device or Brand?
Following Device Design Patterns
http://rdio.com
Being Unique
Designing for Up-Close & Afar
❖The (Device) Landscape
❖Assumptions & Realities
❖Device & Design Patterns
❖The Design Process
Research the Landscape
Competitive Analysis
Review Current Standards
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 Assets
http://www.teehanlax.com/tools/iphone/
Cross-Platform Design
“The experience should transcend the device.”
notasausageMe, right now
Styleguides
Create Seamless Experiences
Designers should know how to code.
Designers should understand what’s
possible.
Talk to each other.
Testing
South Henrietta Institute of Technology
Samsung Smart TV SDK & Emulator
http://www.samsungdforum.com/devtools/sdkdownload
Use Real Devices
http://clearleft.com/does/test-lab
Documentation (and lack-therof)
Create your own
Undiscovered Territory
brought to you by
Questions?Slides available on SpeakerDeck:http://speakerdeck.com/notasausage