Information design is the practice of organizing and presenting information so that people can understand and use it effectively. Unlike general graphic design, which may prioritize artistic expression or aesthetics, information design focuses on clarity and functional communication. For marketers and SEO experts, good information design builds user trust and reduces the time it takes for a reader to reach a conclusion.
What is Information Design?
Experts like Per Mollerup describe information design as "explanation design." Its purpose is to explain facts in a way that leads to knowledge and informed action. It is a multidisciplinary field that integrates elements from graphic design, data visualization, and communication theory.
While the terms are often used interchangeably, the corpus identifies distinct goals for related fields: * Information Design: Purposeful and leads the user toward a specific conclusion or solved problem. * Data Visualization: An objective presentation of facts and figures that allows the audience to draw their own conclusions. * Document Design: Focuses on the overall layout and formatting of a complete document. * Visual Design: Prioritizes the aesthetics, such as color schemes and spacing.
Why Information Design matters
Designing for understanding rather than just appearance leads to better performance across several key metrics: * Faster comprehension: Infographics and structured data present information in chunks that are processed faster than raw text. * Increased accessibility: Using images and videos helps non-native speakers, people with dyslexia, or those with lower literacy rates access your content. * Improved user trust: Clear instructions on medicine packaging, airport signage, or technical manuals increase the user's confidence in a product or service. * Lower friction: Proper structure reduces the cognitive load on the reader, making them less likely to leave a page out of frustration.
How Information Design works
Professionals apply information design on three distinct scales to ensure clarity: 1. Large scale: Categorizing content into separate sections or manuals based on the specific audience and their goals. 2. Medium scale: Organizing content within a specific section. This includes adding overviews, examples, and definitions to follow a logical principle. 3. Small scale: Focusing on the granular details of a page, such as clear writing, font choice, whitespace, and navigational clues.
The Design Thinking Process
Information design often follows the five steps of [human-centered design thinking] (Nulab): * Empathize: Research the user to understand their problems and how they interact with information. * Define: Identify exactly what requirements are needed (e.g., specific font sizes for readability). * Ideate: Brainstorm visual solutions that meet the user's needs. * Prototype: Create a draft or trial version of the design. * Test: Measure results, such as a decrease in user errors or an increase in task completion speed.
Types of Information Design
Information design covers a massive range of digital and physical formats: * Bite-sized: Infographics, tutorials, and how-to videos. * Searchable: Web indexing, product lists, and search engines. * Wayfinding: Maps and signage used in airports and public trails to help people navigate. * Health and Safety: Warnings, medical apps, and medicine labeling. * Regulatory: Financial small print or the [Schumer box required on credit card applications] (Wikipedia).
Best practices
Start with the user. Use generative research to determine who the design is for and how they intend to use the information.
Define the analytical task. According to [Edward Tufte's principles of information design] (Wikipedia), every graphic should support a specific task, such as showing causality or making a comparison.
Use visual hierarchy. Direct the eye using headings, bold text, and size. This prevents every element from "shouting" for attention at the same time.
Prioritize contrast. Avoid low-contrast pairings like light colors on white. High contrast (e.g., yellow on black) ensures that information remains legible from a distance or on different screen types.
Follow the five steps of simplicity. To keep an audience engaged, designers should follow this framework: 1. Tell the truth. 2. Get to the point. 3. Pick the right tool for the job. 4. Highlight what is important. 5. Keep it simple.
Common mistakes
Mistake: Focusing on "free artistic expression" over usability. Fix: Use sans-serif fonts and clean alignment. Prioritize function so that a user can complete a task, like following a recipe, without confusion.
Mistake: Using more data to create clarity. Fix: Simplicity is subjective. Sometimes, quantitative reduction (removing data) is necessary to make the core message stand out.
Mistake: Neglecting accessibility requirements. Fix: Include alt-text for visuals and use legible font sizes to support users with visual impairments or neurodivergence.
Examples
- Minard's Map: [Charles Joseph Minard’s 1861 diagram of Napoleon’s March] (Wikipedia) is cited as a masterwork because it displays six variables (including size of army and temperature) on a two-dimensional surface that can be understood immediately.
- Cholera Spot Maps: Dr. [John Snow's maps in 1850s London] (Wikipedia) used visual data to pinpoint the source of a disease outbreak, leading to direct social action.
- Schumer Box: A standardized table used by credit card issuers to summarize charges and interest rates in a way that is easy for consumers to compare.
- Wayfinding Signage: Airports use black-and-yellow high-contrast signs with arrows and pictograms to guide travelers through complex terminals.
FAQ
What is the difference between an infographic and data visualization? It depends on the goal. If an infographic presents raw stats and lets the reader decide what they mean, it is data visualization. If the infographic guides the reader to a specific conclusion or teaches them how to do something, it is information design.
When did information design become a formal study? The term emerged in the 1970s. The field was solidified in [1979 with the publication of the Information Design Journal] (Wikipedia).
How do I measure if my information design is successful? Success is measured by usability metrics. In a professional setting, this could include a reduction in user errors, better hygiene scores for a safety poster, or increased hand-washing among staff.
Does information design require graphic design skills? While related, you do not need to be a professional artist. You can use diagramming tools and templates to apply the principles of structure, hierarchy, and whitespace to your content.
How does Information Architecture differ from Information Design? Information Architecture is often used in computer science to describe the design of databases and large-scale information systems. Information design is more focused on the presentation of that content to the end-user.
