Published on

May 3, 2021

Design solutions for incredible amounts of text content


Tips on the best design practices to help relay a lot of information without overwhelming and confusing the user.

Tip 1: Use grids

A grid structure allows you to take large sums of text and divide it into categories for better navigation and readability of the content. Not only does it provide easier navigation - it is also easier on the reader’s eyes and may not look as intimidating as opposed to a long chunk of text which the reader may skip all together if they feel the content is not worth the time to read. Divided and organized content allows the user to find and read what is of interest to them and then determine if they are interested further.

Tip 2: Hierarchy structure

Using hierarchy to help align titles and subtitles to columns of text allows for better usability and quicker read times. Websites are used to conduct research into a product/service/or brand and with that knowledge the user makes conclusions. Provide an ease of use experience where the user finds what they are looking for exactly and they have a higher return and satisfaction rate. We’ve all been frustrated when we have visited a website in the hopes of finding the answer to a question we seek and we are met with so much content that it is very difficult to navigate. But we feel a sense of reward when we find the answer to our specific question efficiently and easily.

Tip 3: Use animations to help navigation speeds

New solutions include hiding content and only showing it once the user “clicks” on the title that they are interested in. This practice is best used for large amounts of info where keeping the title and paragraphs all visible would be too much content especially if it varies in subject matter or the user is expected to have more than one question that needs answering. Good examples of this type of content included calendars and FAQ pages to name a few.

Tip 4: Using images to convey words

A picture is worth a thousand words. Use images in between text to help communicate the message being relayed. You can even take it a step further and use images to replace text. This is best done for hero sections, replacing lengthy titles with icons that users are used to seeing, and using short text with the picture conveying the emotion. Be careful to use the right picture so as to give the right message and not a misleading one.

More Reading Material