Size Matters: Designing Connected Experiences for 10-feet + Beyond

  1. Smart TVs
  2. Blu-Ray Players
  3. Streaming Devices
  4. Gaming consoles

Design principles for large screen

  1. Connect your users with content.
  2. Integrate the application into your brand’s eco-system.
  3. All of these applications should be simple, both in terms of content and expectations.
  4. Keep your application lightweight.

Five Common Pain Points

1. Information Density

© Android Design Guidelines

2. Margins + Safe Zones

Safe Zone

3. Colors

  • Don’t overuse white. Try slight off-whites and grays, to avoid “halo effects.”
  • Cool colors (blue, purple, gray) bleed less than warmer (red and orange) ones.

4. Reading + Typography

  • Break text into small, digestible chunks.
  • Avoid Lightweight fonts.
  • Never, ever, ever use type below 24px!

5. Navigation

Common Remote Control Patterns

Make navigation simple and obvious.

Navigation should be simple. Up, down, left + Right
Hint Navigation off-screen

The platforms, today

http://www.parksassociates.com/blog/article/pr-05172016
http://www.telecompaper.com/news/media-streaming-device-sales-up-32-to-42-mln-in-2015--1132434
  • Standard UI Patterns
  • Device Type Standards
  • Default Settings flows and screens
  • Unique Keyboards
  • Navigation patterns

Diving into the devices

Roku

Roku Interface

Apple TV (tvOS)

Apple TV

Fire TV

Fire TV Interface

Android TV

Android TV Interface

Samsung TV

Samsung TV Interface

Gaming Consoles

Microsoft Xbox

Microsoft Xbox Interface

Sony Playstation

Sony Playstation Interface

--

--

Artist, designer of visuals and connected experiences @Slalom, raconteur, and all around cool cat.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Mark Wolfe

Mark Wolfe

Artist, designer of visuals and connected experiences @Slalom, raconteur, and all around cool cat.