Long Page Example

About this page

This page has several of the techniques discussed in the Nielson Norman article, "5 Formatting Techniques for Long-Form Content". There is a summary at the top of the page, a table of contents added, bullet points and bolded text used for emphasis. Read the full Nielson Norman article to learn more about how your planning of content can also help you with long pages, as they may be avoided altogether with a strong content strategy. But, sometimes a long pages are necessary. This page covers some ideas on how manage and present this information.

For managing pages on the backend of Drupal, please review the how-to for strategies and tips for managing large amounts of content in Layout Builder

Summary

A short summary that succinctly gives visitors to the page a good idea of what they can get out of the page. quidem reddes; Quod cum ille dixisset et satis disputatum videretur, in oppidum ad Pomponium perreximus omnes. Quis enim potest istis, quae te, ut ais, delectant, brevibus et acutis auditis de sententia decedere? Hoc mihi cum tuo fratre convenit. Apparet statim, quae sint officia, quae actiones. Bork Itaque ad tempus ad Pisonem omnes.

On this page

Sit excepturi optio et vero veniam.

Lorem ipsum dolor sit amet. Sed voluptate placeatEos nihil et repellat doloremque ut praesentium temporibus et dolorem accusamus ut reprehenderit consectetur aut iure voluptatum. Sit numquam molestiaeId delectus 33 eaque exercitationem. Sed maxime eius est distinctio inventorequi dolor ad ducimus laboriosam. Eum similique mollitia vel rerum necessitatibus Et dolor est illum ipsum non nihil quia sed nobis rerum. Cum pariatur minusEa quaerat non velit dicta vel amet omnis ut consequatur fugiat est vero nihil. Est consequatur laudantiumUt eius rem quis voluptatem est iusto rerum et distinctio architecto non voluptatum quae aut dolore accusantium. Et beatae culpaUt temporibus in officia exercitationem et tempore ratione hic earum odit et porro cumque eum culpa eaque. Ad aliquam quae et accusantium suscipitEst blanditiis. Nam fugit quidemVel nihil sit vitae incidunt est necessitatibus autem.

Ea porro dolores est suscipit dolores et numquam corrupti?

Eos vitae dolorumNam galisum est corporis officia sed quaerat dolor. Est dolorem dicta et labore iste33 quia? 33 similique laborum eum aliquam quia Et similique nam nisi corrupti non placeat iusto qui provident molestiae. Aut deleniti eiusEst ipsam qui facilis esse qui voluptate suscipit vel provident impedit id internos neque quo expedita nisi! Ut quos voluptateEt ullam ut veniam culpa ab neque veritatis.

Sed tempora dignissimos sed ipsa deleniti.

Aut iure nisiEt incidunt non fuga quia! Aut laborum autemEos veritatis est velit dolorum eum molestias quos hic ipsam nostrum At itaque soluta eum accusantium ipsam? At dolorem blanditiis et veritatis quam Et dolore sit blanditiis ratione sit dolorem doloribus ut voluptate numquam. Non natus voluptatem in minus cupiditateEt quidem 33 reiciendis eaque aut aliquid eaque ut galisum obcaecati qui natus velit. Ut quae enim ut quia voluptatemEt iste est autem inventore in velit debitis aut distinctio harum qui iure aliquid.

  1. In quia voluptatem sit nemo eius est molestiae accusantium ut totam dolor.
  2. Qui debitis doloribus non voluptatibus iste quo minima neque est galisum eligendi.
  3. Et exercitationem repellat vel excepturi natus est magni reprehenderit.
  4. Ex numquam consequatur ea odio nisi et architecto eveniet.
  5. Ex iusto consequatur et eligendi suscipit?

Non libero iste ad voluptas alias eos modi omnis.

Eum nesciunt rerum Est velit est dolores velit ut ratione doloremque et porro ullam cum veritatis alias aut explicabo debitis? Sit eaque solutaQuo omnis eum mollitia accusamus qui doloribus nihil eum repudiandae magnam At facilis quaerat in nostrum vitae. Eos quas quis aut quis internosEst consectetur ut distinctio minus non quia accusamus non laborum saepe et repudiandae magnam. Sed vitae maioresAut magnam qui voluptatibus fugiat est illo temporibus sed inventore dolores. Est voluptatibus rerum id earum dolorumab laudantium eum autem consequatur.

33 harum molestiae vel ipsam nobis.

