The Mario Blog
Subheads are effective mini navigational engines

For impatient scanners who sweep through the pages with a huge appetite for information, and little time, subheads are like sweet M&Ms on a plate—-irresistible.

blog post image

TAKEAWAY: Break up the text and advance the story. Some newspapers, such as Salzburger Nachrichten (Austria), and Daily Xpress (Thailand), above, colorize subheads for greater visual impact.

Behold the subhead, that most minuscule of all navigational tools in the designer’s box, but, alas, how effective to allow for “finger reading” as today’s fast paced and impatient readers decide to move around the content of a story at their pace, sort of “I already know the first part of the story, so let me jump to this next segment, which appears interesting.”
The Germans call their subheads “zwishentitels”, the Spanish “entretitulos” and in Latin America they are referred to as “ladillos”. No matter, subheads are the ultimate navigational tool, placed just at the transitional point of the story, where they pull the reader into the next segment.
Especially in longer text—-more than 25 inches—-but not necessarily limited to that length, subheads are exactly the right formula to get us from here to there within a story. So, if you are in the middle of a long analysis of the outcome of the US Democratic Primary election, suddenly you read the subhead that reads: What next for Hillary?

Your finger leads you to that one spot, alerts your eyes, and you continue reading, or perhaps you begin reading the story there. We notice in EyeTrack research, that today’s reader is anything but disciplined. He/she may read a headline, skip the introductory part of the story, and move right to where that subhead signals an interesting or provoking segment of the story.
In that sense, well placed, well written subheads are sort of like huge rocks in the middle of a lake, allowing you to jump from one spot to the other.
How to write subheads? Treat them as mini headlines, but keep it simple: one line subhead works better than two.
How to design them? Make them at least one point larger than the size of the text in the story, but two points is even better. Make them bold, and I prefer them in a striking sans serif font, for contrast.
And, please, allow two lines of white space above them, since the finger must be able to find these little gems of information, and the white space helps.
FREQUENTLY ASKED QUESTION: Is the use of big capitals in the middle of text as effective as a subhead.Not at all. Subheads convey information, move the story along and guide the scanner to a certain spot, while initial letters are mere decoration, lacking any utility.
WHERE IS MARIO: Working in Tampa all week.

Blog Post11.21.2017—1am
So 2017 was really NOT the year of video……
Blog Post11.20.2017—1am
The New York Times: the Spanish weekly
Blog Post11.17.2017—5am
Paywalls, storytelling highlight Latin American conference
Blog Post11.15.2017—5am
In Argentina: the hot topic is “paywalls”
Blog Post11.14.2017—1am
The NY Times’ Jobs Classified: Really?
Blog Post11.13.2017—1am
At The New York Times: a kids section on Sunday
Blog Post11.10.2017—12am
“I read it on Facebook.”
Blog Post11.09.2017—12am
The flow of a breaking new story in the mobile era
Blog Post11.08.2017—12am
When content hits the spot
Blog Post11.07.2017—12am
When hierarchy makes a statement
Blog Post11.06.2017—12am
When the advertising wraps around
Blog Post11.03.2017—1am
New Hebrew fonts from Typotheque
Blog Post11.02.2017—1am
Favorite branding logos? No surprises
Blog Post11.01.2017—7am
A New York terrorist attack on the front pages
Blog Post—1am
White (space) is the new trend for print
Blog Post10.31.2017—1am
Turkey: the jailing of an art director
Blog Post10.30.2017—1am
Need a job?
Blog Post10.27.2017—2am
The Economist & Snapchat Discover: Respecting young audiences
Blog Post10.26.2017—2am
The Wall: Get ready for the prototypes
Blog Post10.25.2017—5am
The New York Times’ website redesign: less is best and, please, sign in
Blog Post10.24.2017—5am
At The Washington Post, The Lily hits its own chords
Blog Post—5am
The Lily: new Washington Post product hits its own chords
Blog Post10.23.2017—1am
Coloring opinions
Blog Post10.20.2017—1am
Digital Media Conference: First Day highlights
Blog Post10.19.2017—6am
Speaking today at the North America Digital Media Conference
Blog Post10.18.2017—1am
Long narratives still have a coveted place
Blog Post10.17.2017—1am
Some good print-related news
Blog Post10.16.2017—1am
Digital Transformation: no newsroom is too small to attempt it
Blog Post10.13.2017—12am
WAN IFRA: the best of digital awards
Blog Post10.12.2017—12am
Taking your brand to where the young audience is: Instagram
Blog Post10.11.2017—1am
Multitaskers consume more media
Blog Post10.10.2017—12am
Germany’s Sūdkurier: workshops for digital transformation
Blog Post10.09.2017—1am
In Spain’s El Mundo: native ads
Blog Post09.29.2017—1am
For newspaper publishers, not much to sing about?
Blog Post09.28.2017—1am
Interesting reference about new digital story formats
Blog Post09.27.2017—1am
It’s a new mobile-focused redesign for
Blog Post09.26.2017—1am
Three things that caught our eye
Blog Post09.25.2017—1am
Paywalls & newspapers: from leaky to hard ones, and in between
Blog Post09.22.2017—4am
Mexican earthquake: front pages tell the story
Blog Post09.21.2017—1am
Saying adios to The Village Voice in print
Contact us with speaking requests, questions or to discuss a project.