In this brave new world of XNA, we need to think about how our programs will look when displayed on televisions, as well as on computer monitors. One new issue to be aware of is the concept of the safe area. When your game runs on a console, the user's television may not show every pixel you render to the viewport -- some bits around the edges may get cropped. The amount that will be visible will vary, based on the model of television. Both standard-definition and high-definition TVs do this cropping, to about the same extent. The consensus rule that broadcasters and console programmers tend to follow is:
Note that you should still render your scene to the full viewport -- you just need to be aware that some users won't see those pixels near the edge, so don't rely on everyone being able to see what's out there. As a game programmer, the main takeaway is that you should layout your UI elements to be within the title safe area.
Video editing tools generally have a way to visualize the safe areas. I wrote up a quick helper class to do this in XNA. Not rocket science, I know, but you can grab this code and use it to check your game before releasing it to the teeming masses.
Here's the code:
Let's see how it works on Wendybrot...
Uh oh, call the TV police! I'm definitely drawing some text and UI elements too close to the edge of the viewport. If I were to ship this app as a real console title, I'd definitely want to move the text and the progress indicator wheel inward so they're in neither the red nor yellow zones.