上周收到优设网主编程远的邀请，让我写一篇 职场习惯 的文章。

第一篇相关的文章是在 2019 年写的，距今已过三年，没想到当时不起眼的文章在优设达成了一个高达 32 万阅读量。

为什么有人工作才两年，能力就远超过五年的设计师？ 有些设计师工作两年，能力却比好多工作三到五年的设计师强。

阅读文章 >

同时衍生了一个专题： 《为什么有人工作才两年，能力就远超过五年的设计师》

这次我在该系列的基础上，再写一篇作为该系列本人的最后一篇文章。

19 年我写的偏“战术”方向。本篇文章我换个角度讲讲，为什么有的人工作五年就做了设计经理，而有的人工作八年还是个大头兵。

令人讽刺的是我作为一个工作 8 年的互联网老鸟，依旧是一个大头兵，本篇文章，我是根据个人职场所见所闻，以及和以前的老同事以及设计朋友沟通总结出来的一篇文章，希望对你有帮助。

本文大纲如下：

拥抱新事物新技术 工作的事情做得漂亮 找到对你信任的老板 跟着老板一起前进 1. 拥抱新事物新技术 对于大部分人来说，专业知识学习欲望最强烈的时期，应该是在工作的前 3 年，在这 3 年中，会不断地看新出来的设计文章，看各种培训班视频等。

当工作步入第 4 个年头后，学习的欲望就降低了。容易陷入鸵鸟心态，封闭自我，不再关注新出的设计趋势或者是设计文章。对培训班的设计嗤之以鼻，然而别人精心准备的内容，总有一些是你不会的。

当然也不是让大家去报培训班，可以尝试最小成本的去获取有价值内容。编者注：比如看优设网

新出来的设计知识，很多有学习和借鉴的价值，我们要摆脱鸵鸟心态。

去时刻保持学习的心态，这样人才能不断进步。不然工作 8 年了，可能专业水平还不如工作五年的小年轻。

2. 工作上的事情做得漂亮 拥抱新事物新技术，积累经验和工作上的事情做得漂亮。貌似和做设计经理没太大关系？

其实不然。做设计经理的前提是：专业能力强；做事能力强。将工作上的事情都做得漂亮，这样领导才放心地把项目交给你。

可以说，满足前两点是前提，只有专业能力强， 将事情做好，那么才可能有老板信任你，放心放你带领下面的人。如果自身条件差，即使老板想带你飞，也带不动，甚至连累老板。

将事情做得漂亮，需要有比较好的情商和智商。情商方面和各个角色协作顺利。智商方面，将事情按照最佳路径和最佳结果去呈现。

3. 找到对你信任的老板 满足前两点是基础，最重要的是第三条。就是眼缘。

眼缘这东西，很难去用文字或语言去描述。

不同的人对其他人印象是不一样的。例如有的 设计师 ，在好未来就备受排挤，绩效都是垫底，通常是 C。但是他去了字节，就全是 S 或者 A 了。字节的评价就特别好。这种现象如何去解释呢，非要解释，就是这个人更适合字节。

以前公司团队有个人，老领导在的时候，团队之星，绩效不是 S 就是 A，后面换领导了，绩效就是中等偏下，慢慢滑向了边缘。

对于领导也是一样。领导可能会很喜欢你，也可能很不喜欢你。这些都是眼缘，要珍惜对你很好的领导。千里马常有，而伯乐不常有。

作为职场人，最珍贵的不是 微信 大佬好友有多少，认识多少大牛，线下和哪些大牛吃过饭，这些都是不重要的，对你的职场没多少帮助。

对你最重要的是所有工作过的团队和你一起战斗过的同事们和领导们。

4. 跟着老板一起前进 当遇到了信任你的老板，之后就不用想着跳槽去更好的公司去做更好的项目。

如现在在二线公司，怎么跳槽去腾讯？这种路径我现在感觉不太对。

正确的做法是和老板一起前进，老板是将军，带领着大家攻城掠地。

老板成功了，对应的将士们，也一定会得到应有的成功。这种效果比个人单打独斗要好得多。

我以前公司的一个设计师。他从公司最核心的业务一步步跳到了公司边缘业务，我百思不得其解。

后面发现他的职级一年升一次，没两年就开始带团队。原来他的换业务的路径，是因为他的老板，他是跟着自己的老板一起跳。

后记 在知乎上，有一个提问很火：为什么印度人在硅谷如日中天，华人却很难混入高层？

其中有一个回答很好地解释了为什么会出现这种情况。大概意思是以下 3 点：

印度裔更加积极地去承担项目，做项目的主人。去推动项目落地，最后项目成了，大家都会首先想到他。 印度裔抱团成风，当团队有一个印度裔后，后续慢慢地，整个团队都是印度裔了。 印度实行师徒制，领导和下属绑定在一起，一起共进退。 上期回顾：

猎聘网总监：为什么有人工作才两年，能力远超五年的设计师？ 大家好，我是闫界，感谢优设程远老师的邀约，能有机会跟大家分享一些我个人的工作习惯。

阅读文章 >

欢迎关注作者的微信公众号：「Echo的设计笔记」

前言：关于产品思维的迷思 网易邮箱大师 徐恺：在业务工作中，我们经常会讨论到：处理这个问题你需要运用产品思维；我想要提高一下自己的产品思维… 我们知道 产品思维 是帮助 设计师 更好地推动项目的重要能力，但当想要进一步学习时，又会发现关于产品思维的各种维度的解析。

什么是产品思维？产品思维是如何在我们设计中发挥价值的？怎样体现产品思维？怎样学习产品思维？始终会有些说不清道不明的感觉，缺乏很具体的定义与行动指导。

我自己也在这块苦恼过，各类资讯书籍一看，怎么有这么多类型的产品思维？大家讲的还不一样。但之后我开始反思，也许不存在绝对定义的产品思维，不同的岗位（产品/设计/产品负责人/业务负责人…）、不同的业务、目标、经历、认知…，不同的人对如何做产品、做设计其实会有不同深度的理解与运用，进而提炼与总结出可以帮助他们更好的「洞察机会、解决问题、创造价值」的思维工具组合，即为他们的产品思维。所以相对于学习某种产品思维，我们更应该建立自己的产品思维体系，在学习与实践中不断补充与提升。

大厂面试问最多的产品思维到底是什么，该如何提升？ 我们的很多视觉能力优异的学员面试过后，都会来反馈面试官对他们的设计能力表示认可，但认为他们的产品思维能力有待提升。

阅读文章 >

今天的分享，以一个「错误提示问题」为例，介绍一下我认为比较核心的三类产品思维工具及其在项目中的应用。

1. 本质思维：从表征看病因 某一天，技术同学过来和我提到：“之前的一个错误码只定义了邮件登录场景下的错误文案，现在发现用户遇到在发送场景下没有定义的问题，你给个文案，这个版本补充一下？”

当下，我也是直觉的反馈说：“好的，稍后给你。”

但随后我追问了自己几个问题，发现并没有这么简单：

为什么这个错误定义会遗漏？ 为什么之前统一文案的规则没有生效？ 还有没有其他也会在发送场景触发的错误没有定义？ 要修改错误码，只能通过发版本的方式吗？ 为什么没有做成实时配置实时生效？ 于是我拉着技术又进行了一轮沟通，我们发现，之前的错误梳理是分散且单一维度的，即：登录模块的产品梳理登录模块的错误，发送模块的产品梳理发送模块的错误，而实际邮件登录、收取、发送等诸多过程中，都需要验证帐号的有效性，所以部分登录时的错误，在发送验证时也会发生，而两个场景下的提示在文案与操作上有所差异，无法单纯的复用。由此，原先的问题被重新定义为：

