以不变应万变：浅谈信息架构

上篇文章，提到了用户体验中的 IX: Interface Experience，即人与界面的交互体验。

今天，就分享一个和 IX 有关的话题。

万丈高楼平地起，IX 的根基在哪里？个人认为，在信息架构这里。

对了，信息架构究竟是个啥?

信息架构是产品的骨架。直白点说，就是一款产品有几个一级频道，核心的支撑起整个产品的一级频道、二级频道各有几类内容、多少内容。

本文主要讨论手机 App 的信息架构（底部 tab 导航那种），不包含网站。

01 为什么说，信息架构是 IX 的根基？

1 事关产品与用户之间的“朋友关系”

对很多人而言，在一个地方住久了，房间里的东西都会越来越多。

这时候，如果能把房间收拾整洁，我们就会突然觉得，空间变大了，心情也变得愉悦起来。

相反，如果房间里很乱：桌子上、床上、屋子里到处堆满了东西，常穿的衣服也找不到了，我们就容易变得烦躁不安。

一个两岁的小男孩，如果你拿起他手中复杂的新玩具，给他示范怎么玩。通常他会拒绝你，并倔强的对玩具进行各种尝试。仿佛在告诉你，他不需要你教，自己会玩。

从原始社会到 21 世纪，我们人类都生活在竞争中。所以，个人觉得，我们人类永远都在追求一种对生活的掌控感。

这种掌控感，会让我们找到一种存在感和价值感，从而给身处竞争中的我们一种安全感。

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

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

一旦出现这种情况，用户很可能会给这款 App 贴上“复杂、难用”之类的标签。如果一款 App，大的改版经常让用户体会到这种负面情绪，用户甚至可能会对这款 App 失去信心和期待。

罗兰·米勒的《亲密关系》一书中提到，“ 实际上，要保持满意的亲密关系，我们或许要保持至少 5:1 的奖赏-代价比率 ”。

这里的“奖赏”，可以简单理解成两人相处时的愉快时刻；“代价”，则是两人相处时的不快时刻。

这个观点，用在保持产品和用户的“朋友关系”上，同样值得参考。

2 事关产品的健康成长

在演艺届，有一些冻龄艺人。比如何炅，40 几岁了，看起来还像 20 多的小伙儿。

在产品届，同样存在“冻龄”产品——不管怎么升级，怎么加功能，都能简单如初。典型例子是微信。

微信是一个生活方式，可以聊天、看文章、支付、看朋友圈、购物、打车、玩小游戏，功能多的数不清。但微信给人的感觉，永远都是简洁的。

相信未来的微信，还会加新功能，同时还能保持简洁。这种始终如一的简洁，可以马上带给用户一种掌控感。这种简洁，也赋予了微信旺盛的生命力。

而有些产品，大的改版，常常通过“发福”、甚至“微整形”的方式来实现。

一方面，这会引发用户的不满；另一方面，“发福”和“微整形”，确实不是一种健康的成长方式，风险大，还是少用为好。

02 怎样设计一个生命力旺盛的信息架构？

1 不要超过 4 个频道/tab

之前，在《浅谈 Keep 的用户体验》一文中，我们已经分析了，4 个和 5 个带给用户的感觉，存在微妙的区别。

简单的说，人类更偏爱只有 4 个频道，因为“4 个”仍在简洁的范畴；“5 个”，已经开始走向复杂。

在《微信背后的产品观》这场分享中，张小龙也提到过，“微信保证只有 4 个底部 tab”

2 一级频道要始终简洁，并保持弹性

一级频道，到底是用来干啥的？

个人认为，通常情况，一级频道应该给用户提供以下三点内容：

a. 掌控感

b. 常用功能

c. 小入口

首先，一级频道需要很简洁，这样用户才能找到那种掌控感；

其次，“八成”的主要空间应该用来放常用功能，这样用户就能马上找到常用功能；

最后，用户还需要一个只占“两成”空间的小入口，通往不常用的功能。

那么，怎么做到这三点呢？下面是个人的一些建议。

先说页面顶部。非常认同张小龙的说法，这里直接引用一下：

(1) 尽可能不在标题栏使用 tab/下拉框，增加维度

新版 Keep 的前三个一级频道，标题栏都用了 tab。给用户的感觉就是，内容太多，有点复杂。

再说页面中间部分，建议参考以下两个原则。

(2) 内容的展示形式不要超过 3 个维度

Banner 是一种维度，宫格是一种维度，设置页面那种列表也是一种维度。

先来看下微信，4 个一级频道：微信、通讯录、发现、我，全部都只有一个维度，就是一个 tableView 那种列表。“我”那个页面勉强算 1.5 个维度，因为顶部带头像那一行的内容多了一点。

微信这种极简，大部分 App 都很难做到。那么，退而求其次，早期和中期一定不要超过 3 个维度，而且不要一上来就把 3 个维度的名额用完了，先从 1 个和 2 个开始，后面慢慢加。

后期，如果有重要的新功能，比如商业化相关的，可以谨慎考虑第 4 个维度。务必不要增加第 5 个维度，用户一定会烦躁，产品也一定会被用户贴上“复杂”、甚至“难用”的标签。

