飞书的体验设计，真是把在线文档玩透了

我这几年都不怎么保存本地文件，什么事情都尽可能地依赖在线产品。

在线文档这一块，我早年是使用 Google Drive 的，后来因为网络不便换成印象笔记；再后来因为印象笔记功能少广告多还收费，又换了。

在腾讯文档和石墨文档之间，我选择了前者：花3个礼拜测试石墨和腾讯文档后，我决定要用哪个了！

最近我发现很多 PM 在用飞书写需求，也是这个原因，我开始使用飞书。

其实我早就知道飞书这个产品，但是一直懒得去试用，主要是因为这种在线文档产品感觉都差不多。

国内这么多同质化竞品，感觉都比不过 Google Drive，也就没啥兴趣了：什么叫细节控？看看Google问卷的设计吧

然而这次用了一段时间的飞书，却惊讶地发现这个在线文档还真是走出了自己的特色。

让我不禁感慨，国内做产品如果抓住本土用户的需求，避免和国外成熟产品直接竞争，还是能走出自己的道路来。

于是，我今天就来分享一下，飞书一些有特色的体验设计。

P.S. 飞书也有一些有特色的功能，但是考虑到每家都有自己的关注点和开发进度，所以我还是会聚焦在设计上。

对了，本文并不是广告，飞书的缺点我待会也会实话实说。

便捷的文件夹管理

不论是 Win 还是 Mac 我们在编辑一个文档时，如果想要变更该文档的位置，都是比较麻烦的。

Win 的话，必须保存并关闭文档后，再去资源管理器找到该文件，才能移动到其它文件夹。

Mac 的话，稍微方便一点，不用保存关闭，但也需要去「访达」里找到该文件才行。

然而我们已经习惯了这些操作，就跟以前做公交必须准备零钱一样，当时并不会觉得有什么问题，现在被移动支付“惯坏”后，才觉得麻烦。

没想到，飞书连这种用户自己的注意不到的“痛点”都解决了。

文档编辑中，用户可以随时在左上角的文件名下方，修改所在文件夹，做到：一边编辑文档，一边移动文档。

不仅如此，飞书还支持将一个文件放到多个文件夹，打破了文件与文件夹的包含关系，让文件夹变成为类似标签的东西。

跟随鼠标的操作按钮

绝大多数文档工具，都会把操作栏放在顶部。

我以为这就是文档工具的最优方案了，没想到飞书居然另辟蹊径，把操作按钮放在了离光标很近的段落左侧。

我之前通过用户测试发现，当用户无法快速发现重要信息时，你最好是把信息放到他们视线附近。

如果不知道他们视线在哪，那么就放到光标附近。

因为用户时常要盯着光标，光标上的反馈是最直接有效的：回顾一下我做B端时的失败方案

飞书让操作按钮始终处于鼠标左侧文档边缘位置，可谓是一举多得：

1. 让操作按钮的位置清晰可见
   

2. 让鼠标能快速移动操作

3. 节约界面空间
   

4. 暗示可以往空白行添加内容

当然，这么做也不是没有隐患：操作栏不能直接看到，功能可见度低，新手不友好。

好在飞书对于这些隐患也有应对之法：

一是通过悬停展示菜单的方式提高了功能的可见度；

二是砍掉了很多没必要的功能（例如边距、字体、行高等可有可无的格式设置），降低了学习成本。

对于大量像我懒得设置文档格式的用户而言，这种交互形式是利大于弊的。

最近我还发现，这一交互还被腾讯文档借鉴了去（有时候有，有时候没有）。

腾讯文档

其实 Notion 也有类似的交互，不过菜单需要点击展开，而且里面的列表太长不方便。

Notion

人性化的段落管理

文档类产品都可以通过标题来设置段落，然而像飞书一样可以在文档上直接把段落折叠起来的却不多。

当然，这个功能也不是什么创新，如果只是这样我也没必要拿出来说。

飞书的格式菜单里，默认只展示 H1、H2、H3 这三级标题，看起来好像不太够的样子。

然而如果文档里已经存在 H3 标题，那么 H4 才会出现在菜单里。以此类推，直到 H9。

而且段落目录的展示方式我也比较喜欢，在界面最左侧，没有使用任何分割线或背景色来做分区，保持了视觉的简洁性。

只是隐藏目录的功能我感觉不是很好用，交互难以理解，隐藏和展示的时机很奇怪。

清晰灵敏的序列识别

大部分在线文档，都有列表识别功能。

就是你新开一行输入“1.”，再按空格键后，这一行就变成了一个有序列表，输入该行信息后，再次换行，后面就会出现“2.”……以此类推。

国内很多在线文档，都不会注意到首字母自动大写，和序列打断后输入“N.”+空格接上这样的细节，而飞书没有遗漏。

飞书不但没有遗漏上述细节功能，而且使用蓝色的编号，让列表的存在感更强了。

虽然这并不能算什么创新，也牺牲了样式的灵活性，但是对于我个人而言，这样会更加清晰。

我个人认为的一些缺点

虽然前面看着有点像在帮飞书打广告，但我并不是觉得这个产品没有问题的。

相反，飞书这个产品因为比较新，问题不少。

但我觉得飞书主要问题，不在文件编辑，而在文档管理上。

首先，文件必须打开才能改名，不能在文件夹的文件目录上直接修改，这点就很反人性。P.S. 如果能改，只是我没找到，请告知一下。

右键菜单里没有“重命名”

不能从首页的所有文件目录跳转到文件夹这点也是让我惊讶，还以为这是文件管理工具的基本功能了。

进入一个文件夹后，对文件夹的操作散落在顶栏和右侧两块区域，这让我困惑了好久。

总结

说实话，飞书这款产品并不完美，和很多成熟的在线文档相比，亮点和问题并存。

但我认为飞书在体验设计上，最难能可贵的是，打破了很多在线文档的传统框架。

让我看到了国内的互联网公司在设计产品时，不再一味地向海外借鉴，而是为本土的用户，找到了适合自己的方向。

在国内企业遭受如 Figma 这样的海外科技公司制裁围剿的今天，这一点突破真的难能可贵。

希望未来我们能看到越来越多的国产互联网产品，能够为本土用户而探索出自己的方向。

---

四月份有个大咖云集的设计活动推荐给大家，报名方式：下图底部扫码或本文左下角的阅读原文都可以。

上下滚动查看更多

近期正是招聘季，想要让我帮忙详细点评一下作品集，获得一些职业建议或内推机会的，欢迎加入我们知识星球。

还有各种课程、训练营和学习打卡活动，对成员全年免费开放：

如果你只是想要多认识一些同行，也可以加入我们无广告的纯粹体验研讨微信群：