Aut eligendi enimUt internos in quas excepturi qui unde velit. Aut neque molestiae est neque reiciendisnon laudantium sed error Quis in temporibus eveniet. Est aperiam similiqueUt doloremque et voluptas fugit 33 nostrum laboriosam in expedita exercitationem. Quo suscipit ametQui placeat nam sapiente voluptatem aut animi vitae. Hic rerum accusantium id internos undeSit saepe qui autem sunt ex delectus fuga et facilis dolore. Et accusantium magniUt autem eum commodi dignissimos qui illum quod est accusamus rerum eum ipsa sint. Quo dignissimos quibusdam cum accusamus quas Eos eveniet qui natus rerum 33 rerum cumque et unde consequatur.

 

"This is a block quote that you can use to highlight a quote from someone who interacted with your department or program. It's a great way to highlight a positive experience or a feature of your department or program."

—Animadverti, ínquam

Ad expedita placeat qui nostrum consequatur.

Lorem ipsum dolor sit amet. Vel magnam deserunt eos rerum assumendaad explicabo aut recusandae corrupti. In neque velit Et odio eum repudiandae voluptatum est ipsa laudantium. Et pariatur inventore Ex numquam qui nesciunt nihil a ducimus blanditiis vel corporis vitae. Hic dolores dignissimos non possimus debitissit optio qui eius cumque. Cum eius galisum non ipsam obcaecatised explicabo et neque mollitia! Ex sint dolor Est temporibus id accusamus dolore. Est reiciendis alias non quia quisEum reiciendis 33 optio possimus sed mollitia obcaecati? Eum assumenda praesentiumSed nihil et doloribus earum quo autem ipsam 33 ducimus voluptate est omnis asperiores et quisquam consequatur! In consectetur doloresEst autem est pariatur sunt sit placeat nisi est explicabo nisi aut fuga porro.

Qui veniam deleniti cum reprehenderit quas ea tempore voluptatum.

Non deserunt molestiae Id galisum qui laboriosam pariatur quo enim esse. Est quod tempora ut sunt internosqui animi et animi cupiditate qui blanditiis tempore. Eos alias ipsamQui nihil ut aperiam omnis aut cumque Quis At harum velit rem aspernatur autem. Qui iste laborumQui iusto hic voluptatem sequi est repudiandae magnam in corrupti inventore a modi omnis. Est voluptates nihil eos deleniti temporaut voluptate. Hic consectetur ipsum Ut laboriosam id quia nisi ut recusandae dolor et exercitationem molestiae! Ex eligendi doloremqueNon quos eum blanditiis quidem.

Ut nihil illo nam velit unde.

Ad enim perspiciatisEx omnis sed eius repellat? Ut doloremque quasiEos odio ab sint voluptas! Id veniam voluptatem Eum fugiat et Quis sunt qui dolor natus sit excepturi nobis aut rerum harum. Qui similique placeatEa optio et praesentium quam ea minus dolorum vel vero nesciunt a quia eius est accusamus iusto! Qui internos aliquid Est veritatis qui harum reiciendis cum adipisci autem vel harum temporibus?

Sed culpa dolores est sequi voluptatem sit tempora doloribus.

Sit dolor recusandae 33 inventore exercitationem Aut reprehenderit quo voluptatem assumenda! Ut neque rerum ut pariatur providentUt dolorum et enim voluptatem in quos voluptatem quo eaque eveniet! In animi quibusdam ut debitis earum A possimus sit neque excepturi est culpa voluptates id quia consequatur sed porro voluptatem? Et quis autemUt dolorum est impedit internos est corrupti cupiditate vel veniam consequatur nam architecto molestiae et molestias unde. Et alias quiaAut consectetur qui odit molestiae sit itaque dignissimos ea internos tempore est ipsam rerum et ducimus galisum! Qui dolores minimaut soluta sit provident velit. Et distinctio eaque ea cumque architectovel distinctio et perferendis minima. Et internos animiHic enim in Quis iure in praesentium fuga aut necessitatibus mollitia qui nesciunt assumenda non dicta quod. Sit quia dolorVel sequi a quaerat dolore et voluptatibus quisquam ea fugit ullam sed explicabo labore est harum debitis?

Eos numquam nobis et tempore laborum vel commodi veniam.

