做产品 PMaker 首页
搜索
跟随系统
颜色主题
空格的键盘
用户在任何一屏上都要能回答三个问题,信息架构才成立信息架构回答三个问题的那套结构我在哪导航高亮、面包屑、页面标题。答不上来,用户不确定自己进对了没有,操作会犹豫我能去哪同级项、下级入口、相关推荐。答不上来,用户以为功能不存在,其实是没找到入口我怎么回来面包屑每级可点、返回、顶层入口常驻。答不上来,用户只能靠浏览器后退或重新开始界面调不好先分层:是东西放错了地方,还是放对了但不好操作

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

什么是信息架构

让用户随时知道自己在哪、能去哪、怎么回来。

开车去陌生城市的时候,你靠路标知道现在在哪、靠导航知道还有多远、靠指示牌知道下一个路口该往哪拐。产品里的导航、面包屑、层级,起的是同一种作用。信息架构,就是把内容组织成一套用户能猜得到的结构,让他在任何一屏上都答得出这三个问题。ia-wiki

你会遇到的现象:

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

三个问题

  • **我在哪。**由导航高亮、面包屑、页面标题回答。答不上来,用户不确定自己进对了没有,操作会犹豫。
  • **我能去哪。**由同级项、下级入口、相关推荐回答。答不上来,用户以为功能不存在,其实是没找到入口。
  • **我怎么回来。**由面包屑每一级可点、返回按钮、常驻的顶层入口回答。答不上来,用户只能靠浏览器后退,或者干脆重新开始。

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

这三个问题的验证方式也各不相同。「我在哪」用点开任意一个深层页面来检查:不用看地址栏,光凭页面上的高亮和标题,你能不能说出自己在哪。「我能去哪」用「找东西」来检查:让一个没受过培训的人去找某个功能,看他几秒钟内能不能判断该往哪个方向走。「我怎么回来」用「走远路」来检查:连点五层之后,每一步是否都有明确的回退。

信息架构和导航不是一回事。信息架构是结构本身——内容怎么分组、分几层、谁是谁的下级;导航只是这套结构在界面上的呈现方式。结构设计错了,导航做得再漂亮也只是把错误组织得更整齐。这也是为什么导航塞不下时加「更多」不是解法——问题在结构,不在导航栏的长度。

它管什么,不管什么

信息架构管的是:有哪些内容、怎么分组,每一组叫什么名字,分几层、谁是谁的下级,从哪些入口能进去。它不管的是:点了之后发生什么、加载和出错时怎么显示、操作能不能撤销、一次任务分几步走——这些是交互设计的范围。

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

架构不对的信号

  • **导航里出现了「更多」「其他」「工具」。**这三个词是分类失败的标志——你没找到合适的归类,只好开个杂物间。
  • **同一个功能在三个地方都有入口。**说明它在结构里没有确定的位置,只能到处放以防用户找不到。
  • **要给导航项配文字说明。**名字取对了不需要解释。需要解释,通常是命名或分组的问题。
  • **新功能不知道往哪儿放。**每加一个功能都要重新讨论位置,说明当初的分组逻辑不成立。

架构定了页面之间的关系,单个页面内部的主次是另一件事。先把这三问在每个页面上过一遍,结构层面的问题会先于视觉问题浮出来。

参考资料

  1. Information architecture — Wikipedia