Published on <a href="http://ift.tt/2rCRrxm">| Prototyping: From UX to Front End &mdash; Medium</a> Dominic Warren <img alt="" src="http://ift.tt/2qEsHaM">
How we read on the web is becoming more and more understood. Gone are the days of sparkly “Word art” and wild coloured backgrounds (<a href="http://www.dpgraph.com/">although not entirely</a>). User research and user experience (UX) design is encouraged to explore further. However, there’s long been an argument between using title case or sentence case.
When writing for the web your titles and headings are one of the most important things you need to consider. But it’s not just what you write for your titles, but how they’re written. There’s pros and cons for both sentence and title case — but it’s also worth considering how readers perceive these within the context of the format. The format of your content must be consistent if you want clear readability.
<h3>Sentence case</h3>
Sentence case is when only the first letter of the first word in a title (and any proper noun) is capitalised, such as:
<blockquote>“This is a sentence case title”</blockquote>
The use of upper case throughout words affects the shape of the word. Some believe that, when reading, the shape of the word is what we actually recognise. In<a href="http://ift.tt/2njQc8d"> one study, researchers presented the subjects with a series of real words and made up words</a>. The made up words elicited responses from a wide pool of neurons in the brain, while distinct groups of neurons responded to real words. After subjects were trained to recognise the made up words, neurons responded as they did to real words.
However, some believe it’s a myth that the shape of the word affects how we read. A <a href="http://ift.tt/1gubeYx">study by Kenneth Paap (1984) and Keith Rayner (1998)</a> revealed that when we read, we recognise and anticipate letters. Based on those letters we then recognise the word.
Sentence case is also more like how humans communicate. We don’t use title case for texts, emails and letters.<a href="http://ift.tt/2rCRs4o"> Your writing on the web should be conversational and approachable.</a> Writing as humans naturally do is a good way of doing this. <a href="http://ift.tt/2qExkl2">If your writing doesn’t feel natural or approachable it distances the reader.</a> It should be written how you speak, only better — editing the phrases to be succinct and precise.
It’s lack of authority means sentence case may not be considered “serious” enough for a certain theme of content. Also, title case clearly defines the line of content as a heading. If headings aren’t made clear enough it may not draw the eye in the same way title case does.
<h3>Title case</h3>
Title case is when the first letter of each word is capitalised, such as:
<blockquote>“This Is A Title Case Title”</blockquote>
Considered traditional, title case is generally associated with authority and importance. It’s mostly used for newspapers and <a href="http://ift.tt/1It8NOc">academic publications</a>. Front loaded, meaningful headings within content are one of the ways <a href="http://ift.tt/1Zf0d01">we navigate a page</a>. Headings within bodies of text that use title case draw the reader’s eye and provides emphasis.
One problem with title case is knowing what to capitalise. Some people capitalise the first letter of every word. This is OK until it starts creeping throughout the page, overwhelming the content. Lots of capitalisation, especially<a href="http://ift.tt/1oaHdNQ"> all capitals, also reduces legibility</a>.
However others don’t capitalise words with 3 letters or less, or determiners, such as:
<ul>
<li>the</li>
<li>of</li>
<li>for</li>
</ul>
This can get confusing for writers who aren’t sure, but also the <a href="http://ift.tt/1qmbUlN">lack of consistency can disrupt the reader</a>. Consistency isn’t just about the tone and voice. The way it’s written is important because that’s what the reader sees first. Also, we don’t read in a expected, fluid way — we <a href="http://ift.tt/2oj4ItJ">saccade</a>. This means the eye moves rapidly, flitting from one point of the page to the other in no particular order.
<img alt="" src="http://ift.tt/2qEzm4S"><a href="http://ift.tt/2oj4ItJ">Definition of saccade by Merriam-Webster.</a>
Having clear titles helps engage the reader’s saccade — this is called dominance. <a href="http://ift.tt/1UJr1Wu">Dominance is a web design principle.</a> Using varying levels of headings — for example h1, h2, h3 — allows the user to instinctively understand the hierarchy of the page.
<h3>In summary</h3>
Both title and sentence case have their benefits. Their use is more applicable in some contexts rather than others because the reader considers them differently.
However, for me, sentence case is better. Its cleaner, clearer and neater on the page. Title case is better for printed newspapers and headlines. But, for writing for the web, sentence case is more appropriate because of how people read online and it’s more conversational manner.
<a href="http://ift.tt/2qExjgY">The most important thing to remember is consistency</a>. To reflect your decision on title or sentence case produce a style guide for your brand or service. Make sure the style guide is referred to and used throughout the product. Inconsistencies are more distracting, and more obvious than you might think, for the reader.
<iframe src="http://ift.tt/2kZ4o5P" width="800" height="400" frameborder="0"><a href="http://ift.tt/2pIip9S">http://ift.tt/2pIip9S</a></iframe><img src="http://ift.tt/2rCBo2K" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="http://ift.tt/2qEpwQv">Sentence case or title case?</a> was originally published in <a href="http://ift.tt/2cAqCpx">Prototyping: From UX to Front End</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Sentence case or title case?

Top Stories