飞书画板

飞书画板是飞书文档内嵌的一款在线协作白板产品,提供了流程图、时序图、脑暴等各种图表绘制功能。

角色

产品设计师

时间

2022 - 2023

产品

字节跳动飞书文档

为什么暂停 Ratio,产品方向转向画板?

飞书画板是 Ratio 改变产品方向后的迭代产品。

98 亿美元

估值

175 亿美元

8000 万美元+

2022 营收

1.6 亿美元+

1065 人

团队规模

1831 人

国内设计协同市场:300 万

市场用户规模

文档市场用户规模:7012 万

26 亿

协同办公市场规模

500 亿+

市场更大

图形化协作工具比专业 UI 设计工具有更下沉、更具潜力的市场

Lark 要做办公基础设施,足够大的市场规模才能支撑这么远大、长期的目标

ROI 高

要追赶甚至超越 Figma,还有很长的路要走,

同样的资源,投入到更大众化、影响更多用户、更具商业价值的产品上,更契合 Lark 的战略

我负责的功能模块

核心模块

连线

各类连线场景的交互

各类连线的走线规则

文本

各类文本样式的设置,如行高、加粗、列表样式、删除线灯

便利贴

便利贴样式与特殊字号规则

模板

模板模块的样式与交互

时序图、时间线图等模板的设计

协作与整合

多人协同

观察模式的逻辑

多人协同光标不同场景的设计

与飞书办公套件的整合

画板在飞书中的数据同步展示

评论

画板评论的相关交互

会议白板

会议室白板的交互

在 PC 和平板端的全新白板设计

AIGC

设计对话式交互帮助用户输入响应指令与参数,生成高质量的各类内容

连线工具

在飞书画板里,你可以添加直线、折线、曲线,你可以通过手动拖拽鼠标的方式拉伸连线,也可以通过单击的方式为两个相邻的对象添加连线。此外,你可以为连线添加备注文本,并且在连线上任意拖拽文本位置。

评论工具

在飞书画板中,用户可以添加关联到对象的评论。

针对 block 模式,我优化了交互方式,帮助用户可以穿透 block 对 block 内的内容进行评论。这使得用户一边看文档一边对画板 block 中的对象进行浏览标注。

便利贴与多人协作

飞书画板支持显示多人协同光标和插入便利贴,让用户可以在线上组织头脑风暴等内容生产。

我为便利贴设计了特殊的字号变化规则,当便利贴中的内容越多时,字号会自动变小,从而保证所有便利贴的尺寸一致。

AI 生成

画板作为飞书办公套件的一部分,飞书 My AI 也应用到了画板。通过大语言模型帮助用户快速生成高质量的各类内容。

由于画板与文档类场景的区别,画板内可以存在各种类型的工具。因此,在设计过程,我需要通过对话式交互引导用户输入参数与指令(Prompt),从而获得理想的内容。

会中白板

飞书画板属于会前白板,我也设计了多端(Rooms、PC、iPad、Mobile)的会中白板帮助用户在会议过程中可以快速通过手绘进行标注、讨论。

结论

截止至 2023 二季度

DAU

5.1W

VS Q1: +85.4%

DEU

1.1W

VS Q1: +38.4%

用户编辑留存率

59.0%

VS Q1: +7.0%

用户满意度

74.5/100

VS Q1: +8.8%

Takeaways

在设计工具时,需要考虑不同操作习惯的用户,所以对于同一个功能,需要设计各种操作模式。

当我们设计一些风格和交互时,我们需要提前了解技术是如何实现的。

比如在设计曲线的曲度形状时,我们需要先了解研发是怎么画曲线的,然后按照他们的方式画出我们的理想形状,而不是在设计工具里画出理想曲线。

把模版内容当作产品的一部分来设计

更多项目