Parallel Narrative

Parallel narratives are sections of content that includes valuable, relevant information that just doesn’t quite fit with the flow of the rest of your content and therefore needs to be visually distinguished to help the reader understand that you’re taking a little detour.

Examples

Parallel Narrative with a custom border

<div class="stk-snippets-teeth-border stk-container" data-ce-tag="container" data-container-name="Teeth border">
  <div class="stk-grid stk-theme_00000__mb_0" data-ce-tag="grid">
    <div data-col-width="1" class="stk-grid-col" data-ce-tag="grid-col">
      <h3 data-ce-tag="paragraph" class="stk-reset stk-theme_00000__style_medium_header align-left">Solomon R. Guggenheim Museum</h3>
      <p data-ce-tag="paragraph" class="stk-reset stk-theme_00000__style_small_text align-left">1071 Fifth Avenue at 89th Street, Manhattan, New York City</p>
    </div>
    <div data-col-width="3" class="stk-grid-col stk-grid-col_last" data-ce-tag="grid-col">
      <p data-ce-tag="paragraph" class="stk-reset">The <strong class="stk-reset">Solomon R. Guggenheim Museum</strong>, often referred to as The Guggenheim, is an art museum located at 1071 Fifth Avenue on the corner of East 89th Street in the Upper East Side neighborhood of Manhattan, New York City. It is the permanent home of a continuously expanding collection of Impressionist, Post-Impressionist, early Modern, and contemporary art and also features special exhibitions throughout the year. The museum was established by the Solomon R. Guggenheim Foundation in 1939 as the Museum of Non-Objective Painting, under the guidance of its first director, Hilla von Rebay. It adopted its current name after the death of its founder Solomon R. Guggenheim in 1952.</p>
    </div>
  </div>
</div>
<p class="stk-reset ce-element--empty stk-element_no-text"></p>

Content Experience Impact

Designing your parallel narratives in a distinct way improves content comprehension and scannability by making it easy for readers to understand that you’re straying a bit from the regular content so they can choose whether to dive in or easily skip the section and read on. When designed in an interesting way, these separate narratives can also help break up the page and provide visual interest, making your work more engaging.

Dos

Don'ts

Learn More

Building Nonlinear Narratives for the Web A List Apart

Extra Inspiration

Last updated

Was this helpful?