11

Being an amateur programmer and a bit of a perfectionist, I often find myself wondering about capitalization in user interfaces.

If you look towards the top of this very website, you'll notice the links under the "English Language & Usage" banner are all capitalized. Every word, in fact; not just the first word of every link. However, the ones at the very top of the page ("log out," "chat," etc.) have no capitalization.

What is the correct form?

Furthermore, when describing the buttons in a manual, should they be capitalized as if they were proper nouns? For example:

Navigate to the "First Example" pane and click the arrow next to "Second Example." This will bring up a dialog. Now click "Third Example" to perform the task.

7

4 Answers 4

8

I would go with Stacker's answer. As per the Manual of Style for Technical Publications (MSTP), which is strictly followed by all of Microsoft's manuals, software applications etc., title case uses uppercase for every word in the title except prepositions, conjunctions and articles.

Prepositions that have more than 5 letters such as "During" and "Through" should also be capitalized. Articles that appear in the beginning of a sentence should obviously be capitalized.

Words that appear after colons/semicolons are capitalized as well.

Hyphenated words are capitalized based on consistency. For example, if you start out with "Non-company", you retain the lowercase for 'c' throughout the manual/application. If you start out with "Non-Company", you capitalize the 'C' throughout the manual/application. However, Web 2.0 has broken many of these standards and "log out" has also become acceptable. Ideally it should be "Log out".

1
  • Do you have a link to the MSTP?
    – CesarGon
    Jan 15, 2011 at 19:05
5

Capitalization does not only apply to menu items, it is usualy part of a style guide which describes almost all elements of a user interface. Microsoft Styleguide

Another one for KDE

3

There is no correct form. If you are used to UNIX and C programming, you might be tempted to make your site look like craigslist.org did in its early days. You can do whatever you like.

2
  • Could you provide an example of what craigslist was like back then? Feb 26, 2016 at 15:15
  • @Felix Dombek Yes, craigslist in the early days looks much like craigslist today (2017). Initially it was lowercase for almost everything. Later, if I recall correctly, they started to use more capitals. Then they went back to lowercase for almost everything.
    – H2ONaCl
    Jul 12, 2017 at 6:12
0

Microsoft has made a page for a very quick overview and "cheat sheet" concerning capitalization of UI elements:

MSDN Common UI Controls and Text Guidelines: Capitalization

1
  • But this only applies for Microsoft products. Google, Apple, and basement-dweller-who-goes-by-Zornox may have their own guidelines. There is no single standard for the "correctness" of capitalization styles in UI elements.
    – choster
    Feb 26, 2016 at 15:19

Not the answer you're looking for? Browse other questions tagged or ask your own question.