如何完整定义所有的错误场景？ 如何实现错误提示配置的实效性？

就像我们的身体出现了症状，需要去医院检查，请医生明确病因后才能对症下药。体表显现的病症，有时却是内部系统根源出现了问题的反应，如果仅仅是针对表征进行处理，并不能真正解决问题。

与人体系统相似，产品也是由一系列系统组成运行的。那么当我们发现表现层出现问题的时候，就需要提醒自己进一步思考下问题的影响范围有多广？是不是系统底层逻辑出现了问题？比起解决表征的问题，我们更需要去优化引发问题的系统。

问题本质探究的思考方式：

问题溯源：不断追问 why，从根源解决问题，避免复现。追问的方法很简单，但很多时候是我们忘记问或问的不够深。 审视目标：重新审视产品目标，明确现状与目标的差距在哪里，为什么？ 回到系统：把问题放回到它所处的系统中去重新思考，找到系统中起决定性作用的核心因素。 2. 结构思维：复杂问题构建 重新定义问题后，第一步，我们希望可以收集、梳理完整的产品错误码，并定义其内容。

但是邮件服务涉及多个不同的邮件协议，加上不同产品端（移动、电脑）、不同场景（登录、发送…）的相互叠加，相关错误有几百个，该如何梳理？

结构化思维方法可以帮助我们：

① 拆解要素 分类重组

结构化的过程，首先是拆解的过程，分析问题的对象由哪些部分组成，将这些部分拆解出来。再将子项再进一步进行拆解，不断细分（实现 MECE 规则中提到的 不遗漏、不重叠的效果）。案例中的错误提示便经过了以下的几层拆分：

第一层：协议，如 IMAP、SMTP 等；不同协议之间的错误码相互独立；

第二层：产品端与场景，不同端、不同场景下的提示样式、内容规则会有差异；

第三层：内容组成，拆分错误码、错误提示的组成，如：cause、code、形式、标题、操作等；

拆解后，需要再将这些要素重新分类组合，以便于我们梳理和不断补充错误码。

此处，我们利用表格工具建立二维管理表：

每个 Tab 是一个协议； 纵向是需要梳理的每个错误码； 横向是错误信息组成与不同场景下的需要定义的内容； 而他们组成的每个单元格就是我们需要完善的内容。 借助此工具，每一个错误码，都有了一个梳理的框架，可以明确需要定义哪些内容，避免场景与内容的遗漏。

② 提炼共性 建立标准

在拆解梳理的过程中，会发现内容之间会存在一定的相似性与复用性，通过找到这些共性内容，又可以逐步形成一些标准化规则：

相似场景的提示形式是否可以统一？

好几个错误码都在描述帐号风险问题，他们的文案提示是否可以复用？ 一些常用文案，如：确定按钮是用「确定」还是「好的」，是否可以统一？ 常用关键词的翻译是否可以统一，避免后续翻译混乱？ 通过这一步，可以总结和输出：错误提示组件规范、文案规范等标准化工具，一方面是保障用户体验的统一性，另一方面也是为后续设计提供参考降低成本。

结构性思考是 产品设计 中很重要的工具，可以帮助我们将复杂的问题转化为简单的行动，将混沌的问题转化为清晰的描述。

常用的结构化方法：

图表化：展现复杂问题的结构，帮助更全面的完善细节，也是我在整理信息是特别常用的一种方法。但其难点是在于要将问题拆解充分，最终每个单元格只有单一的「是与否」信息为最佳； 模型化：将问题思考的过程提炼，帮助我们进行更全面的分析与思考，设计常用的分析模型如：用户体验地图、用户增长模型… 公式化：找到核心变量及其影响关系，明确工作与结果的关系，对于数据结果导向的工作特别常用。 3. 系统思维：让设计动起来 梳理错误提示的同时，我们还需要搭建一套系统，以实现灵活配置与实时生效的目标，即：将我们的设计构想进行产品化落地。而此时，系统思考之一，便是关注系统的动态性。

① 动态适应

“系统能运行多久？”

系统的设计需要满足动态的需求变化，单以错误提示为例，发生变化的情况有很多：

虽然希望能够完整定义所有错误，但事实上是比较难做到的，未来的内容新增不可避免； 相关方对于服务的调整，有可能会造成错误提示的修改要求； 提示上线后，发现文案效果不佳，会带来优化需求； 随着产品能力与技术的迭代，一些过去的内容与操作可能不再适用，需要调整；一些过去的未知错误有了新的解决办法，需要补充… 之前的错误提示，是伴随着每次功能迭代，在设计时定义好，在研发时写在客户端，因此造成每次修改都需要发版处理的情况。在优化方案中，替代原先在客户端管理的方式，将错误内容配置放到服务端，客户端获取服务端错误码与配置内容进行匹配，展示相应内容：

② 自动执行

“一定需要提示吗？”

我们常听到一句话：最好的设计是「没有设计」，转化用在这个项目中却相对合适，最好的错误处理也应该是「没有提示」。

当我们在专注于梳理错误操作内容、设计错误操作配置，不妨可以再问问自己：

这个提示真的有必要展示吗？ 是否可以通过自动重试或其他策略优化，避免错误的发生？ 这个操作真的有必要让用户处理吗？ 是否可以提供一键检测、一键修复的方案，帮助用户完成一系列的复杂操作？ ③ 主动反馈

“你能发现未知的问题吗？”

前面提到，提示系统的作用之一就是便于后期将未知错误转化为已知错误？但是如果是未知错误，我们要怎样发现它们？如何决定哪些未知错误需要优先处理？

考虑到这个问题，我们在配置系统外，同时还搭建了一套线上报错监控系统（虽然还做不到识别高频未知错误主动预警），定期复查高频错误，补充定义新的未知错误。

至此，错误提示问题的解决方案设计才算告一段落。

邮件系统的错误提示有其复杂性与重要价值，借助产品思维工具，避免了掉入「这个问题很简单」的陷阱，找到问题根源与最佳目标，从复杂繁多的错误中找到规律，进行结构化梳理，建立标准，最后建立错误提示配置系统、自动化策略、监控机制，为产品的错误提示管理建立系统方案，为产品与用户提供长期价值。

最后 有同学会问，如果要搭建这么一套系统的话，投入大时间久，那这个之前的问题就一直放着吗？

当然不是。在实际工作中，处理问题需要同时考虑解决效率与投入价值。

从处理问题的效率上考虑，最开始的错误提示当时也是先及时做了补充的。但是此时，这个文案的补充并非孤立无序的，我们能够清楚，它将是错误信息管理表中的一项重要信息，也是配置系统的一项重要配置，是未来错误提示系统的重要一部分。我们并非在零碎的做事情，而是在逐步完善一个产品系统。

欢迎关注「网易UEDC」公众号：

上周收到优设网主编程远的邀请，让我写一篇 职场习惯 的文章。

第一篇相关的文章是在 2019 年写的，距今已过三年，没想到当时不起眼的文章在优设达成了一个高达 32 万阅读量。

为什么有人工作才两年，能力就远超过五年的设计师？ 有些设计师工作两年，能力却比好多工作三到五年的设计师强。

阅读文章 >

同时衍生了一个专题： 《为什么有人工作才两年，能力就远超过五年的设计师》

这次我在该系列的基础上，再写一篇作为该系列本人的最后一篇文章。

19 年我写的偏“战术”方向。本篇文章我换个角度讲讲，为什么有的人工作五年就做了设计经理，而有的人工作八年还是个大头兵。

令人讽刺的是我作为一个工作 8 年的互联网老鸟，依旧是一个大头兵，本篇文章，我是根据个人职场所见所闻，以及和以前的老同事以及设计朋友沟通总结出来的一篇文章，希望对你有帮助。

