Re: Typographical treatment of GUI components

Subject: Re: Typographical treatment of GUI components
From: Jan Henning <henning -at- r-l -dot- de>
To: "TECHWR-L" <techwr-l -at- lists -dot- raycomm -dot- com>
Date: Mon, 14 Jul 2003 11:24:38 +0200


One exception being that we don't give GUI
components (commands on menus and buttons, window and dialog
box titles, etc.) any special typographic treatment. In
other words, no bolding. We do replicate the spelling and
casing of these components.

Years ago, we decided that the extra work required didn't
create a proportional value. We also felt that the resulting
text looked blotchy and was less readable.

In manuals, there needs to be a way to differnetiate interface elements from normal text. (In English, you can sometimes get away with not differentiating them because of their uppercase initials. This does not work in most other languages, however.)

There are two basic techniques of marking interface elements:
- quotes
- typographic convention

We've looked into both and found that - at least for our texts, which tend to be heavy on interface elements - quoting each one gave the text a broken appearence and seemd to make reading it harder.

The same goes for bolding them, because bold text is usually looked at first. Again, readability appeared to suffer. (I'm saying 'appeared' because we did no formal tests but relied solely on our own impression.)

We finally settled on making the elements italic. Italic has the advantage of having the same 'grayness' as the standard (roman) text, or at least a very similar one. This means that the text looks less broken and is easier to read, while the interface elements are still clearly marked.

Small caps might offer similar advantages.

Regards
Jan Henning

--------------------------------------------------------------------
Jan Henning
ROSEMANN & LAURIDSEN GMBH
Am Schlossberg 14, D-82547 Eurasburg, Germany

Phone: +49 700 0200 0700, Fax: +49 8179 9307-12
E-Mail: henning -at- r-l -dot- de, Web: www.r-l.de
--------------------------------------------------------------------


^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

ANNOUNCING ROBOHELP STUDIO
Create professional Help systems that feature interactive tutorials and
demos with all new RoboHelp Studio. More at http://www.ehelp.com/techwr-l2

Mercer University's online MS Program in Technical Communication Management:
Preparing leaders of tomorrow's technical communication organizations today.
See www.mercer.edu/mstco or write George Hayhoe at hayhoe_g -at- mercer -dot- edu -dot-
---
You are currently subscribed to techwr-l as:
archive -at- raycomm -dot- com
To unsubscribe send a blank email to leave-techwr-l-obscured -at- lists -dot- raycomm -dot- com
Send administrative questions to ejray -at- raycomm -dot- com -dot- Visit
http://www.raycomm.com/techwhirl/ for more resources and info.



References:
Typographical treatment of GUI components: From: David Chinell

Previous by Author: What .pdf does work well for - was: Re: Nielsen frags PDF...
Next by Author: Re: This file is protected...
Previous by Thread: Re: Typographical treatment of GUI components
Next by Thread: Techwriting style, speech patterns, etc.


What this post helpful? Share it with friends and colleagues:


Sponsored Ads