什么是信息架构 | 设计结构 | 做产品
什么是信息架构
把内容组织成一套用户能猜得到的结构,让他在任何一屏上都知道自己在哪、能去哪、怎么回来。
你会遇到的现象
-
用户说找不到某个功能,但它明明就在那儿
-
页面越加越多,导航塞不下了,只好加个「更多」
-
同一个东西在两个地方都能进,两边显示的还不一样
开车去陌生城市的时候,你靠路标知道现在在哪、靠导航知道还有多远、靠指示牌知道下一个路口该往哪拐。产品里的导航、面包屑、层级,起的是同一种作用。
三个问题
问题用什么回答答不上来会怎样
我在哪 导航高亮、面包屑、页面标题 用户不确定自己进对了没有,操作会犹豫
我能去哪 同级项、下级入口、相关推荐 用户以为功能不存在,其实是没找到入口
我怎么回来 面包屑每一级可点、返回、顶层入口常驻 用户只能靠浏览器后退,或者干脆重新开始
第三个问题在移动端最容易出问题。层层进去之后没有明确的返回路径,用户就会退出应用重进,这时候你之前的引导全部作废。
三个问题,各自由界面上的一组元素来回答
首页 › 项目 › 改稿记录
3
1
2
1 我在哪 导航高亮 · 面包屑 · 页面标题 答不上来:用户不确定自己进对了没有
2 我能去哪 同级项 · 下级入口 · 相关推荐 答不上来:以为功能不存在,其实没找到
3 我怎么回来 面包屑每级可点 · 返回 · 顶层常驻 答不上来:只能靠后退,或者重新开始
界面调不好的时候先分层:是东西放错了地方(架构),还是放对了但不好操作(交互)。
第三个问题在移动端最容易出问题。层层进去之后没有明确的返回路径,用户就会退出应用重进——这时候你之前所有的引导全部作废。
它管什么,不管什么
信息架构管
· 有哪些内容,怎么分组 · 每一组叫什么名字 · 分几层,谁是谁的下级 · 从哪些入口能进去
交互设计管
· 点了之后发生什么 · 加载和出错时怎么显示 · 操作能不能撤销 · 一次任务分几步走
分清这两件事有个实际好处:界面调不好的时候,先判断问题出在哪一层。是东西放错了地方(架构),还是放对了但不好操作(交互)。
架构不对的信号
-
**导航里出现了「更多」「其他」「工具」。**这三个词是分类失败的标志——你没找到合适的归类,只好开个杂物间。
-
**同一个功能在三个地方都有入口。**说明它在结构里没有确定的位置,只能到处放以防用户找不到。
-
**要给导航项配文字说明。**名字取对了不需要解释。需要解释,通常是命名或分组的问题。
-
**新功能不知道往哪儿放。**每加一个功能都要重新讨论位置,说明当初的分组逻辑不成立。
接着看
四种组织结构 层级、矩阵、线性、自然。不同内容适合不同的组织方式,选错了怎么调都别扭。
分组与命名 「更多」和「其他」出现的根源在这一层。分组方式决定了用户的心智模型。
一屏一件事 架构定了页面之间的关系,这一条定的是单个页面内部的主次。