本文大纲如下：

拥抱新事物新技术 工作的事情做得漂亮 找到对你信任的老板 跟着老板一起前进 1. 拥抱新事物新技术 对于大部分人来说，专业知识学习欲望最强烈的时期，应该是在工作的前 3 年，在这 3 年中，会不断地看新出来的设计文章，看各种培训班视频等。

当工作步入第 4 个年头后，学习的欲望就降低了。容易陷入鸵鸟心态，封闭自我，不再关注新出的设计趋势或者是设计文章。对培训班的设计嗤之以鼻，然而别人精心准备的内容，总有一些是你不会的。

当然也不是让大家去报培训班，可以尝试最小成本的去获取有价值内容。编者注：比如看优设网

新出来的设计知识，很多有学习和借鉴的价值，我们要摆脱鸵鸟心态。

去时刻保持学习的心态，这样人才能不断进步。不然工作 8 年了，可能专业水平还不如工作五年的小年轻。

2. 工作上的事情做得漂亮 拥抱新事物新技术，积累经验和工作上的事情做得漂亮。貌似和做设计经理没太大关系？

其实不然。做设计经理的前提是：专业能力强；做事能力强。将工作上的事情都做得漂亮，这样领导才放心地把项目交给你。

可以说，满足前两点是前提，只有专业能力强， 将事情做好，那么才可能有老板信任你，放心放你带领下面的人。如果自身条件差，即使老板想带你飞，也带不动，甚至连累老板。

将事情做得漂亮，需要有比较好的情商和智商。情商方面和各个角色协作顺利。智商方面，将事情按照最佳路径和最佳结果去呈现。

3. 找到对你信任的老板 满足前两点是基础，最重要的是第三条。就是眼缘。

眼缘这东西，很难去用文字或语言去描述。

不同的人对其他人印象是不一样的。例如有的 设计师 ，在好未来就备受排挤，绩效都是垫底，通常是 C。但是他去了字节，就全是 S 或者 A 了。字节的评价就特别好。这种现象如何去解释呢，非要解释，就是这个人更适合字节。

以前公司团队有个人，老领导在的时候，团队之星，绩效不是 S 就是 A，后面换领导了，绩效就是中等偏下，慢慢滑向了边缘。

对于领导也是一样。领导可能会很喜欢你，也可能很不喜欢你。这些都是眼缘，要珍惜对你很好的领导。千里马常有，而伯乐不常有。

作为职场人，最珍贵的不是 微信 大佬好友有多少，认识多少大牛，线下和哪些大牛吃过饭，这些都是不重要的，对你的职场没多少帮助。

对你最重要的是所有工作过的团队和你一起战斗过的同事们和领导们。

4. 跟着老板一起前进 当遇到了信任你的老板，之后就不用想着跳槽去更好的公司去做更好的项目。

如现在在二线公司，怎么跳槽去腾讯？这种路径我现在感觉不太对。

正确的做法是和老板一起前进，老板是将军，带领着大家攻城掠地。

老板成功了，对应的将士们，也一定会得到应有的成功。这种效果比个人单打独斗要好得多。

我以前公司的一个设计师。他从公司最核心的业务一步步跳到了公司边缘业务，我百思不得其解。

后面发现他的职级一年升一次，没两年就开始带团队。原来他的换业务的路径，是因为他的老板，他是跟着自己的老板一起跳。

后记 在知乎上，有一个提问很火：为什么印度人在硅谷如日中天，华人却很难混入高层？

其中有一个回答很好地解释了为什么会出现这种情况。大概意思是以下 3 点：

印度裔更加积极地去承担项目，做项目的主人。去推动项目落地，最后项目成了，大家都会首先想到他。 印度裔抱团成风，当团队有一个印度裔后，后续慢慢地，整个团队都是印度裔了。 印度实行师徒制，领导和下属绑定在一起，一起共进退。 上期回顾：

猎聘网总监：为什么有人工作才两年，能力远超五年的设计师？ 大家好，我是闫界，感谢优设程远老师的邀约，能有机会跟大家分享一些我个人的工作习惯。

阅读文章 >

欢迎关注作者的微信公众号：「Echo的设计笔记」

9 月第一波 设计干货 合集来了！这一期合集所推荐的 设计工具 大多偏向视觉设计，有好几个基于人工智能的图片生成工具，有非常好使的相似风格图片搜索引擎，有全新的 渐变色 合集，有免费的在线动画编辑器，免费的 3D 在线样机，都是好东西！

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第一波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第二波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第三波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第四波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第五波！2022年8月精选实用设计干货合集 各位 8 月好！

阅读文章 >

下面我们具体看看这一期的干货：

1、在线免费矢量爱心编辑器 https://fffuel.co/lllove/

可以说这个编辑器的功能算是非常小众了，它的核心功能在于帮你无需打开PS 或者 Ai ，直接在线编辑出 SVG 格式的矢量爱心，这个编辑器内置了多种不同的样式，方便你做出各种各样的爱心。

2、人工智能背景生成器 https://www.photoroom.com/backgrounds/

结合机器学习，基于语言生成图片的服务越来越多，这个 PhotoRoom 出品的 AI 背景生成器就是这么个服务，网站提供了范例，只要你用语言（英文，可以用翻译工具预先把你的描述翻译成英文即可）描述你想要的背景的内容，它就能生成你能用的背景。这个工具是免费的。

3、人工智能文本转图片 APP https://www.photoleapapp.com/

（需搭梯子访问）

和前面的服务类似，这个名为 PhotoLeap 也是可以将你的描述转化为图片的一项服务，但是相比前者它提供了更加细致的功能，比如在生成的图片当中，还能增加滤镜，去除特定的元素，更换背景，等等。 PhotoLeap 是著名的 Lightricks 团队出品，素质机相当过硬，唯一的问题是它只提供 7 天免费试用，并且只在 iOS 平台上使用。

4、相似风格图片搜索引擎 https://same.energy/

Same Energy 是一个非常实用的图片搜索引擎，它可以帮你找到特定图片风格样式相同的照片，当然你可以使用文本描述来搜索。这个搜索引擎在你确定了风格调性、需要获得更多图片素材的时候，显得超级实用了，它可以快速拓展出一系列相似的视觉素材，在制作情绪板的时候也相当实用。

5、精心挑选的渐变配色合集 https://tasarla.co/gp

渐变色不仅是百搭的配色素材，而且排列组合花样繁多，适用范畴足够宽泛。这一组渐变配色合集大概有 70 种截然不同的配色方案，这些配色都是被精心挑选出来的，所有的配色都优雅而令人舒适，你可以在任何地方使用，完全免费。

6、针对 XD 的设计系统 Ionic 6 https://ionicadobexd.com/

（需搭梯子访问）

Ionic 是一个方便设计师更加快速设计 UI 界面的系统，它有专门针对 Figma 的版本，而现在这个是针对 Adobe XD 的。这套素材包含超过 200 个 Symbols，根据宣传，借助这些素材可以将设计和开发速度提升 80%。目前这套系统是付费的，之后可以免费设计。当然，在下单购买之前，可以下载免费的 Demo ，看看效果如何。

7、开源免费在线动画编辑器 https://www.motionity.app/

这个名为 Motionity 的开源在线动画编辑器，可以说是 AE 和 Canva 的结合体，不仅可以便捷地编辑动画，而且借助在线的模板和滤镜，快速地整合素材和资源，生成高质量的动画和视频内容，省心，高效，免费，节省资源。

8、在线 3D 样机生成器 https://rapidmockup.net/

Rapid Mockup 是一个完整的在线样机生成工具，它可以用来创建包括杯子、T恤、海报等多种不同的 3D 样机，你可以将它导出为图片，也能导出为全方位展示的视频动画内容，全方位地展示你的设计。

