如何高效地对信息进行整合、梳理， 是设计创作很重要的一环。本篇文章中作者给大家分享了飞书文档的产品体验设计拆解，感兴趣的朋友们快来一起看看吧！
如何高效地对信息进行整合、梳理， 是设计创作很重要的一环。
基于此，这里给大家分享一下飞书文档的产品体验设计拆解。
通过对「飞书文档」的体验设计拆解，为你提供一份文档类产品的解题宝典！
Ps：笔者之前写文章主要是使用语雀或 Notion，这次为了拆解「飞书文档」，就专门用飞书文档写文章来拆解飞书文档~（套娃警告 ）
第一类，UI/UX设计师，可以跳出执行层，去思考飞书文档的产品设计策略，提升产品分析能力；
第二类，产品经理/运营，通过全面的产品设计拆解、策略推导，获取产品设计参考；
第三类，文档产品从业者，通过全面的产品设计策略推导、用户需求分析，获取竞品分析参考。
进入飞书文档，首先看到的便是这几个一级的导航栏，先来对这几个导航栏做一下梳理
飞书文档是一个可多人实时编辑的在线文档，在使用过程中自然需要对团队协作中的所涉及到的相关权限进行了解
设计思考：
设计思考：新建空白文档后，输入文档标题，会自动在下方将已输入的文档标题关键词带入模板库搜索框进行检索，帮助更加便捷地使用推荐的模板。这个联动第一次用起来的时候感受非常巧妙，由于没有内部数据，不好推断实际的使用频率，不过单从创意上来讲不得不说飞书文档的产品设计还是下了一番功夫的。
飞书文档提供了非常丰富模板，在点击新建文档后，会直接弹出「模板库」弹窗，飞书文档提供了「实用」「专业」「丰富」的文档模板，非常推荐用户使用系统推荐的模板，进一步加强用户和飞书文档的粘性。
（1）没有顶部固定工具栏
大部分同学应该习惯了 word 这种工具栏，包括其它很多的在线文档平台，也都保留了这种设计。
而飞书的工具栏默认是隐藏的，在没有开始第一个字输入之前，进入页面就是一片白色，功能区全部隐藏，需要点击或选中一些内容才能出现，看似更麻烦，但实则更高效。
这种工具栏叫做「浮动工具栏」，与传统的工具栏抛给你一堆选择不同，浮动工具栏是围绕内容服务的。
你可以先书写内容，再使用浮动工具栏中的菜单设置格式。让设置就在你的光标旁边，移动距离更短，日积月累能省下不少时间。当然，直接记住 Markdown 快捷键是更好的选择。
（2）浮动工具栏
当鼠标选中文档内的已有内容时，界面会自动弹出浮动工具栏。
（3）区块菜单工具栏（ Block ）
在文档中，我们用块去称呼结构化元素（Notioin 中称之为 Block）。文档里的每一种内容类型都属于块，包括标题、文本段落、列表、表格、图片、多媒体文件、投票、第三方网页等。
例如，下图文档中的每一个蓝色区域，都表示一个单独的块。文档支持插入这些块元素，让你通过简单的鼠标点击，便捷完成一篇高信息量的文档。
（4）/ 快速插入
在文档任意空白行输入 / ，或正文任意位置输入空格 / 即可触发 快速插入，可见工具栏菜单。
（5）+ 工具栏
鼠标悬浮在文档任意空白处，即浮现 + 工具栏。将鼠标光标悬浮在 + 工具栏上，可见 + 工具栏菜单。
（6）⋮⋮ 工具栏
将鼠标悬浮至想要编辑的区块，在区块左侧可以看到 ⋮⋮ 工具栏。将鼠标光标悬浮在 ⋮⋮ 工具栏上，可见此工具栏的菜单，你可以进行以下操作：
设计思考：
设计思考：飞书知识库的文档没有区分查看态和编辑态，所有的修改会实时同步给正在预览文档的用户；在多人协作的场景中，会把编辑者的光标实时显示出来，把线上协作的氛围感演绎得淋漓尽致。
今年飞书悄悄上线了「新文档」，以下内容拆解均基于「新文档」拆解：
谈到飞书文档与传统文档最大的不同，我认为是飞书文档编辑器支持 Markdown 语言，并按 Markdown 的理念打造。Markdown 可以让你在编写文档时一气呵成，省去通过菜单栏手动调整文本结构的繁琐。
飞书文档继承了Markdown 不允许改字号的理念。在这里，只有「一级标题」「二级标题」「三级标题」这些格式，没有「20号」「15号」这些字号的设置。
Markdown 的本质是让我们回归到内容本身，而不是文档的样式。
此外，对于组织来说，让所有文档整齐划一，一级标题都是一样字号的一级标题、二级标题都是一样的二级标题，一定程度上对降低阅读难度有帮助。
这里分享一下 Markdown 的快捷键：
在飞书的工具栏中，默认只会显示 H1、H2、H3 这三级标题，乍一看好像不太够。
然后当文档里如果有使用到 H3 标题，那么 H4 就会自动出现在工具栏中，以此类推，最多可以有 H9。
这种设计的处理方式非常人性化，既避免了一开始就出现到 H9 带来的复杂，毕竟很少有人会用到 H9，但是如果你真的用到了很多级别的标题的时候，又会自动出现下一集标题，非常巧妙。
国内很多在线文档，都不会注意到首字母自动大写，而飞书文档没有遗漏。
飞书文档不但没有遗漏上述细节功能，而且使用蓝色的编号，让列表的存在感更强了， 让用户在写文档时能够更加清晰。
在撰写文档的时候，难免会有一些错别字，飞书文档会自动识别可能是错别字的地方进行高亮，微信公众号也有类似的功能，但是公众号只会告诉你哪里错了，不会给出解决方案。
但飞书文档更加人性化的是方式是直接给出了系统认为修正后的结果，而且大部分情况都是和编辑者预期的结果匹配的，用的过程中非常令人惊喜。
飞书百科是最近新上的功能，不仅仅是做成了企业的「百科全书」，而且能够和文档内部打通。
当文档中有百科中的词汇时，关键词会自动高亮，鼠标悬停会展示这个百科词条的相关解释。
对于一些大公司内部的黑话大全特别管用，当新人入职新公司的时候，对于一些企业内特有的名词就能够通过百科词条轻松 Get 到意思。
飞书剪存是一个兼容于各大浏览器的扩展程序。它可以将自动剥离广告后的网页正文一键保存至飞书云文档。
一键保存网页正文，告别手动复制粘贴：浏览到喜欢的网页，点击飞书剪存，即可将网页内容保存至你的飞书云文档中，而且标题格式还能完美保留。
对于用飞书来搭建个人知识库的场景非常方便，再也不需要手动复制然后一个一个调整标题格式了，效率大大提升。
当看完一整片文档，在下方会出现点赞的按钮，这时候会习惯性的把鼠标放到按钮上，然后考虑要不要点赞，当我们鼠标悬停的时候，会触发点赞按钮蓄力的动态效果。
而且点赞完成之后还会有撒花的动态效果，用情感化设计的方式引导用户给文档点赞。
一定程度上提高了文档的活跃度，让文档的编辑者也能够有更好的正向反馈，进而激励文档的创作。
在文档标题上方可以 添加封面，从官方图库选择封面图或从本地上传，让文档看起来更有生气，呈现个性。
官方图库中提供了很多高质量的配图，尤其是前面 3 排的配图还融入了飞书的品牌宣传元素。
在文档中使用分栏功能，让你的文档版面更加紧凑，实现图文、图表等各种功能的混排；还可以通过调整分栏的大小，调整高亮块、流程图等区块大小。
有了分栏功能，可以将飞书文档打造成一个非常简单的个人网页的形式，通过简单的拖拉拽就能形成一篇精美排版的网页。
插入图片后，调整图片大小时会发现图片默认是居中对齐的，但是就个人而言，大部分时候多使用习惯都会手动再去调整回左对齐，每次都得手动调一边，显得很繁琐。
新文档下，选中图片后鼠标悬停的手势会变成放大镜手势；旧文档下，选中图片后鼠标悬停的手势会变成抓手手势；这两种手势与本身图片支持的两种拖拽和放大的交互行为不太符合预期。有时候会误认为只能进行鼠标手势对应的操作。
点击「+」和「/」呼出的工具栏的样式不一致，其实仔细瞧会发现里面内功能内容其实是一致的，看了下 Notion 是一致的，不知道飞书文档是出于什么考虑这里处理成了两种工具栏的样式。
在设计方法论中有一个概念叫「希克定律」，即可供选择的刺激越多，用户决定与哪一个进行交互的时间就越长，受到选择轰炸的用户必须花时间来理解和决定，这相当于加重了他们不想要的工作。
相比于竞品「腾讯文档」、「石墨文档」、「有道云笔记」等，进入文档边界会提供你丰富的文档编辑工具而言，「飞书文档」整个使用上的交互体验就是极简。
在《简约至上:交互设计四策略》一书中提到的四大策略：合理删除、分层组织、适时隐藏和巧妙转移。
飞书文档可以说是将这四大策略用到了极致。
整个编辑器中的交互设计，相比于传统 Word 类型的工具栏，不需要满屏找想要的功能在哪里。
当用户需要的时候，会立刻出现在距离鼠标最近的地方，提高文档编辑的效率。整体使用飞书文档的感受会发现很多除了期望型需求外，还满足了用户很多的兴奋型需求。
由于时间和篇幅有限，关于飞书文档的体验设计拆解中存在的疏误之处还望大家给与指正，欢迎大家一起学习和讨论。
参考链接：
https://zhuanlan.zhihu.com/p/532734411
https://www.feishu.cn/hc/zh-CN/categories-detail?category-id=7099738910548312066
作者：波波 Bobby He ；深耕 B端体验设计，持续学习输出中。
本文由 @波波Bobby He 原创发布于人人都是产品经理。未经许可，禁止转载。
题图来自 Unsplash，基于 CC0 协议。
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。