举个例子，新版 Keep，“探索”频道的首页，给我的感觉是比较复杂的。这个页面的主要内容，有 5 个维度。

(3) 尽可能把不同的内容合并成一个维度

以前，在一次项目改版中，同事把“我”页面的“退出登录”，设计成了一个按钮的形状。“我”这个页面，其他内容都是列表的样式。跟下图的 Keep 页面类似。

这种思路可以理解。因为从 PC 和 web 延伸过来的习惯，“退出登录”通常就是一个按钮。不过，实际上，这里更好的方式是把“退出登录”统一设计成列表的样式。

第一，大部分用户不会花时间纠结你的“退出登录”是按钮还是普通的列表；第二，多一种样式，就会多一种维度。

微信上就有很多例子，两类内容的性质不太一样，但是样式一样，都在一个维度里。比如“微信”频道里的“订阅号信息”和“群消息”，“通讯录”频道里的“公众号”和单个联系人。

内容太多，3 个维度不够用？只要逻辑上不存在大的问题（比如把“支付”放到“通讯录”频道里），把不同的内容合并成一个维度试试看。

(4) 尽量像导航，不要像商城

新版 Keep 的“探索”频道，我几乎没用过，虽然我几乎每天都在用 Keep。因为给我的感觉就是内容太多，看着有点头晕，没有“探索”的欲望。

微信的“发现”频道，就简洁的多。如果这里哪天出现一个“大程序”，大家可能也会有兴趣点开看看。

微信读书的“书城”页面，给人感觉就像一个真实的书城，页面很长，内容很多，内容的展现形式（维度）也很多。

这里没啥问题，因为这个页面作为二级频道，就是用来逛的，用来发现一些书的。

很多 App 会把一级频道做成一个商城的样子，内容很多，内容的展现形式（维度）也很多。

可大部分时候，用户根本没有耐心在一级频道逛，用户只想在一级频道快速找到自己常用的功能。

用来逛的内容，更适合放在二级频道及以后。一级频道，留一个简单的入口就够了。

3 不为 20% 的需求，去打扰 80% 的用户

这一条，不仅适合一级频道，也适合二级频道及其他页面，所以单独拎出来讲一下。

脉脉的动态页面，所关注的主题那一栏，每条信息的右上角都有一个可以展开的小图标，点击后会弹出屏蔽相关的功能。

而微信的朋友圈里，是没有类似功能的。有些同学可能会觉得，经常能在朋友圈看到几个刷屏打广告的，微信为什么不出一个类似功能呢。

微信之所以没给这个功能，个人觉得，很重要的一点，是我们在刷朋友圈的时候，绝大部分时间不需要这个功能。

毕竟这里基本上是你的熟人关系，屏蔽别人是个极少用到的功能。一旦加上，日常就会对我们形成打扰，而且页面也会相应变得复杂。

再来看 Keep 新版的“运动”频道和“探索”频道，首页都有很多运营活动。

我相信有相当一部分用户是不怎么需要这些活动信息的，实际情况是所有用户都能在一级频道的首页看到大量活动，这无疑是一种打扰。

这其实是一个比较常见的问题。有很多产品都喜欢在一级频道里塞满各式各样的内容，有相当一部分，是用户日常用不到的。

首页内容过多，一个可能的原因是，用户会提这种需求。比如有些用户就希望朋友圈里有一个快捷的屏蔽功能。

但是企业应该明白，大部分用户只会站在自己的角度考虑问题。而企业，应该站在所有用户的角度考虑问题，这样才能做到最大限度的多赢。

还有一个原因，企业可能会担心，内容藏的深，怕用户用的少，数据上不去，所以就尽可能的往一级频道放。

想一想，在家里，台灯通常会放在书桌上，但毕业证通常是不会放在书桌上的。需要毕业证的时候，不管路径多长，我们都会去把它拿出来，并没有感觉不方便。

毕业证放在书桌上，一来会浪费空间的，二来我们也会觉得怪怪的，其实我们只要知道毕业证放在哪儿就够了。

总的来说，信息架构要想生命力旺盛，核心骨架就得始终保持简洁，尤其是一级频道。要让用户，始终能在一级频道，轻松的找到那种掌控感。

篇幅所限，以上几点，不算很全面， 也无法覆盖所有类型的产品 （比如购物类、资讯类、应用商店类等），所以仅供参考。也欢迎留言交流。

结语

万事万物都处在发展变化当中，一款 App 也不例外。

App 的发展变化，很核心都一点就是：增加新功能、完善旧功能。

这是大部分 App 的宿命，也是使命所在。因为企业总是希望，在激烈的竞争中，自己的产品能够越来越好、越来越强，收获越来越多的用户，最终实现盈利，并挣到越来越多的钱。

站在用户的角度，所有人又都是一个矛盾体。一方面对新功能和新事物怀有好奇心；另一方面，又希望每次打开常用的 App 时，都有一种回到家的感觉。

好的做法，就是类似微信和 iOS 那样，尽管加了新功能，但是看起来没啥变化。

也就是说，以“不变”的信息架构，来应对并海纳“万变”的功能。

如此这般，产品才有可能永远简洁，并永远保持旺盛的生命力。

以上。

---

作者：Leeo

公众号：snow-design（分享用户体验的相关研究）