做产品 PMaker
空格的键盘
项目管理后台
工作台 项目 客户 结算
项目 › 品牌升级 › 改稿记录
改稿记录
已确认
待确认
我在哪 · 左边高亮 + 面包屑
能去哪 · 同级和下级
怎么回来 · 面包屑每一级可点

信息架构不是一张图,是用户在任意一屏上都能回答的三个问题。

What Is Information Architecture

Organize content into a structure users can guess, so that on any screen they know where they are, where they can go, and how to get back.

What you'll run into
  • 用户说找不到某个功能,但它明明就在那儿
  • 页面越加越多,导航塞不下了,只好加个「更多」
  • 同一个东西在两个地方都能进,两边显示的还不一样

When you drive to an unfamiliar city, you rely on road signs to know where you are, on navigation to know how far is left, and on signs to know which way to turn at the next intersection. The nav, breadcrumbs, and hierarchy inside a product serve the same purpose.

Three questions

问题用什么回答答不上来会怎样
我在哪 导航高亮、面包屑、页面标题 用户不确定自己进对了没有,操作会犹豫
我能去哪 同级项、下级入口、相关推荐 用户以为功能不存在,其实是没找到入口
我怎么回来 面包屑每一级可点、返回、顶层入口常驻 用户只能靠浏览器后退,或者干脆重新开始
Telling these two apart has a practical payoff: when the interface won't behave, first judge which layer the problem is in. Is the thing in the wrong place (architecture), or in the right place but hard to operate (interaction)?
三个问题,各自由界面上的一组元素来回答 首页 › 项目 › 改稿记录 3 1 2 1 我在哪 导航高亮 · 面包屑 · 页面标题 答不上来:用户不确定自己进对了没有 2 我能去哪 同级项 · 下级入口 · 相关推荐 答不上来:以为功能不存在,其实没找到 3 我怎么回来 面包屑每级可点 · 返回 · 顶层常驻 答不上来:只能靠后退,或者重新开始 界面调不好的时候先分层:是东西放错了地方(架构),还是放对了但不好操作(交互)。
Telling these two apart has a practical payoff: when the interface won't behave, first judge which layer the problem is in. Is the thing in the wrong place (architecture), or in the right place but hard to operate (interaction)?

What it does and doesn't do

信息架构管
· 有哪些内容,怎么分组
· 每一组叫什么名字
· 分几层,谁是谁的下级
· 从哪些入口能进去
交互设计管
· 点了之后发生什么
· 加载和出错时怎么显示
· 操作能不能撤销
· 一次任务分几步走
Telling these two apart has a practical payoff: when the interface won't behave, first judge which layer the problem is in. Is the thing in the wrong place (architecture), or in the right place but hard to operate (interaction)?

Signals the architecture is wrong