資訊架構與資訊設計的區別

這兩個概念有所不同,“資訊架構(IA)”主要與“認知”有關,即:人們如何處理資訊、如何分析不同資訊之間的關係;而“資訊設計(ID)”則與“感知”有關,即:人們如何將他們看到的和聽到的東西轉化為知識。

這兩種方式都需要不同的技能。“資訊架構師”來自各個領域,但我感覺其中大部分有語言學背景;而“資訊設計師”通常指向視覺藝術,因此,大部分資訊設計師來自同一個領域:平面設計。

“資訊架構”屬於抽象概念,它主要針對人腦中的資訊結構,而不是紙上或螢幕上的;而“資訊設計”則非常的具體,資訊設計師在設計過程中考慮的重點是顏色和基本形狀等具體資訊。

Translated from :

Differences between Information Architecture and Information Design

Between the two names we have different concerns. Information architecture (IA) is primarily about cognition, how people process information and construe relationships between different pieces of information. Information design is primarily about perception, how people translate what they see and hear into knowledge.

Both require different skills. Information architects come from a variety of backgrounds, but I sense that a majority of them display an orientation toward language. Information designers, on the other hand, tend to be oriented toward the visual arts. As a result, the majority of information designers come from exactly one discipline: graphic design.

Information architecture belongs to the realm of the abstract, concerning itself more with the structures in the mind than the structures on the page or screen. Information design, however, couldn’t be more concrete, with considerations such as color and shape fundamental to the information designer’s process.

Which I picked up many years ago from Jesse James Garrett.


Mobile Information Architecture: 4 different models

IA Mobile Navigation Models

Mobile devices have their own set of Information Architecture patterns, too. While the structure of a responsive site may follow more “standard” patterns, native apps, for example, often employ navigational structures that are tab-based. Again, there’s no “right” way to architect a mobile site or application. Instead, let’s take a look at some of the most popular patterns: Hierarchy, Hub & spoke, Nested doll, Tabbed view, Bento box and Filtered view.

Designing for Mobile, Part 1: Information Architecture. Via Small Surfaces


Principles of Successful Navigation

Navigation that works should:

  • Be easily learned
  • Remain consistent
  • Provide feedback
  • Appear in context
  • Support users’ goals and behaviors
  • Offer alternatives
  • Require an economy of action and time
  • Provide clear visual messages
  • Use clear and understandable labels
  • Be appropriate to the site’s purpose

Bullet points provided by Jennifer Fleming’s old but still relevant Web Navigation: Designing the User Experience (1998). I wore that book out reading and rereading on the bus ride to my main gig then.


An Interview with Jesse James Garrett

It’s unfortunate but not unexpected that the interview is viewable only in Windows Media (DevSource is basically a Microsoft mouthpiece), so if you are using a Mac don’t expect too much in terms of quality. It took me a few tries to get it to play and a few more to get through it. It’s still worth it.
“Jesse James Garrett is the “notorious” father of AJAX. You may not also realize that he’s also a writer, interface developer and designer, information architect, and experience strategist. He co-founded Adaptive Path in 2001, where he is now Director of User Experience Strategy. Garrett is the author of the popular book, The Elements of User Experience, and other groundbreaking works, and co-founder of the Information Architecture Institute.”
An Interview with Jesse James Garrett, the “father of ajax”


Does information need architects?

More on the “species”:
“… it was surprisingly hard to find someone willing to call herself an information architect. “I don’t like to call myself that because … ” was a common phrase used as people introduced themselves. Similarly, the question of the precise definition of information architecture was frequently raised and almost as frequently skirted. This is surprising at a conference whose attendance is booming and in a profession the value of which is clear and clearly increasing.
Nevertheless, the dividing line among information architects is real. One group tends more toward control and using expertise to create a structure that should work the same way for every user. The other tends more toward flexibility and enabling user interaction to determine the structure of the site and the content of the answers.”
Read the full article.


The Information Architect Species

A lighter look at what disciplines those who practice IA might have practiced before or in addition to becoming IA’s.
“Given that IA as a profession is really only about 10yrs old (or at least, that’s the figure I hear bandied about), it makes sense that *most* IAs have a ‘past life’ of one kind or another. This has got me to thinking that there are probably about six different species of Information Architect, based on the kind of professional past life they’ve had (nor not).”
Read The six species of Information Architect at disambiguity


(Garret IA) 描述信息结构和交互设计的图示词汇表

I don’t think I have linked to the Chinese version of JJ Garrett’s Visual Vocabulary in the past. Though not set in Big 5 this could use some promotion as more Taiwanese designers start to understand and utilize the fundamental building blocks of building web sites that IA is. Using a shared visual vocabulary such as this saves us time and effort.
“图表是网络应用开发团队(Web development teams)在沟通信息架构和交互设计方面最基本的工具。本文所讨论的是使用图表来描述系统时所要考虑的事宜、信息架构和用户交互设计时使用这些基本元素的要点,并且介绍这些元素的使用方法。”
Jesse James Garrett: Visual Vocabulary for Information Architecture (Chinese)


Christmas Books on IA and Teams

I received a number of books for Christmas and I thought I would share a couple. I’m not one for book reviews but I’m sure some of the thoughts contained in these books will make it into later posts. I have hard time getting through my library of texts pertaining to Information Architecture, Experience Design, and the like. You have to be pretty dedicated to read from the beginning to end George Lakoff’s “Women, Fire, and Dangerous Things” or even Sorting Things Out. These books just seem very dry. I have high hopes for Peter Morville’s Ambient Findability which at first glance looks well written with an easily digestible format similar to Steve Krug’s “Don’t Make Me Think”. Amazon describes the book better than I will as follows:

“How do you find your way in an age of information overload? How can you filter streams of complex information to pull out only what you want? Why does it matter how information is structured when Google seems to magically bring up the right answer to your questions? What does it mean to be “findable” in this day and age? This eye-opening new book examines the convergence of information and connectivity. Written by Peter Morville, author of the groundbreaking Information Architecture for the World Wide Web, the book defines our current age as a state of unlimited findability. In other words, anyone can find anything at any time. Complete navigability.”

The other book, Ricardo Semier’s “Maverick” might also prove to be a good read and it’s a topic I’m quite interested in – how to transform your workplace. Here’s a long passage from the end of the book:

“To survive in modern times, a company must have an organizational structure that accepts change as its basic premise, lets tribal customs thrive, and fosters a power that is derived from respect, not rules. In other words, the successful companies will be the ones that put quality of life first. Do this and the rest – quality of product, productivity of workers, profits for all – will follow. At Semco we did away with strictures that dictate the “hows” and created fertile soil for differences. We gave people an opportunity to test, question, and disagree. We let them determine their own futures. We let them come and go as they wanted, work at home if they wished, set their own salaries, choose their own bosses. We let them change their minds and ours, prove us wrong when we are wrong, make us humbler. Such a system relishes change, which is the only antidote to the corporate brainwashing that has consigned giant businesses with brilliant pasts to uncertain futures.”

Ambient Findability : What We Find Changes Who We Become and Maverick : The Success Story Behind the World’s Most Unusual Workplace