27 Oct / 2010 830 views

Website Design For Google TV: Learn The Tricks, Tips and Trends

Posted by : Under : Website Design Services 6 Comments

Google is now having an all-pervasive presence in both virtual and physical worlds. It is in your office, in your home, in the roads (Google Street View) and by making a foray into the Television industry, it has sneaked into your bedroom. Now, do not hate it for doing so because Google is redefining the very concept of Home entertainment as well as website design, and users are getting a thundering opportunity to surf between TV and web content and that even at real time.

Opportunity and Challenges
The synchronization of TV content and web content has definitely heralded a new era in but it has at the same time opened us Pandora ’s Box, since designers are going to face a barrage of troubles to make a website looks impressive even when it is being viewed in TV. Though it is relatively a new area of work, you need to arm your website with adequate ammo so it can face the challenges of the coming generation with equal ease.

Area of Focus
Since TV viewers sit far from the TV screen, you might find it hard to make your website readable at that distance. Navigation is another segment where troubles are expected to surge since just putting links on the right side panel would not work here at all. Here are some other issues that you need to focus:

  • Blank space between different elements has to large enough so that viewers can figure out the difference between them without making any strenuous effort. This typically known as white space or padding and you need to be a little particular while using white space your website for TV.
  • Use large fonts and graphics so that viewers can recognize them even when they are viewing it from long distance.
  • Since wide screen monitor comes with a large and usable horizontal space, it is always better to feature navigation in the side, as it will help you place important elements horizontally.

Layout is another important area where you need to give utmost attention. Since TV screen contains a limited number of pixels, you need to be a bit cautious while using images in your website.

Make It Easy On the Eyes
Try to shun lightweight text or narrow text. Instead, keep your faith on simple sans serif font and apply anti-aliasing in order to increase readability. It is good to make a choice between Droid Serif and Droid Sans font families, since both of them are supported by Google TV.

  • Font embedding techniques can be adopted for further customizing users’ experience.
  • Try to sum up a line within 5 to 7 words. Do not make it longer than 12 words.
  • Break long text into small chunks.
  • Use light text on dark background.
  • Paragraphs should not exceed 90 words.

Color Guidelines
Compared to computer screen, TV screen have higher saturation and contrast level and therefore, you need to maintain some guidelines to make your website look impressive and unique:

  • Do not use bright colors since they can cause strain on eyes and can get distorted at times.
  • Be sure to test your website in different TV modes such as Games, Vivid, Standard, Theater etc.
  • Try to use pure white sparingly. Instead, you can use 240/240/240 (RGB) or #F1F1F1.
  • Test your website on lower quality displays.

Limit scrolling
It is a fact that Google TV does not scroll down seamlessly and smoothly and therefore, try not to feature large content in your website.

Know The Safe Area
Every TV has a safe area i.e. an area that is surrounded by a small amount of screen space. If you place anything beyond this safe area, it will not be displayed. Therefore, try to keep 10% margin at each of these resolutions:

  • 1920×1080 resolution, recommended width is 1728×972
  • 1280×720 resolution, recommended width is 1152×648

Keep navigation Simple
Since people watch TV to relax, you should stop playing with the navigation system. Make it dead simple.

WebGuru Infosystems

WebGuru Infosystems

Visit our blog section to get an insight on most recent updates & news about logo design; mobile app; website development; digital marketing, etc. Check out for latest tips!


  1. Guest says:

    Thank a lot. nice articel easy to understand

  2. net says:

    As a website resource for organizations and technologies enthusiasts to comply with the latest and greatest progress in Unified Communications, IP Telephony, Hosted Communications and VoIP.

  3. Guest says:

    This post is really sweetest on this notable topic. I harmonise with your conclusions and will thirstily look forward to your incoming updates. Keep posting good blogs. Thanks.

  4. Guest says:

    I precisely wished to say thanks all over again. I do not know the things I would have followed in the absence of the entire information shared by you over this question. It previously was a frightening difficulty in my position, however , viewing a specialised approach you resolved the issue took me to leap for joy. I’m grateful for this support and as well , hope that you find out what a powerful job you are undertaking educating the rest through your blog post. I’m certain you haven’t come across any of us.

  5. Galvanni says:

    Actually your creative writing abilities has inspired me to begin my personal blog. Truly blogging is spreading its wings rapidly. Your article may be a fine illustration showing it.

  6. Guest says:

    That is the suitable blog for anyone who wants to search out out about this topic. You notice a lot its almost hard to argue with you (not that I really would want…HaHa). You undoubtedly put a new spin on a subject thats been written about for years. Nice stuff, simply nice!

Leave a Reply

Business growth ebook
Mobile app development ad
Website design ebook
Contact  Us