做产品 PMaker
空格的键盘空格的键盘
设计结构

什么是信息架构

什么是信息架构 | 设计结构 | 做产品

什么是信息架构

把内容组织成一套用户能猜得到的结构,让他在任何一屏上都知道自己在哪、能去哪、怎么回来。

你会遇到的现象

  • 用户说找不到某个功能,但它明明就在那儿

  • 页面越加越多,导航塞不下了,只好加个「更多」

  • 同一个东西在两个地方都能进,两边显示的还不一样

开车去陌生城市的时候,你靠路标知道现在在哪、靠导航知道还有多远、靠指示牌知道下一个路口该往哪拐。产品里的导航、面包屑、层级,起的是同一种作用。

三个问题

问题用什么回答答不上来会怎样

我在哪 导航高亮、面包屑、页面标题 用户不确定自己进对了没有,操作会犹豫

我能去哪 同级项、下级入口、相关推荐 用户以为功能不存在,其实是没找到入口

我怎么回来 面包屑每一级可点、返回、顶层入口常驻 用户只能靠浏览器后退,或者干脆重新开始

第三个问题在移动端最容易出问题。层层进去之后没有明确的返回路径,用户就会退出应用重进,这时候你之前的引导全部作废。

三个问题,各自由界面上的一组元素来回答

首页 › 项目 › 改稿记录

3

1

2

1 我在哪 导航高亮 · 面包屑 · 页面标题 答不上来:用户不确定自己进对了没有

2 我能去哪 同级项 · 下级入口 · 相关推荐 答不上来:以为功能不存在,其实没找到

3 我怎么回来 面包屑每级可点 · 返回 · 顶层常驻 答不上来:只能靠后退,或者重新开始

界面调不好的时候先分层:是东西放错了地方(架构),还是放对了但不好操作(交互)。

第三个问题在移动端最容易出问题。层层进去之后没有明确的返回路径,用户就会退出应用重进——这时候你之前所有的引导全部作废。

它管什么,不管什么

信息架构管

· 有哪些内容,怎么分组 · 每一组叫什么名字 · 分几层,谁是谁的下级 · 从哪些入口能进去

交互设计管

· 点了之后发生什么 · 加载和出错时怎么显示 · 操作能不能撤销 · 一次任务分几步走

分清这两件事有个实际好处:界面调不好的时候,先判断问题出在哪一层。是东西放错了地方(架构),还是放对了但不好操作(交互)。

架构不对的信号

  • **导航里出现了「更多」「其他」「工具」。**这三个词是分类失败的标志——你没找到合适的归类,只好开个杂物间。

  • **同一个功能在三个地方都有入口。**说明它在结构里没有确定的位置,只能到处放以防用户找不到。

  • **要给导航项配文字说明。**名字取对了不需要解释。需要解释,通常是命名或分组的问题。

  • **新功能不知道往哪儿放。**每加一个功能都要重新讨论位置,说明当初的分组逻辑不成立。

接着看

四种组织结构 层级、矩阵、线性、自然。不同内容适合不同的组织方式,选错了怎么调都别扭。

分组与命名 「更多」和「其他」出现的根源在这一层。分组方式决定了用户的心智模型。

一屏一件事 架构定了页面之间的关系,这一条定的是单个页面内部的主次。