Highlighting

A technique for bringing attention to an area of text or image.

Highlighting is an effective technique for bringing attention to elements of a design. If applied improperly, however, highlighting can be ineffective, and actually reduce performance in these areas. The following guidelines address the benefits and liabilities of common highlighting techniques. id="footnote118a"> class="nounder totri-footnote" href="https://www.safaribooksonline.com/library/view/universal-principles-of/9781592535873/xhtml/ch57_fn.html#footnote118">1

General

Highlight no more than 10 percent of the visible design; highlighting effects are diluted as the percentage increases. Use a small number of highlighting tech-niques applied consistently throughout the design.

Bold, Italics, and Underlining

Use bold, italics, and underlining for titles, labels, captions, and short word sequences when the elements need to be subtly differentiated. Bolding is generally preferred over other techniques as it adds minimal noise to the design and clearly highlights target elements. Italics add minimal noise to a design, but are less detectable and legible. Underlining adds considerable noise and compromises legibility, and should be used sparingly if at all. id="footnote119a"> class="nounder totri-footnote" href="https://www.safaribooksonline.com/library/view/universal-principles-of/9781592535873/xhtml/ch57_fn.html#footnote119">2

Typeface

Uppercase text in short word sequences is easily scanned, and thus can be advantageous when applied to labels and keywords within a busy display. Avoid using different fonts as a highlighting technique. A detectable difference between fonts is difficult to achieve without also disrupting the aesthetics of the typography.

Color

Color is a potentially effective highlighting technique, but should be used sparingly and only in concert with other highlighting techniques. Highlight using a few desaturated colors that are clearly distinct from one another.

Inversing

Inversing elements works well with text, but may not work as well with icons or shapes. It is effective at attracting attention, but adds considerable noise to the design and therefore should be used sparingly.

Blinking

Blinking—flashing an element between two states—is a powerful technique for attracting attention. Blinking should be used only to indicate highly critical information that requires an immediate response, such as an emergency status light. It is important to be able to turn off the blinking once it is acknowledged, as it compromises legibility, and distracts from other tasks.

See also Color, Legibility, and Readability.

id="ch57lev1sec1"> id="page_127">GENERAL

id="ch57lev1sec2">BOLD, ITALICS, AND UNDERLINING

src="https://www.safaribooksonline.com/library/view/universal-principles-of/9781592535873/images/f0127-00.jpg" alt="image" width="550" height="58" data-mfp-src="/library/view/universal-principles-of/9781592535873/images/f0127-00.jpg" />

id="ch57lev1sec3">TYPEFACE

id="ch57lev1sec4">COLOR

id="ch57lev1sec5">INVERSING

src="https://www.safaribooksonline.com/library/view/universal-principles-of/9781592535873/images/f0127-01.jpg" alt="image" width="450" height="73" data-mfp-src="/library/view/universal-principles-of/9781592535873/images/f0127-01.jpg" />