App 信息架构:如何让用户始终有掌控感

7 评论 7761 浏览 28 收藏 13 分钟

编辑导语:一款好的APP,是能让用户始终拥有掌控感的。那么如何通过信息架构来完善产品的更新迭代,使用户在打开常用的产品时,既怀有对新功能的新奇感,又有一种家里井然有序的掌控感呢?通过这篇文章来寻找答案吧!

信息架构是产品的骨架。

具体而言,就是一款产品有几个一级页面,以及支撑起整个产品的一级页面、二级页面各有几种内容样式。

所谓一级页面,微信的“发现”页就是一个一级页面;在“发现”页点“朋友圈”,进去的就是一个二级页面。

所谓内容样式,Banner 是一种内容样式,九宫格是一种内容样式,设置页面那种列表也是一种内容样式。

这样的信息架构,有什么价值?

一、信息架构的价值:掌控感与健康迭代

对用户而言,信息架构的主要价值在于掌控感;对产品而言,信息架构的主要价值在于健康迭代。

1. 掌控感

如果房间里很乱,到处都堆满了东西,常穿的衣服也找不到了,我们就很容易变得烦躁不安。相反,如果混乱的房间被收拾得很整洁,我们的心情也会随之变得愉悦起来。

这中间的原因是什么?

个人觉得,从原始社会到 21 世纪,我们人类一直生活在竞争中,所以一直在追求一种对生活的掌控感。这种掌控感,会让我们找到一种存在感和价值感,从而给身处竞争中的我们一种安全感。

一个收拾得井然有序的房间,会让我们觉得一切尽在掌握中;一个胡乱塞满东西的房间,则会让我们觉得这个房间处于失控状态,从而引发烦躁不安。

一款 App,如果主要的几个一级页面也都塞满了各式各样的内容,那么用户通常也会感到烦躁不安。这是因为用户不能马上理出头绪,不能马上获得那种掌控感。

另外,如果大的改版经常让用户体会到这种烦躁不安,用户就会对这款 App 感到不满和失望,甚至失去信心和期待。

所以说,信息架构的第一个价值,就是让用户始终有掌控感。

2. 健康迭代

产品的更新迭代,有时会出现“发福”和“微整形”的情况,这都属于不健康的迭代。

所谓发福,就是变得臃肿了,比如一级页面突然增加了很多内容样式。

所谓微整形,就是和之前比有点乱套了,比如有的一级页面突然消失了、有的一级页面突然出现了、有些常用的功能突然找不到了,诸如此类。

一款产品,如果大的改版总是通过发福、甚至微整形的方式实现,用户就很难获得掌控感。

反过来,一个优秀的信息架构,是接近“冻龄”的。也就是说,不管产品怎么更新、怎么加新功能,都能简单如初,都能让用户马上获得掌控感。典型的例子是微信:微信已经加了很多功能,但整体给人的感觉依然是简单的。

这样的信息架构,很少发福,也几乎不做微整形,所以能让用户永远有掌控感,从而确保产品能够健康迭代。

二、怎样实现信息架构的价值

什么样的信息架构,能够实现“掌控感”和“健康迭代”?

其实参考答案刚才已经出现了,那就是接近冻龄的信息架构。或者更确切地说,是一种“以不变应万变”的信息架构。

这里的不变,是指信息架构看起来永远没有明显变化,永远都很简单。万变,是指不断新增的功能,不断变化的功能。

如何做到以不变应万变?一级页面和二级页面都很关键,其中最核心的是一级页面。

这里也顺便抛一个问题:一级页面,用来干啥?

一级页面主要用来干三件事,分别是:提供掌控感、提供常用功能、提供小入口。

也就是说,一级页面尤其要把掌控感给到用户,要让用户快速找到常用功能,同时还要为不常用的功能提供一个小入口。

需要说明的是,这个理念可能不太适合一些商店类产品,比如淘宝这样的电商产品,所以仅供参考。

那如何完成这三件事?主要有以下四个要点。

1. 不要超过4个一级页面

4个和5个,它俩之间存在微妙的区别。比如我们给手机号或银行卡号分段时,更喜欢每段最多分4个数字,而不是5个,直观对比见下图。

很多 App 的底部导航栏,也是只有4个Tab,即4个一级页面。

受生活经验等因素影响,当我们看到App有4个一级页面时,内心或潜意识里可能会觉得:哦,4个,还算简单,基本能记住;而当看到有5个一级页面时,可能会感到一丝压力:5个啊,有点多了。

总的来说,我们更偏爱只有4个一级页面的产品,因为4个仍在简洁的范畴内,5个就已经开始走向复杂。在《微信背后的产品观》这场分享中,张小龙也提到过:“微信保证只有4个底部 Tab。”

2. 不要超过 3 种内容样式

Keep 6.0 系列的“探索”页面有5种内容样式,显得很复杂。微信的4 个一级页面中,“发现”和“我”页面只有1种内容样式,“微信”和“通讯录”页面只有2 种内容样式(加上顶部的搜索框),显得非常简单,和 Keep 的对比如下图所示。

