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

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

什么是信息架构

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

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

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

三个问题

问题用什么回答答不上来会怎样
我在哪 导航高亮、面包屑、页面标题 用户不确定自己进对了没有,操作会犹豫
我能去哪 同级项、下级入口、相关推荐 用户以为功能不存在,其实是没找到入口
我怎么回来 面包屑每一级可点、返回、顶层入口常驻 用户只能靠浏览器后退,或者干脆重新开始
第三个问题在移动端最容易出问题。层层进去之后没有明确的返回路径,用户就会退出应用重进,这时候你之前的引导全部作废。

它管什么,不管什么

信息架构管
· 有哪些内容,怎么分组
· 每一组叫什么名字
· 分几层,谁是谁的下级
· 从哪些入口能进去
交互设计管
· 点了之后发生什么
· 加载和出错时怎么显示
· 操作能不能撤销
· 一次任务分几步走
分清这两件事有个实际好处:界面调不好的时候,先判断问题出在哪一层。是东西放错了地方(架构),还是放对了但不好操作(交互)。

架构不对的信号