编者按：本文从什么是行业分析、为什么要进行行业分析、如何进行 行业分析 3个方面，帮 设计师 掌握行业分析的入门知识。

从用户体验的 5 个层次来看，行业分析，是服务于企业战略（是否做+如何做）的，产品是企业达成战略的一种手段。在产品的战略层需要回答两个问题：

图 1 战略层要回答的问题

用户需求：用户通过我们的产品能得到什么？ 业务目标：我们希望通过产品得到什么？ 这是做产品最核心的两个问题。要回答这两个问题，不能闭门造车，必须要放眼整个行业，去了解一下整个行业的发展历程，用户规模，目前的行业的发展阶段，市场增速，竞争格局，发展趋势，再结合自身企业的资源、确定企业的竞争优势，再结合竞争优势确定产品定位。

图 2 产品与行业的关系

术业有专攻，作为设计师，我们很少做系统性的行业分析（多数时候由外部咨询公司和企业战略部/产品部进行），所以这堂课仅作了解，并不要求大家掌握，而是换一种角度，更加全面、理性的看待各种行业分析资料，从中汲取跟产品战略相关的信息和建议，为后续设计决策提供依据。

新项目的市场调研要怎么做？我总结了一个完整流程！ 现如今互联网市场竞争加剧、不断变化的用户行为习惯以及持续增加的新用户推广成本，多种因素导致企业对于用户需求了解越来越迫切，这也使市场调研的重要性越来越突出。

阅读文章 >

1. What | 什么是行业分析？ 要了解行业分析，我们需要先了解行业，以下是行业在百度百科中的定义：

图 3 行业的定义

行业（industry）是指从事国民经济中同性质的生产、服务或其他经济社会的经营单位或者个体的组织结构体系，又称产业（sector）。但从严格定义，产业概念范畴比行业要大，一个产业可以跨越（包含）几个行业。

比如我们所说短视频行业，既可以指短视频的消费行业（以抖快为首），也可以指包含了短视频的生产、分发、消费和商业变现几个细分的行业所构成的短视频产业。

那什么是行业分析呢？

图 4 行业分析的定义

根据百度百科的定义：行业分析，是指根据经济学原理，综合应用统计学、计量经济学等分析工具对行业经济的运行状况、产品生产、销售、消费、技术、行业竞争力、市场竞争格局、行业政策等行业要素进行深入的分析，从而发现行业运行的内在经济规律，进而进一步预测未来行业发展的趋势。

比如：我们做短视频的行业分析，就需要研究了解政治、经济、社会、技术对短视频行业的影响，运用一些科学的统计和分析手段，去了解整体产业链的构成，产业链中各个行业的关系，以及各个行业中的竞争格局、龙头企业的定位、经营状态、发展方向，以此来预测未来行业的发展，并为自身企业的战略决策提供依据。

2. Why | 为什么要进行行业分析？ 对于一个企业而言，进行行业分析有两个常见的应用场景：

图 5 行业分析的应用场景

不在行业内，通过行业分析决定是否进入； 已在行业内，通过行业分析决定未来战略方向变化。（坚持、调整或退出） 不同的应用场景，关注点是不一样的。

第一种场景，核心关注市场规模、增速、前景；业内玩家的经营情况、利润率；行业的集中度、竞争壁垒、发展历程，对比自身资源，判断进入的风险和收益。

第二种场景，核心关注行业整体是否发生结构性变化（通过 PEST 和波特五力等方法），以此预判行业的发展趋势，结合业务现况和资源，给出未来战略调整建议。

对于设计师而言，一般换工作或者换业务才涉及到行业分析。严格来讲，甚至都不能称之为行业分析，而只能算是行业了解。那行业里到底是怎么做行业分析的呢？

3. How |如何进行行业分析？ 结合网络资料和个人经验，我把行业分析划分成 4 个步骤：

图 6 行业分析的 4 个步骤

行业信息收集； 行业信息整理； 行业分析； 行业预测； 真实分析过程中，这四个步骤其实是相互交织的，只是为了方便讲解，才把他们分拆来看。

① 行业信息收集

根据集创堂纯色老师的《产品交互进阶课》，可以把行业信息划分为 3 类：宏观信息，中观信息和微观信息，不同类型的信息，信息获取的渠道是不一样的。

图 7 宏观信息的获取渠道

关于政策、经济类的宏观信息，可以从互联网百科类产品、政府相关机构，以及行业门户网站上进行获取。

图 8 中观信息的获取渠道

关于企业、竞品等中观类信息，可以从企业的官网、年报、各平台官方帐号、权威门户类网站中进行获取。

图 9 微观信息的获取渠道

关于用户相关的微观信息，则可以从各大咨询类、数据类公司报告、搜索引擎、企业官方帐号、调研等方式获取。

② 行业信息整理

网络上行业信息查询渠道和内容都非常丰富，在信息收集时，我们要围绕我们的目标，和以下信息关键词，进行有选择的查找和筛选，然后再在此基础上进行信息整理。

图 10 信息收集关键词

在进行信息整理时，我们会发现有些信息是一致的，有些信息是矛盾的。

图 11 信息整理的准度和效度

当信息出现矛盾时，就需要我们根据信息渠道、信息发布时间、信息采样方式，信息衰减周期，综合判定信息的准度和效度，选择选择更权威更具时效性的信息内容。

然后将行业信息按照行业发展历程和现状进行梳理，并对关键性的信息进行多渠道核实。

以我们之前进行短视频的行业分析为例，我们就对短视频的行业进行了如下定义和介绍：

图 12 案例-短视频行业定义及简介

并对短视频的发展历程进行了如下梳理：

图 12 案例-短视频行业发展历程

尝试从宏观环境角度，对短视频行业的发展做了一些归因：

图 13 案例-短视频行业发展归因

对行业现状的梳理，则包括市场规模、产业链分析、行业竞争格局、行业商业模式、用户动机/偏好/行为等，相关信息如下：

图 14 案例-短视频规模

图 15 案例-短视频产业链

图 16 案例-短视频行业竞争格局

图 17 案例-短视频商业模式

图 18 案例-短视频行业用户消费动机/偏好/行为

以此对整个行业的过去和现状都有了初步的了解。

③ 行业分析

在行业分析阶段，主要是选择合适的分析模型，对前面收集到的信息进行归类、整理和分析，并提炼出有价值的分析结论。

常用的分析模型包括：

图 18 常用分析模型

比如我们在进行短视频行业分析时，就使用了 PEST，SWOT，商业画布等分析方法，作为分析框架，提炼相关的行业信息，并产出相应的分析结论。

④ 行业预测

行业预测主要是归纳行业在不同维度的发展趋势，根据发展趋势推断行业的机会点，并根据机会点，给出产品未来方向的建议。

归纳行业发展趋势和机会点； 给出产品方向建议。 以前面的短视频行业分析为例，最终我们得到了关于市场、内容、功能和设计四个方面的趋势和建议：

图 20 短视频行业的发展趋势及建议

并将这些建议输出给短视频项目组，让大家对短视频整个行业有了进一步的了解，也为设计师后续进行具体的设计分析打下了基础。

好了，设计师如何进行行业分析到这里就结束了。这一课比较难，普通设计师在日常工作中基本接触不到，我自己也缺乏这方面的分析经验。不过学无止境，商业思维作为设计师进阶的一大挑战，希望大家日常工作中保持对行业关注，积极的为产品战略提供方向和建议。

参考文献：

东东方：4个步骤，让你完成行业分析 大鹿鹿：产品小白如何快速做行业分析 纯色: 产品交互进阶课课件 李岩： 短视频桌面研究报告 欢迎关注作者 微信 公众号：「悦姐聊设计」