像微信这种内容样式数量上的极简,可能很多产品难以做到。那么,我们不妨退而求其次,早期先从1种、2种内容样式开始。后期加功能了,可以考虑第3种,谨慎考虑第4 种,尽量不要增加第5种,因为一定会变得复杂。

大家可能会说,产品的功能很多,3种内容样式不够用。

针对这种情况,只要逻辑上不存在大的问题(比如把“支付”放到“通讯录”页面),就可以尝试把不同内容合并成一种样式。微信在这方面就做得很好,大家可以参考它的设计。

比如下图的“通讯录”页面,联系人上方那些内容,和联系人不是同一类内容,但它们共用一种内容样式——一个简单的图文列表。

3. 不为二成需求,去打扰八成用户

产品设计里存在一个比较常见的问题,就是往一级页面塞很多内容或功能,其中有相当一部分是用户日常用不到的,这种设计容易让人觉得臃肿。比如 Keep 6.0 系列的“运动”页面,就用了较大空间来推荐付费计划和运营活动,如下图所示。

相信有相当一部分用户是不需要这些内容的,所以这其实也是一种打扰。这种打扰会影响到这些用户对这个界面的掌控感。

这种现象有两个可能的原因。一是企业担心用户不用这些功能,所以就在一级页面用很多空间来展示它们,Keep 的例子应该属于此类。二是有部分用户提建议,所以企业就加了这些功能。

关于第一个原因,个人观点,有些功能本身就属于二成需求,在一级页面占用太多空间不仅改变不了这个现实,还会对用户形成打扰。

关于第二个原因,个人看法,用户的建议通常只代表个人立场,而企业至少要代表大部分用户的立场。

比如,网上就有人建议微信在朋友圈加一个屏蔽别人的功能,实际上微信有这个功能,只是一直隐藏,没有放出来——因为用的人少,它属于二成需求,放出来的话会对八成用户形成打扰。

总的来说,理想情况是接受现实、尊重规律:是八成需求就提供八成空间,是二成需求就提供二成空间。具体参考如下图所示。

4. 尽量不在标题栏使用 Tab 或下拉框,增加维度

这其实是张小龙分享过的一个观点,我个人很赞同,就直接引用一下,下面直接看两个例子。

Keep 6.0 系列的前三个一级页面,标题栏都使用了 Tab,就显得内容很多,有点复杂,如下图所示(仅展示前两个)。

微信中拥有标题栏的前三个一级页面,其标题栏都没有使用 Tab 或下拉框,就显得简单、内容少,如下图所示(仅展示前两个)。这也是微信保持简单的一个重要原因。

三、结语

一般情况下,产品都需要更新迭代:增加新功能,完善旧功能。

用户则是一个矛盾体:一方面对新功能和新事物怀有好奇心;另一方面又希望每次打开常用的产品时,都有一种回到家一样的熟悉感和一种家里井然有序的掌控感。

好的做法,就是类似微信那样:尽管加了新功能,但是看起来没有明显变化。也就是说,以“不变”的信息架构,来应对万变的功能。

本文节选于《用户体验四维度》一书。

#专栏作家#

李潇,微信公众号:SnowDesignStudio,人人都是产品经理专栏作家。《用户体验四维度》作者,产品设计师,专注于用户体验研究与设计。

本文原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 挺好,看到是节选的,打算找整本来研读一下其他的相关内容

    来自广东 回复
  2. 信息架构横跨于多个角色之间,是一个必要且有价值的领域。

    来自山东 回复
  3. 观点是对的,但是有点太绝对了,不同场景应该不同对待。比如最后的举例,菜单栏做成tab的,因为Keep本身运动类型很多,tab区分是最合理的方式,不然岂不是要在首页做很多不同分类的入口,运动信息二级页面打开?同样,再比如今日头条,顶部标题不采用tab有何更合理的方案?
    而微信之所以首页标题栏没有tab,是因为首页的内容本身比较单一,就只是聊天信息,没有进行分类的必要。

    来自四川 回复
    1. 1111

      来自北京 回复
    2. 1、其实一级页面的观念,我个人感觉是认可的
      2、二级页面更多的表现,是在一级页面代表的这个来与去的路径上的点滴,形式这个的确不局限于TAB方式,手机端和PC端的展示选择也不太一样
      3、微信的聊天能不能分类,判定的观点其实取决于其他的竞品、参照品是怎么做的,有对比才有思考,要分的话也能分很多,像淘宝聊天其实是分过的,刻意的让某些消息顺序置前,但是UI风格是统一的。

      来自天津 回复
    3. 聊天分类这个功能已验证,感觉还是很有必要的(钉钉、飞书都有分组)。团队负责的办公软件中即时通信的功能便是以Tab的形式分了组的,全部|群聊|单聊|未读|通知,反响不错。目前正在筹划对群组的更优表现,群组进行场景模式等更智能的方式展示。

      来自四川 回复
  4. 看完文章非常有启发!文章最后对于用户心理分析那真的很有道理!

    来自广西 回复