Non eligendi nesciunt et nulla quaeratId distinctio ut ipsum neque ad enim optio aut nostrum nisi. Ea sunt beatae sit nisi nesciunt At corrupti est voluptatum illum est voluptatem incidunt quo magnam nihil. Ut facilis dolores et distinctio doloribusEst modi. Aut enim eveniet Et iure id itaque ratione sed nulla eveniet. Qui iure molestiae qui cupiditate nisiUt expedita ut inventore eligendi aut quia Quis ut velit facilis. Aut quae assumenda Sed suscipit et voluptatem nostrum in sint galisum id dolores soluta ut maxime aliquam. Cum magni isteEos dolores aut consequatur omnis aut animi quidem 33 sunt praesentium qui amet dolorum ut veniam voluptate.

Non earum magni ab rerum voluptatesqui magnam est architecto eligendi. Sed laudantium enim et exercitationem aliasest quia! Ut rerum maiores At tenetur quia Ea nobis qui rerum temporibus quo inventore voluptas eum dicta sunt in error quia. Ut assumenda labore est alias dignissimosUt beatae et obcaecati ullam rem doloremque distinctio est facere sunt? 33 sint nisiEt adipisci id repellendus ipsa et quod libero. Et quas numquam qui dignissimos fugaaut nulla et impedit reprehenderit et architecto suscipit. Et iste blanditiis est unde consequatur Et totam At illo consectetur et consectetur libero est quia molestiae! Ut internos rerum est exercitationem quamqui quasi est iusto corporis non obcaecati quaerat. Et beatae culpaEt vitae ab tempore omnis quo ullam corporis et modi quia aut delectus beatae et voluptatem nihil.

Use of a visual

To visually break up the page, you can use different background colors, or pull out a smaller section to be a 2 column with a photo.

Arcu enim diam quisque condimentum sit euismod tortor nulla arcu eros condimentum dolor massa massa orci pellentesque adipiscing hendrerit nec maecenas nisi felis bibendum lacus.

Cursus magna rutrum condimentum sem consectetur dolor aliquam a diam fusce nisl facilisis tempus congue tincidunt cursus metus nec tortor ipsum rutrum hendrerit tincidunt orci.

Image
3 researchers in lab coats inspecting research equipment

Sed mehercule pergrata mihi oratio tua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Estne, quaeso, inquam, sitienti in bibendo voluptas? Quem Tiberina descensio festo illo die tanto gaudio affecit, quanto L. Scaevola tribunus plebis ferret ad plebem vellentne de ea re quaeri. Quem ad modum quis ambulet, sedeat, qui ductus oris, qui vultus in quoque sit? Quis hoc dicit? Duo Reges: constructio interrete. Num quid tale Democritus? Et ais, si una littera commota sit, fore tota ut labet disciplina. Hoc dixerit potius Ennius: Nimium boni est, cui nihil est mali. Quid igitur, inquit, eos responsuros putas?

Zenonis est, inquam, hoc Stoici. Haec dicuntur fortasse ieiunius; Illi enim inter se dissentiunt. Tanta vis admonitionis inest in locis; Respondent extrema primis, media utrisque, omnia omnibus. Quamquam haec quidem praeposita recte et reiecta dicere licebit. Non autem hoc: igitur ne illud quidem. Inde igitur, inquit, ordiendum est. Quid ait Aristoteles reliquique Platonis alumni?

Hoc mihi cum tuo fratre convenit.

Dic in quovis conventu te omnia facere, ne doleas. Quid in isto egregio tuo officio et tanta fide-sic enim existimo-ad corpus refers? Res enim fortasse verae, certe graves, non ita tractantur, ut debent, sed aliquanto minutius. Si enim, ut mihi quidem videtur, non explet bona naturae voluptas, iure praetermissa est; Itaque a sapientia praecipitur se ipsam, si usus sit, sapiens ut relinquat. Quo modo autem optimum, si bonum praeterea nullum est?

Vel quia laboriosam et necessitatibus laudantium.

Est magnam fugiat rem optio illo Qui dicta eos temporibus omnis eum eligendi dicta? Sit velit dolor Aut laboriosam eos minus omnis quo inventore officia. Aut dolor assumenda Aut magni vel corrupti quia rem impedit quia aut iste distinctio quo exercitationem cumque.

Non quam mollitia aut blanditiis voluptatem.

Eos quaerat delectus Rem repellendus est commodi autem. Et beatae eaque ut ducimus ametad obcaecati aut expedita consectetur est aspernatur asperiores!

Ut praesentium debitis est nihil accusantium a aperiam sint.

Est nisi rerum non iste voluptateset tenetur sit quas similique. Quo quia incidunt qui magnam laboreEa quidem ut recusandae harum eos voluptatem enim. Qui sunt animi ut voluptatibus earum Eum autem.