What is the recommended use for all capitals titles? For example:
THIS IS A TITLE
.
The website http://camvine.com/ has all capital titles, e.g. MARKET SECTORS
.
Good, bad?
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this communityWhat is the recommended use for all capitals titles? For example:
THIS IS A TITLE
.
The website http://camvine.com/ has all capital titles, e.g. MARKET SECTORS
.
Good, bad?
It depends on how you are using it.
All caps can be the perfect choice when used correctly. The site you have referenced does look slightly odd to me, this could be because of the typeface itself. Certain typefaces such as Trajan Pro and Bebas consist of only all caps characters. These types of typefaces are usually used very successfully in headers and titles. The main issue here in your example is the current type being uses is not as suitable as others for all caps. A designer should be able to help you with this in your interface. They should be able to know the right way to pull it off and make it look professional.
Anyone use Photoshop CS4 or CS5? All of the predefined workspaces and windows use all caps and it works well here. It is used to help distinguish these elements from their content, which is in normal casing:
Update Visual Studio 2012 is using all caps to help distinguish the menu from the rest of the content.
Another example would be with movie posters. A majority of them use all caps titles very successfully. Google image search movie titles to see a good display of this. Book and magazine covers in at least half of the cases use all caps for titles. Again, I am not advocating to use it for plain text, but for titles and words or short phrases it can work out great.
Newspapers often us all caps for their titles:
Book covers (UX relevant):
The navigation of LukeW's site and the cover of one of his books:
Another resource from Typography for Lawyers states:
"All-caps text — meaning text with all the letters capitalized — is best used sparingly. That doesn’t mean you shouldn’t use caps. Just use them judiciously. Caps are suitable for headings shorter than one line (e.g., “Table of Authorities”), headers, footers, captions, or other labels. Caps work at small point sizes. Caps work well on letterhead and business cards. Always add letter-spacing to caps to make them easier to read, and make sure kerning is turned on."
UPPERCASE text is harder to read because the shapes of all the uppercase letters are all rectangular and users are not used to reading text that way. Therefore it is harder to scan, less efficient, and consequently a bad thing for readability.
See also this article from UXMovement: Why Text in All Caps is Hard for Users to Read. And quoting from that article also:
When is it okay to use all caps? All caps are fine in contexts that don’t involve reading, such as logos and acronyms. But when your message involves reading, don’t force users to read it with bad shape contrast. The caps lock key is a key that designer’s should rarely use. In emails, using all caps is a sign of bad manners. In design, using all caps is a sign of bad readability.
Miles Tinker, for his landmark work, Legibility of Print, performed scientific studies on the legibility and readability of all-capital print. His findings were as follows: All-capital print greatly retards speed of reading in comparison with lower-case type. Also, most readers judge all capitals to be less legible. Faster reading of the lower-case print is due to the characteristic word forms furnished by this type. This permits reading by word units, while all capitals tend to be read letter by letter. Furthermore, since all-capital printing takes at least one-third more space than lower case, more fixation pauses are required for reading the same amount of material. The use of all capitals should be dispensed with in every printing situation.
I hate to be this guy, but The W Blog has an article digesting some research suggesting that the presumed "letter shape" theory is incorrect on why CAPS LOCK is harder to read. It's a good article that cites real research you can delve into as deeply as you like, it suggests that the presumed reasons (letter shape ect.) for why UPPERCASE is hard to read are incorrect.
All capital (uppercase) letters are slower for people to read, but only because they aren’t used to them. Mixed case text is only faster to read than uppercase letters because of practice. Most of what you read is mixed case, and so you are used to it. If people practice reading text that is in all capital letters they can get to the point where they are reading that text as fast as they usually read mixed case.
Bottom line though, it is harder to read if only because it's uncommon, you're breaking the paradigm of how letters are meant to be cased. There may or may not be a shape-recognition related reason why UPPERCASE is inherently harder to read in a naive context, but in any real context it certainly seems to be so.
More subjectively it LOOKS TERRIBLE. You're drawing attention in an inappropriate way (it draws one's eyes almost as much as bold text) and, even more subjectively, it just "looks sloppy" and many users associate it with "stupid" internet commenters, advertisements and general bad writting. Just imagine if you got an email with the subject: RE:CLOUD BASED DIGITAL SIGNAGE. Looks like spam, doesn't it?
Old fonts were created in a single case, which is now considered to be capital letters. That's when tradition of writing all caps started and that's why people are using all caps fonts like Trajan to make "older" look to text.
We don't read each letter, we recognize words really fast by it's shape.
Some of letters are above baseline(i,k,l), some of them are below (g, q, p), some of them are wider (w, m), some of them are narrow(i, l). It all helps to create more recognizable shape and simplify reading.
Take a look at blured word "english" written in uppercase and lowercase. Which one is more readable for you?
I see only three reasons why uppercase text is used:
All caps is generally not in fashion in designs these days, except in some logotypes. There are arguments that can be made from a readability standpoint, but I think the reasons to avoid them on the Internet are as much cultural as they are technical.
First of all, computer systems that could only display capital letters existed for a while and so today all-caps text has an air of primitivism. On a similar note, there's also the stereotype that people who type in all caps are doing so because they are poor typists and using the Caps-Lock key. More sophisticated internet users utilize caps for emotions, e.g. "Wait a minute, WHAT THE HECK ARE YOU TALKING ABOUT!?!", so the indiscriminate use of them is mocked as "shouting".
On a slightly-tangential sidenote, I've found that reserving capital letters can give you an extra "style" to apply in addition to bold, italic, underline, etc. And it works in plain text. In fact, a programming language I use does not discriminate between upper and lower case, so in order to talk about language keywords one puts keywords like FOREACH or REDUCE in all caps in the middle of one's writing.
(StackOverflow fortunately has the ability to enclose code in backquotes to look like foreach
and reduce
, but this isn't always available elsewhere.)
Our alphabet is designed with distinct shapes for recognition, even the capitals. Readability isn't an issue, this is a question of typography and aesthetics. In this case it is a cleaner look to avoid descenders due to the rule placed below the title. I would recommend using a single font-size for the titles though, the variance in height makes it look unprofessional and works against the clean aesthetic you are trying to achieve with the caps and underscore.
Headings are a very different animal from body text, nearly approaching being graphic elements. Their larger size and shorter length offer much more styling latitude. Don't get hung up on the readability issue - that principle applies to long stretches of multi-line copy, and is not a law for all situations.
All caps headings can really look great, depending on the branding guidelines and type choices with which you're working.
This article explains that uppercase isn't necessarily harder to read, but just slower, due to us being used to reading with a mix of upper and lower cases in a sentence. But if upper case was used consistently, the speed of reading would be increased. It goes into a lot of detail about how we read, how many letters per minute and using our peripheral vision to scope out upcoming letters:
For readability full caps are generally not as good as traditional capitalisation. I wouldn't dismiss using full caps in some cases, but it needs to be carefully considered.
I dislike all caps, because they do feel like shouting - that is agressive and pushy. It is not a good thing on a web site, which I prefer to feel welcoming and friendly.
I can see that small caps, used carefully, could work, but only for short labels. But labels need to be read easily and quickly, so maybe not. The problem is that I am not sure of any situation where all capitals would serve the requirements best - for emphasis, there are other and better ways of doing this. For grabbing attention, there are better ways. So why would you use them with the negative connortations that it has.