INTERACTION DESIGN PRINCIPLES FOR INTERACTIVE ...
INTERACTION DESIGN PRINCIPLES FOR INTERACTIVE ...
INTERACTION DESIGN PRINCIPLES FOR INTERACTIVE ...
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
should be designed with the television experience in mind, while applications targeted at<br />
computer output should be designed with the Web experience in mind.<br />
Summarizing the analysis from this chapter, some key points and design<br />
recommendations include:<br />
TVs and computers have many display differences. When designing for either<br />
medium, pay attention to canvas size, aspect ratio, action or graphic safe<br />
areas, resolution, cropping, pixel shape, and scan rate.<br />
The NTSC TV display is different from standard computer VGA, requiring<br />
different color palettes and use of different fonts.<br />
Avoid highly saturated and very bright colors. In a graphics program, use<br />
NTSC safe settings and Web-safe palettes.<br />
Large, clearly defined regions of cool, desaturated colors work best for<br />
television.<br />
Choose appropriate fonts and type sizes for television and the Web. For<br />
example, on the television, avoid light weights or fonts with very narrow and<br />
broad strokes. Use simply constructed sans-serif fonts and use anti-aliasing to<br />
increase readability. If an application may be shrunk from a 16:9 ratio to fit a<br />
4:3 ratio, use text that is still large enough to be legible after shrinking.<br />
Use design elements such as color, typography, and layout to guide users’<br />
attention and script their interactions appropriately.<br />
To compensate for the distortion that occurs when the same image appears<br />
horizontally stretched on an NTSC compared to a computer screen due to the<br />
difference in pixel size, design work on a computer should be done on a file<br />
that is 768 x 576 pixels.<br />
110