编者按：EXPERTE 是一个在线免费抠图网站，只需上传即可自动去除背景，除了效果好，也可以免费下载高画质的版本。

EXPERTE 网站有「免费在线 抠图 工具」（Background Remover），直接在浏览器就能进行，无需额外下载、安装软件，用户选择图片、几秒内自动清除背景。

依照网站说明，这项抠图功能以模型「U-2-Net」进行机器学习，支持人物、动物或是物品，和一般自动抠图服务一样都是上传后交由服务器处理，会以人工智能辨识图片上的前景和背景部分，删除背景只需要 5-10 秒即可完成，提供高质量的图片版本免费下载，完全不用付费订阅或购买额度。

往期推荐：

完全免费无限制！收下这个超好用的在线抠图神器Extract bg 本文要介绍的「Extract bg」是一个免费在线去背工具，清除照片背景更简单，这项服务使用 cutting edge AI 分析图片并从图片移除背景，无论图片主题为何皆可判读，包括人、汽车、建筑物或是动物等等，自动化程序分析快速且精确，将背景去除后留下主体部分，使用者可免费下载完整分辨

阅读文章 >

完全免费！三秒搞定的在线抠图神器「Depositphotos」 Depositphotos 是一款免费在线的由 AI 驱动的简易背景移除工具，就算你不是一个熟练的设计师，只要将图片上传，背景就可以自动去除，不管你的照片有多么细致，大约只需要一秒钟都可以完成。

阅读文章 >

又一个抠图神器！完全免费无需注册超好用！ 当前图片去背工具都设计得相当简单易用，只要将图片上传，就能以机器自动辨识主体和背景范围，快速将背景移除，转为透明背景或是套用特定颜色，像是之前介绍过的 FocoClipping、Designify、BackgroundCut、AI Background Remover 等等去背服务都有类

阅读文章 >

又一个在线抠图神器！现在还可以免费用！ 一般来说除非对绘图软件相当熟悉，否则要进行相片去除背景是很耗时的工作，并不是把看到的部分移除而已，也会遇到一些需要处理的细节，这就考验着操作者功力，还好后来有很多开发商专注在机器学习以训练出可自动化在线去背工具，像是 Photoshop Express 或 AI Background R

阅读文章 >

又一个在线抠图神器FocoClipping！三秒出图全自动超方便！ 如果想要将照片里的人物或商品图案裁切下来、贴到其他背景使用，通常会用到去背工具，也可能会受到背景复杂程度影响而有不同的难度，考验着设计师的功力。

阅读文章 >

Online Background Remover – EXPERTE.com 网站链接： https://www.experte.com/background-remover

使用教学

开启 EXPERTE 在线背景移除工具，点选「Select Image」选择要进行抠图处理的图片或将拖曳到网站中，如果想测试看看 EXPERTE 抠图效果，底下也有三张范例图片可用。

稍等几秒钟后 EXPERTE 就会将图片背景去除，同时在网页上显示抠图结果。

点选「Download（HD）」下载高画质、高分辨率的原始图片，值得一提的是 EXPERTE 会给出的图片几乎和原图一样，因此不用担心抠图后可能影响画质或是让图片变小。

值得一试的三个理由：

自动化图片 抠图工具 ，只要将图片上传即可自动去除背景 支持人物、动物或是物品，透过机器学习建立的人工智能精确判断 免费下载高画质、高分辨率版本，无需付费订阅或购买配额

编者按：用户故事如何才能真正用到设计中，而不是成为作品集的装饰？本文从拆分场景、延展故事、痛点挖掘3个方面，教你打造实用型的 用户故事 。

拓展阅读：

如何梳理用户需求？试试这个超好用的「用户故事地图」 本文从「用户故事」的概念、准则、创建用户故事地图到建立用户故事卡的方法无一不包，帮你完整掌握「用户故事」这个知识点。

阅读文章 >

相信你没做过没用过也至少应该听过用户故事。

用户故事，设计师作品集里的常客，方法论大军的重要成员。

那么用户故事到底是什么？

如果你去百度的话，会发现用户故事的解释很多，其实我觉得简单来说就是一句话：

记录一类人完成一件事情的过程。

1. 谈“用户故事”色变 设计师很喜欢把用户故事加到自己的作品集中去，这些用户故事可能是真的，但也确实存在很大一部分装饰型用户故事，用结果去倒退用户故事，使得用户故事成为一个不痛不痒的存在。

甚至逐渐形成一种潜规则，默认作品集中的用户故事基本都是无用的包装。导致这样结果的原因主要有两个：

其一，完整的用户故事地图做起来很复杂

在网上搜关键词“用户故事”，你就可以看到一张张很详细的用户故事地图，从问题痛点、一级故事二级故事到想法痛点机会等等，分析起来繁琐且冗长。

不是说这样分析不好，能这样面面俱到彻底分析当然求之不得，但是现实情况是需求多，时间紧，留给我们做这样细致用户故事的时间太少了。等我们把故事完整分析一遍，需求可能早就上线了。

其二，很多人没有养成事前分析的习惯

你应该听过一句话叫做“为什么听了这么多道理还是过不好这一生”。

因为只是听，没有做，知行不合一。

虽然我们在网上也看了学了不少方法论，但是很多时候只是放到收藏夹吃灰，我也总干这事。

我的印象笔记可没少收藏好文章，但是真正用上的却寥寥无几。

大部分设计师做需求的方式都是拿来就开干，做到一半发现有问题了再改，甚至方向错了推倒重来，等到面试做作品集的时候，就用结果来倒推过程，久而久之人们对用户画像的印象就变样了。

难道用户故事在实际工作中就真的派不上用场吗？或者说只有大公司才会有时间和精力去做用户故事？

答案是否定的。

咱们先思考思考为什么要做用户故事这件事儿？

肯定不是为了做而做，也不是为了能够在作品集里炫耀所谓的方法论而做。

我认为用户故事是一个帮我们梳理需求，让我们找到更加精准的设计表达的工具。

关键词是：工具。

称手的工具才是好工具。

何谓称手？就是得适合自己，盲目套模板肯定容易水土不服，也就导致了上面的问题，用户故事逐渐沦为了形式主义。

那么用户故事到底要怎么用，才能真正帮助我们做设计呢？

2. 用户故事 3 步走 工作中面临着时间短任务重的现实问题，很难把用户故事做细，而用户故事用好了又确实能帮助我们做出更好的设计。

下面给你分享一些我做用户故事的经验，如何在不充裕的时间内利用用户故事来辅助设计产出。

我把这样的用户故事表达称为实用型用户故事，用更加接地气的方式来演化方法论。

首先，以文代图

咱朴实一点，直接用文字梳理，别绘图甚至不用 Excel 表格，就用最朴实的文字，甚至不用打开 Word，用一个便签就能写。

当你抛弃一切形式主义的时候，就能更加专注于内容本身。

然后，梳理角色

把需求中涉及到的所有角色都梳理出来，同一个需求不同的角色需要完成的任务不同，就会产生不同的用户故事，需要区分出来。

例如我做的教育直播中，就会有老师、助教等角色，老师和助教的操作流程不一样，用户故事自然也不同。

最后，写故事

准备好上面两步，下面就可以开始写故事了，只需要 3 个步骤，是不是很简单？

先别掉以轻心，咱们重点在写故事这一个环节，写故事也分为 3 步……哈哈，禁止套娃。

我把写故事分为三步：拆——延——痛

简称“拆烟筒”式写故事（谐音梗属实要扣钱了……）

简称“拆烟筒”式写故事

3. “拆烟筒”之拆：拆分场景 把每个角色的主要场景拆解出来，有规律的拆解，可以使用时间维度，例如直播前、直播中、直播后。

