• Skip to main content
  • Skip to after header navigation
  • Skip to site footer

JD Meier

Inspiring the world with innovation!

  • About
  • Latest
  • Articles
  • Books
  • Courses
  • Topics
    • Innovation
    • Strategy
    • High-Performance
    • Digital Transformation
    • Agile
    • All Topics
  • Resources
  • Coaching
  • Contact

Information Architecture, Navigation Design, and Graphic Design

by JD Meier

image

There’s often confusion over the distinction between information architecture, navigation design, and graphic design. 

One of my favorite books that explains what these terms are and the distinctions is the book, The Design of Sites, by Douglas K. Van Duyne, James A. Landay, Jason I. Hong.

Van Duyne, Landay, and Hong define the terms as follows:

  • Information Architecture – Identifying, structuring, and presenting groups of related content in a logical manner.
  • Navigation Design – Designing methods so that customers can find their way around the information structure.
  • Graphic Design – Developing the visual communication of information, using elements such as color, images, typography, and layout.

Note that information and navigation design are typically done before graphic design. 

Also note that the authors mention that there’s often a debate in the design community about the boundaries between information architecture and information design. 

Structure and Language vs. Presentation and Perception

They point out that information architecture focuses more on structure and language, while information design focuses on presentation and perception. 

At the end of the day, the key point is that the two disciplines are about helping customers find, understand, and manage complex information.

It’s also worth knowing the terms “Information Model” and “Data Models” since they often come up in discussions regarding information architecture:

  • Information Model –    A model of the concepts, relationships, constraints, rules, and operations for a given domain, and it can provide a sharable, stable, and organized structure of information requirements.  See Information Model (Wikipedia)
  • Data Models – Describes how the data are represented and accessed and defines the data elements and relationships among data elements for a given domain.  See Data Model (Wikpedia)

You Might Also Like

A Language for Application Architecture
Simple Information Architecture
The Microsoft Story
What is a Program Manager?

Category: Information Architecture

About JD Meier

I help leaders change the world.

Previous Post:Simple Information Architecture
Next Post:Website Design Patterns

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Sidebar

About Me

JD I am J.D. Meier. I help leaders change the world. Learn more...

Popular Articles

10 Things Great Managers Do
40 Hour Work Week at Microsoft
Best Digital Transformation Books
How To Become an Innovator
How To Drive Digital Transformation
How To Lead High-Performance Teams
Innovation Explained
Satya Nadella Quotes
View More...

Become a better leader, innovate better, and achieve greater impact!

I help leaders change the world   As part of your journey, learn how to realize your potential in work and life through the power of creativity, imagination and creative vision. 

Topics

  • Innovation
  • Agile
  • Strategy
  • Leadership
  • Digital Transformation
  • High Performance

Copyright © 2023 · JD Meier · All Rights Reserved