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

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

此处的 IX,和上文的 UX,是一个意思。为了表达更精确,措辞做了升级。

今天,就分享一个和 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. 小入口

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

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

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

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

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

2.1 尽可能不在标题栏使用 tab/下拉框,增加维度

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

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

2.2 内容的展示形式不要超过 3 个维度

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

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

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

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

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

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

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

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

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

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

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

2.4 尽量像导航,不要像商城

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

结语

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

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

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

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

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

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

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

以上。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容

  • 每天进步一点点点点点点点点点点点点点点点点点点点点点点点点点点点点点点~~从开始只能写几句话、模仿别人的观点,到现...
    一个帅气的名字呀阅读 18,044评论 4 31
  • 我有一个喜欢的人,今年是第四年,所以四年是他的代称。 四年里给他写了三年的信,尽管不会寄给他…… 一———————...
    枇鬼阅读 161评论 0 0
  • 雨簑风笠静垂纶; 月夕烟朝挥扬钩。
    自命飞皇Yoes阅读 126评论 0 1
  • 回头就看见,小贩的渔桶里迸溅的早晨 豆角长得很好 蝴蝶在飞 认识的不认识的花都想开 白粥煮好了 宇宙的潮水还没有涌...
    云长罢了阅读 365评论 2 4