.../articles/
Between Information Architecture and Design

Between Information Architecture and Design

2020.05.03

Information needed to design

What information do you need in order to design something?

  • The copy/text
  • Assets (photos, etc.)

are probably the first things that come to mind. Both of these are pieces used when thinking through layout, and without them, you can't create an accurate design.

I think there are a few different kinds of information you need:

  • Primary information: information that is displayed as-is (copy, media, functional elements like buttons, etc.)
  • Secondary information: information taken into account while designing (target audience, the site's purpose, etc.)

It's a bit of a rough split, but you can divide it into primary and secondary information this way. At the very least, having the primary information ready to go is something I'd hope for as a designer.

A good design system is one that works well no matter what information comes in, but if a design can handle absolutely any scenario, then to begin with, there was no need to build it from scratch.

To come up with a design that matches the requirements, we want at least the primary information in place.


How far does "design" go?

Digging in a bit further, this leads into the question of what elements actually make up a website or web service.

The book IA Thinking: An IA Mindset for Web Producers and Practitioners includes the following well-known diagram.

It's quoted in all kinds of texts, and although from a different source, we also used it in this article (Knowledge for understanding what you're looking at).

*The process required to build a website, originally titled "Elements of User Experience" This diagram was redrawn by the author

Up through the "strategy" and "requirements" layers in this diagram, that information should already be in place as required information. Having things like functional specifications and content requirements organized into wireframes makes it much easier to carry over into design, and is a good practice.

If you're only given the "strategy" layer and try to handle the "requirements" layer within the design process itself, you end up with things like missing UI elements, or missing statuses that should have been accounted for when building out the functionality. Requirements are also often hard to picture from bullet-point text alone, which is exactly why wireframes matter so much.


Design can sometimes be seen as something that creates a "1" out of a "0," but there's a real difference in quality and in downstream work between design built on thorough preparation and design that isn't.

...Well, of course, it's always better if you can do everything. How you allocate your finite resources is an important consideration when it comes to creating something good.

written by

.../article/

Articles

All articles

From Firebase to Vercel, Contentful to microCMS — a migration log written with Claude Code

From Firebase to Vercel, Contentful to microCMS — a migration log written with Claude Code

We moved our corporate site's hosting and CMS, and made it bilingual along the way. The constraints we only found by running against real data were more useful than the migration itself, so this post focuses on where we got stuck.

Can't Read POST Data with Firebase Functions × Remix?

Can't Read POST Data with Firebase Functions × Remix?

How to read POST data from a Remix action when running on Firebase Functions.

Generative AI for Executives and Leaders: An Approach to Self-Driven DX

Generative AI for Executives and Leaders: An Approach to Self-Driven DX

Building a structure where executives and leaders themselves can identify issues and evaluate solutions using generative AI. We introduce how combining this with our hands-on support dramatically improves both the quality and speed of digital transformation.

Deploying a Monorepo Next.js App (App Router) to AWS Amplify

Deploying a Monorepo Next.js App (App Router) to AWS Amplify

Notes on the obstacles we hit while deploying a Next.js app managed in a monorepo to AWS Amplify.

Keeping Production Running Smoothly with Remote Work and Online Meetings [Documentation]

Keeping Production Running Smoothly with Remote Work and Online Meetings [Documentation]

Many production companies have adopted remote work as a result of the pandemic, and we are one of them.

Designing an E-Commerce Site That Sells: How to Find Great Reference Examples

Designing an E-Commerce Site That Sells: How to Find Great Reference Examples

There is no single formula for e-commerce design that sells. Driving revenue requires a solid concept, and getting to that concept requires thorough research.

Productivity Tools We Recommend as a Production Company, Including Services That Work Well Solo

Productivity Tools We Recommend as a Production Company, Including Services That Work Well Solo

With remote work becoming the norm during the COVID-19 pandemic, our team now works from home most days of the week.

We Released Thought Recorder, a Figma Plugin for Keeping a Commit History of Your Designs

We Released Thought Recorder, a Figma Plugin for Keeping a Commit History of Your Designs

We hope this helps web designers who work in Figma. Read on for how to use it.

How to Build an E-Commerce Site, and Which Platforms We Recommend

How to Build an E-Commerce Site, and Which Platforms We Recommend

Shopping online for fashion, appliances, and even groceries is now routine. With the pandemic accelerating the shift, we receive a steady stream of questions about which platform to use and how much it costs.

Generating FastAPI Schema Classes from OpenAPI

Generating FastAPI Schema Classes from OpenAPI

We chose FastAPI, a relatively modern framework, for a Python API project. FastAPI can generate an OpenAPI definition from your backend code, but here we do the opposite: generating FastAPI schema classes from an OpenAPI definition prepared in advance.

View all articles

Contact us