举个例子

角色：老师

场景：

直播前：把 PPT 上传到直播平台

直播中：讲课、切换 PPT、回答学员问题

直播后：查看直播数据

角色：助教

场景：

直播前：创建直播间、发送直播链接给老师和学员

直播中：监控直播画面，回复学员问题

直播后：导出直播数据

4. “拆烟筒”之烟：延展故事 把简单的场景描述延展为一个具体的故事，故事需要包含 3 个要素：时间、地点、人物。

拿上面老师回答学员问题这一场景来举例。

晚上 9 点，老师张明明在公司的办公室直播讲课，讲课来到了答疑环节，老师说让大家在聊天室内积极提问，他将抽取大家的问题来进行回答。

老师查看聊天室，聊天室内出现了很多新消息，老师向下滑动聊天室查看历史消息，筛选将要回答的问题。

老师看到问题 A，觉得是个典型问题，于是说就回答问题 A，于是老师针对问题 A 进行了回答，回答后追问说大家是否听懂了，听懂了扣 1，不懂的扣 0，聊天室内出现了很多 1 的消息，接着老师继续翻看聊天室回答下一个问题。

这个场景的故事到这就结束了，需要注意的是，描述上尽量客观，多使用动作例如“滑动页面”“翻看”等词语，动作类词语可以帮助我们更好地将老师的行为和软件界面联系起来，帮助我们更好地找到问题所在，也就是第三步。

5. “拆烟筒”之筒：痛点挖掘 延展出来的故事可以帮助我们更加清楚地看到用户使用过程中的痛点。

你可能会问，我用脑子想象不行吗？非得写下来吗？

我的建议是写下来。

我们的大脑是会骗人的，还记得格式塔原则中的封闭性原理吗？

人们在视觉上会把不完全封闭的物象当成一个统一的整体。

为什么？

因为我们的大脑非常会脑补，帮我们补充剩余的图形，但是实际上想象出来的可能是错误的。

近万字干货！带你全面了解格式塔原则 好的设计师理解心理学在视觉感知中的强大作用。

阅读文章 >

电影《泰坦尼克号》的泪奔情节

所以如果我们仅靠大脑的想象，我们的大脑会在把故事当成点来标记，而导致遗漏了点与点之间的细节，因为在大脑中点与点也能串联为一个故事。

例如老师回答问题这个场景大脑会认为是完整的点， 但是其实其中还包含了老师询问学生、老师用鼠标翻阅聊天室消息、老师回答某一个问题、老师询问大家是都听懂了等等细节，所以仅靠想象就很容易把这些细节遗漏掉。

岔远了，话题拉回来，通过场景细节如何发现痛点？

还拿老师答疑这一场景举例。

老师查看学员的提问，他的动作是使用鼠标滑动消息查看历史记录。

问题来了，如何保证不断有新消息涌入的情况下不影响老师查看消息？老师答疑后如何快速回到最新消息？

这一个动作是不是就发现了使用痛点？

接着分析。

老师答疑的时候，如何让学生把老师的回答和问题对应上？你上学的时候听课应该有经验，当问题比较复杂的时候，不看着问题来对应回答，一走神就容易忘了问题是什么。

看，我们可以根据场景描述细节把痛点梳理出来。

痛点都梳理出来了，解决策略可以有很多，选一个最适合的就可以了。

其实关键不是怎么解决问题，而是找到问题是什么。

最后总结一下

欢迎关注作者的微信公众号：馊面包

编者按：EXPERTE 是一个在线免费抠图网站，只需上传即可自动去除背景，除了效果好，也可以免费下载高画质的版本。

EXPERTE 网站有「免费在线 抠图 工具」（Background Remover），直接在浏览器就能进行，无需额外下载、安装软件，用户选择图片、几秒内自动清除背景。

依照网站说明，这项抠图功能以模型「U-2-Net」进行机器学习，支持人物、动物或是物品，和一般自动抠图服务一样都是上传后交由服务器处理，会以人工智能辨识图片上的前景和背景部分，删除背景只需要 5-10 秒即可完成，提供高质量的图片版本免费下载，完全不用付费订阅或购买额度。

往期推荐：

完全免费无限制！收下这个超好用的在线抠图神器Extract bg 本文要介绍的「Extract bg」是一个免费在线去背工具，清除照片背景更简单，这项服务使用 cutting edge AI 分析图片并从图片移除背景，无论图片主题为何皆可判读，包括人、汽车、建筑物或是动物等等，自动化程序分析快速且精确，将背景去除后留下主体部分，使用者可免费下载完整分辨

阅读文章 >

完全免费！三秒搞定的在线抠图神器「Depositphotos」 Depositphotos 是一款免费在线的由 AI 驱动的简易背景移除工具，就算你不是一个熟练的设计师，只要将图片上传，背景就可以自动去除，不管你的照片有多么细致，大约只需要一秒钟都可以完成。

阅读文章 >

又一个抠图神器！完全免费无需注册超好用！ 当前图片去背工具都设计得相当简单易用，只要将图片上传，就能以机器自动辨识主体和背景范围，快速将背景移除，转为透明背景或是套用特定颜色，像是之前介绍过的 FocoClipping、Designify、BackgroundCut、AI Background Remover 等等去背服务都有类

阅读文章 >

又一个在线抠图神器！现在还可以免费用！ 一般来说除非对绘图软件相当熟悉，否则要进行相片去除背景是很耗时的工作，并不是把看到的部分移除而已，也会遇到一些需要处理的细节，这就考验着操作者功力，还好后来有很多开发商专注在机器学习以训练出可自动化在线去背工具，像是 Photoshop Express 或 AI Background R

阅读文章 >

又一个在线抠图神器FocoClipping！三秒出图全自动超方便！ 如果想要将照片里的人物或商品图案裁切下来、贴到其他背景使用，通常会用到去背工具，也可能会受到背景复杂程度影响而有不同的难度，考验着设计师的功力。

阅读文章 >

Online Background Remover – EXPERTE.com 网站链接： https://www.experte.com/background-remover

使用教学

开启 EXPERTE 在线背景移除工具，点选「Select Image」选择要进行抠图处理的图片或将拖曳到网站中，如果想测试看看 EXPERTE 抠图效果，底下也有三张范例图片可用。

稍等几秒钟后 EXPERTE 就会将图片背景去除，同时在网页上显示抠图结果。

点选「Download（HD）」下载高画质、高分辨率的原始图片，值得一提的是 EXPERTE 会给出的图片几乎和原图一样，因此不用担心抠图后可能影响画质或是让图片变小。

值得一试的三个理由：

自动化图片 抠图工具 ，只要将图片上传即可自动去除背景 支持人物、动物或是物品，透过机器学习建立的人工智能精确判断 免费下载高画质、高分辨率版本，无需付费订阅或购买配额

编者按： 飞书 文档作为国内首屈一指的文档类产品，有非常多的设计细节值得学习。本文总结了22个优秀的 体验设计 ，非常详细值得收藏。

往期拆解：

万字产品拆解！智联招聘产品设计全方位深度解析 1076 万，如果你对这个数字没有关注过，那么现在我可以告诉你，这是 2022 年全国的应届毕业生数。

阅读文章 >

1. 前言 如何高效地对信息进行整合、梳理， 是设计创作很重要的一环。基于此，这里给大家分享一下飞书文档的产品体验设计拆解。通过对「飞书文档」的体验设计拆解，为你提供一份文档类产品的解题宝典！

Ps：笔者之前写文章主要是使用语雀或 Notion，这次为了拆解「飞书文档」，就专门用飞书文档写文章来拆解飞书文档～（套娃警告）

 ① 事先声明

