[Resource] Google TV Design Guidelines: Useful tips for 10-foot Interfaces
#1
Image

GOOGLE DESIGN GUIDELINES FOR GOOGLE TV
Some great information regarding 10-foot user interfaces, should prove useful for anyone designing a skin for XBMC...

Quote:Make text easy on the eyes

For TV, avoid lightweight fonts or fonts with both very narrow and broad strokes. Use simply constructed sans serif fonts and apply anti-aliasing to increase readability.

Limit paragraphs to no more than 90 words.
Break text into small chunks that can be read at a glance.
Keep line length at about 5-7 words per line. Never go shorter than 3 or longer than 12.
Remember that light text on a dark background is slightly easier to read on TV (compared to dark text on a light background).
Target body text to be around 21pt on 720p and 28pt on 1080p.
Don't use any text smaller than 18pt on 720p and 24pt on 1080p.

Add more leading (larger line spacing) for onscreen text than print text.

Color Guidelines

TV screens have higher contrast and saturation levels than computer monitors. Here are guidelines for working with solid colors:

Use pure white (#FFFFFF) sparingly. Pure whites cause vibrancy or image ghosting in TV displays. Instead use #F1F1F1 or 240/240/240 (RGB).
Bright whites, reds, and oranges cause particularly bad distortion.
Be conscious of various display modes that TVs may have. These include Standard, Vivid, Cinema/Theater, Game, etc. Be sure to test your web pages in all these modes.
Be conscious of using large spanning gradients, it may result in banding if not properly tested.
Test on lower quality displays which may have poor gamma and color settings

Bonus, Thanks to Phil65...
(May seem a little outdated, but all the ideas and tips are still very relevant)




Reply
#2
something similar: http://channel9.msdn.com/Events/MIX/MIX06/BTB029
Donate: https://kodi.tv/contribute/donate (foundation), 146Gr48FqHM7TPB9q33HHv6uWpgQqdz1yk (BTC personal)
Estuary: Kodis new default skin - ExtendedInfo Script - KodiDevKit
Reply
#3
(2012-10-20, 18:44)phil65 Wrote: something similar: http://channel9.msdn.com/Events/MIX/MIX06/BTB029

I can't believe this video was recorded over 6 years ago, and yet their ideas and tips are still very relevant. Added it to the first post, thanks.
Reply
#4
The article on Wikipedia have many references http://en.wikipedia.org/wiki/10-foot_user_interface
Reply
 
Thread Rating:
  • 0 Vote(s) - 0 Average



Logout Mark Read Team Forum Stats Members Help
[Resource] Google TV Design Guidelines: Useful tips for 10-foot Interfaces00