强烈建议使用电脑查看，用户体验更佳； Gif 体积较大，请耐心查看； 为了让设计细节更容易被看到，用 Gif 来呈展示。 ② 适合人群

第一类，UI/UX 设计师，可以跳出执行层，去思考飞书文档的产品设计策略，提升产品分析能力；

第二类，产品经理/运营，通过全面的产品设计拆解、策略推导，获取产品设计参考；

第三类，文档产品从业者，通过全面的产品设计策略推导、用户需求分析，获取竞品分析参考。

2. 日常使用场景 ① 飞书文档导航栏

进入飞书文档，首先看到的便是这几个一级的导航栏，先来对这几个导航栏做一下梳理

主页：个人的主页，展示快速访问、最近访问的文档； 我的空间：你的个人内容空间，你创建、上传的全部云文档、文件等内容都默认存储在我的空间。你可将我的空间中的内容分享给他人； 共享空间：在共享空间中显示你与他人共享的云文档、文件及文件夹。为个人文件夹添加协作者后，该文件夹将自动从我的空间移至共享空间 ； 知识库：面向组织的知识管理系统 ； 百科：云文档主页导航栏新增企业百科入口，你可以直接在云文档主页查看和搜索百科词条； 收藏：添加到收藏夹的所有文件 ； 回收站：被删除的项目将在回收站储存 30 天，之后自动彻底删除 。 ② 权限概念

飞书文档是一个可多人实时编辑的在线文档，在使用过程中自然需要对团队协作中的所涉及到的相关权限进行了解

③ 新建知识空间

设计思考：

此处「新建」按钮下拉面板的触发方式是鼠标悬停即触发，用户可以减少一次点击次数，提高操作效率； 知识空间模板：点击「新建知识空间」后，会有很多系统内置推荐的空间模板，选中模板后可以直接在右侧对空间模板的目录结构进行预览，让用户在使用空间模板之前能够有一个预期； 点击下一步，是完善知识空间信息，到这一步会默认聚焦到「名称」，通过默认聚焦的处理方式，便于用户直接更改知识空间的名称。在「完善知识空间信息」这一步可以注意到两个必填信息并没有在一起，可以理解为名称和简介的相关性是更大的，同时可见范围用的是 Radio 单选控件，会给一个默认的选项，因此「可见范围」这个必填项在此并不会阻塞用户的操作流程。 ④ 模板联动

设计思考：

新建空白文档后，输入文档标题，会自动在下方将已输入的文档标题关键词带入模板库搜索框进行检索，帮助更加便捷的使用推荐的模板。这个联动第一次用起来的时候感受非常巧妙，由于没有内部数据，不好推断实际的使用频率，不过单从创意上来讲不得不说飞书文档的产品设计还是下了一番功夫的。

⑤ 文档模板

飞书文档提供了非常丰富模板，在点击新建文档后，会直接弹出「模板库」弹窗，飞书文档提供了「实用」「专业」「丰富」的文档模板，非常推荐用户使用系统推荐的模板，进一步加强用户和飞书文档的粘性。

模板很实用。用户画像精准，产品定位清晰：垂直服务互联网人群、高端职场人群、需要方法论模型做写作依据的人群在工作中会用的文档模板。它的主要受众群体是互联网从业者，但很多方法论模型的模板，其实是通用的，比如：工作周报、会议纪要、年度规划等等，适用于各行各业在工作中可以直接套用。

模板很专业。基于精细化有写作需求的场景，都提供了一套总结好的方法论模型，你可以直接用模板，无脑做事。模板开头往往还会配一张脑图，告诉你写作的思路，给工作、开会没有头绪的人很大的帮助，也可以让有准备的人更加全面的思考，提高创作者思考效率和产出质量。

模板很丰富。针对互联网人群不同的工作岗位、工作中的每个环节，全部都遍历到，并提供对应的模板，比如：它的分类方式直接面向岗位：产品、研发、设计、运营、市场、销售、hr 等等； 针对岗位的每个环节全部遍历，单拿产品岗说：BRD、竞品分析/体验报告、各种需求分析方法、各种流程图脑图模板、PRD 或需求评审模板、项目计划里程碑管理、产品功能 Checklist、上线前说明、业务培训等。覆盖工作全流程，灵活遍历可能需要文档编辑的工作场景。

「实用」「专业」「丰富」的模板还都是免费的。飞书毕竟还在起步期，产品应该已经得到市场验证了，但新产品让其他产品的用户主动迁移的成本很大，推广时期还需要获客，所以这些模板就成了飞书获客的手段，全部文档模板免费使用。

⑥ 文档编辑

没有顶部固定工具栏

大部分同学应该习惯了 word 这种工具栏，包括其它很多的在线文档平台，也都保留了这种设计。

而飞书的工具栏默认是隐藏的，在没有开始第一个字输入之前，进入页面就是一片白色，功能区全部隐藏，需要点击或选中一些内容才能出现，看似更麻烦，但实则更高效。 这种工具栏叫做「浮动工具栏」，与传统的工具栏抛给你一堆选择不同，浮动工具栏是围绕内容服务的。你可以先书写内容，再使用浮动工具栏中的菜单设置格式。

让设置就在你的光标旁边，移动距离更短，日积月累能省下不少时间。当然，直接记住 Markdown 快捷键是更好的选择。

浮动工具栏

当鼠标选中文档内的已有内容时，界面会自动弹出浮动工具栏。

你可以针对选中的内容进行常规操作，例如改变字体样式或颜色、加粗或者加删除线、添加有序列表或无序列表、插入网站链接等，也可以针对选中内容进行评论

点击工具栏中的 ∨ 按钮，有更多内容呈现形式的选择，如调整内容布局、插入引用和代码块功能等

区块菜单工具栏（ Block ）

在文档中，我们用块去称呼结构化元素（Notioin 中称之为 Block）。文档里的每一种内容类型都属于块，包括标题、文本段落、列表、表格、图片、多媒体文件、投票、第三方网页等。例如，下图文档中的每一个蓝色区域，都表示一个单独的块。文档支持插入这些块元素，让你通过简单的鼠标点击，便捷完成一篇高信息量的文档。

/ 快速插入

在文档任意空白行输入 / ，或正文任意位置输入空格 / 即可触发 快速插入，可见工具栏菜单。

+ 工具栏

鼠标悬浮在文档任意空白处，即浮现 + 工具栏。将鼠标光标悬浮在 + 工具栏上，可见 + 工具栏菜单。

⋮⋮ 工具栏

将鼠标悬浮至想要编辑的区块，在区块左侧可以看到 ⋮⋮ 工具栏。将鼠标光标悬浮在 ⋮⋮ 工具栏上，可见此工具栏的菜单，你可以进行以下操作：

你可以调整本区块的格式，设置 标题、有序列表、无序列表 等，或是剪切、复制、删除本区块的内容。

你可以在此区块的下一行添加区块。

按住 ⋮⋮ 工具栏，待页面出现蓝色分栏线 | 或 — 后松开鼠标，将当前的区块灵活拖动到文档中任意位置。

⑦ 文档分享

设计思考：

飞书文档支持分享到组织内或互联网，同时支持更高级的权限设置，例如复制文档内容、创建副本、打印、下载、导出等权限。在文档协同便捷性的同时又提升了文档的安全性； 鼠标悬停到「分享」按钮上可以发现一个小细节，会通过 Tooltip 直接提示用户目前的分享类型，帮助用户更高效的获取信息； 不仅文档可以分享，整个知识空间也可以分享到互联网，给知识空间增添了更多的使用场景，例如企业可以直接用飞书知识空间来做产品的帮助手册。 ⑧ 多人协同编辑

设计思考：

飞书知识库的文档没有区分查看态和编辑态，所有的修改会实时同步给正在预览文档的用户；在多人协作的场景中，会把编辑者的光标实时显示出来，把线上协作的氛围感演绎得淋漓尽致。

3. 体验亮点 今年飞书悄悄上线了「新文档」，以下内容拆解均基于「新文档」拆解

Markdown

谈到飞书文档与传统文档最大的不同，我认为是飞书文档编辑器支持 Markdown 语言，并按 Markdown 的理念打造。Markdown 可以让你在编写文档时一气呵成，省去通过菜单栏手动调整文本结构的繁琐。

飞书文档继承了 Markdown 不允许改字号的理念。在这里，只有「一级标题」「二级标题」「三级标题」这些格式，没有「20 号」「15 号」这些字号的设置。Markdown 的本质是让我们回归到内容本身，而不是文档的样式。

此外，对于组织来说，让所有文档整齐划一，一级标题都是一样字号的一级标题、二级标题都是一样的二级标题，一定程度上对降低阅读难度有帮助。

这里分享一下 Markdown 的快捷键

N 级标题

在飞书的工具栏中，默认只会显示 H1、H2、H3 这三级标题，乍一看好像不太够。然后当文档里如果有使用到 H3 标题，那么 H4 就会自动出现在工具栏中，以此类推，最多可以有 H9。这种设计的处理方式非常人性化，既避免了一开始就出现到 H9 带来的复杂，毕竟很少有人会用到 H9，但是如果你真的用到了很多级别的标题的时候，又回自动出现下一集标题，非常巧妙。

列表首字母自动大写

国内很多在线文档，都不会注意到首字母自动大写，而飞书文档没有遗漏。 飞书文档不但没有遗漏上述细节功能，而且使用蓝色的编号，让列表的存在感更强了， 让用户在写文档时能够更加清晰。

错别字修正

在撰写文档的时候，难免会有一些错别字，飞书文档会自动识别可能是错别字的地方进行高亮，微信公众号也有类似的功能，但是公众号只会告诉你哪里错了，不会给出解决方案。但飞书文档更加人性化的是方式是直接给出了系统认为修正后的结果，而且大部分情况都是和编辑者预期的结果匹配的，用的过程中非常令人惊喜。

百科词条与文档打通

飞书百科是最近新上的功能，不仅仅是做成了企业的「百科全书」，而且能够和文档内部打通。当文档中有百科中的词汇时，关键词会自动高亮，鼠标悬停会展示这个百科词条的相关解释。对于一些大公司内部的黑话大全特别管用，当新人入职新公司的时候，对于一些企业内特有的名词就能够通过百科词条轻松 Get 到意思。

飞书剪存

飞书剪存是一个兼容于各大浏览器的扩展程序。它可以将自动剥离广告后的网页正文一键保存至飞书云文档。一键保存网页正文，告别手动复制粘贴：浏览到喜欢的网页，点击飞书剪存，即可将网页内容保存至你的飞书云文档中，而且标题格式还能完美保留。对于用飞书来搭建个人知识库的场景非常方便，再也不需要手动复制然后一个一个调整标题格式了，效率大大提升。

文档点赞

当看完一整片文档，在下方会出现点赞的按钮，这时候会习惯性的把鼠标放到按钮上，然后考虑要不要点赞，当我们鼠标悬停的时候，会触发点赞按钮蓄力的动态效果，而且点赞完成之后还会有撒花的动态效果，用情感化设计的方式引导用户给文档点赞。一定程度上提高了文档的活跃度，让文档的编辑者也能够有更好的正向反馈，进而激励文档的创作。

支持个性化封面

在文档标题上方可以 添加封面，从官方图库选择封面图或从本地上传，让文档看起来更有生气，呈现个性。官方图库中提供了很多高质量的配图，尤其是前面 3 排的配图还融入了飞书的品牌宣传元素。

横向图文分栏

在文档中使用分栏功能，让你的文档版面更加紧凑，实现图文、图表等各种功能的混排；还可以通过调整分栏的大小，调整高亮块、流程图等区块大小。有了分栏功能，可以将飞书文档打造成一个非常简单的个人网页的形式，通过简单的拖拉拽就能形成一篇精美排版的网页。

4. 体验槽点 图片默认对齐方式

插入图片后，调整图片大小时会发现图片默认是居中对齐的，但是就个人而言，大部分时候多使用习惯都会手动再去调整回左对齐，每次都得手动调一边，显得很繁琐。

图片区块手势不符合预期

新文档下，选中图片后鼠标悬停的手势会变成放大镜手势；旧文档下，选中图片后鼠标悬停的手势会变成抓手手势；这两种手势与本身图片支持的两种拖拽和放大的交互行为不太符合预期。有时候会误认为只能进行鼠标手势对应的操作。

工具栏不一致

点击「+」和「/」呼出的工具栏的样式不一致，其实仔细瞧会发现里面内功能内容其实是一致的，看了下 Notion 是一致的，不知道飞书文档是出于什么考虑这里处理成了两种工具栏的样式。

6. 总结 在设计方法论中有一个概念叫「希克定律」，即可供选择的刺激越多，用户决定与哪一个进行交互的时间就越长，受到选择轰炸的用户必须花时间来理解和决定，这相当于加重了他们不想要的工作。相比于竞品「腾讯文档」、「石墨文档」、「有道云笔记」等，进入文档边界会提供你丰富的文档编辑工具而言，「飞书文档」整个使用上的交互体验就是极简。

让设计更有说服力的20条经典原则：希克定律 编者按：作者整理了 20 条经典原则，并通过正反例子说明这些原则在设计中是如何运用的。

阅读文章 >

在《简约至上: 交互设计 四策略》一书中提到的四大策略：合理删除、分层组织、适时隐藏和巧妙转移。飞书文档可以说是将这四大策略用到了极致.

合理删除：去掉所有不必要的按钮，直至减到不能再减。在没有开始第一个字输入之前，进入页面就是一片白色，功能区全部隐藏。需要工具栏的时候，导航栏、编辑区通过间距做分割，没有复杂的色彩、边框、边界，非常极简。

分层组织：在删除了那些不必要的、无法实现的的功能之后，需要对保留下来的核心功能和辅助功能进行组织。进入写作时，因为你在不同位置需要的功能不同，飞书已经提前分类整体好，在你需要用的时候恰到好处的提供给你。例如各种「/」「+」「⋮⋮ 」召唤出来的工具栏。

适时隐藏：将不常用的功能隐藏在常用功能背后。写作过程中，页面也绝对不会出现你不需要的功能，但当你一旦需要某项功能时，它会立刻出现在你鼠标输入位置交互最方便的地方。例如框选文字后，便会立马在上方出现浮动工具栏，可以对文字的样式进行设置。

巧妙转移：把合适的功能转移到合适的组件或平台中去。编辑区、编辑工具没有固定的位置，而是根据人机交互规则，需要的时候的时候适时巧妙显示。

豆瓣评分9.1，经典设计书《简约至上》的精华版读书笔记来了！ 作为交互设计师，你一定经常苦恼你的界面该怎么达到「简约而不简单」，该通过什么样的形式、功能、才能让用户获取「更好的体验」。

阅读文章 >

整个编辑器中的交互设计，相比于传统 Word 类型的工具栏，不需要满屏找想要的功能在哪里。当用户需要的时候，会立刻出现在距离鼠标最近的地方，提高文档编辑的效率。整体使用飞书文档的感受会发现很多除了期望型需求外，还满足了用户很多的兴奋型需求。

由于时间和篇幅有限，关于飞书文档的体验设计拆解中存在的疏误之处还望大家给与指正，欢迎大家一起学习和讨论。

参考链接

https://zhuanlan.zhihu.com/p/532734411 https://www.feishu.cn/hc/zh-CN/categories-detail