飞书、语雀文档功能浅析

NINI的设计小密圈

共 1763字,需浏览 4分钟

 ·

2022-02-09 17:29

在我没有使用这两个产品的文档功能之前,我以为两个产品都是在线协作,同步,分享的相似功能,但在我使用了一段时间后呢,我发现这两个产品结构是真的不太一样,接下来我想挑文档功能浅析,对于我们这种个人用户,使用文档的频率还是很高的。


首先我想说一下我的使用感受,这两个产品有哪些不一样?

主要针对网页版,-。-(单打独斗的小透明...)


工具化or社区化

飞书是一个OA协同工具,除了第一个映入眼帘的消息系统,接下来都是跟办公高度相关的内容,比如日历(里面显示你该干什么工作),会议,再次才是文档,尤其工作台里的内容应用,更是五花八门。

而语雀是一个云端知识库,所以默认首页是工作台,而工作台里的内容都是跟自己或者团队新建的文档有关,以及后续的菜单栏,比如讨论,关注,收藏等。

所以从界面以及他们的商业结构来说,飞书具有高度工具化,而语雀更偏向于社区化。


界面结构

关于飞书云文档和语雀的视觉界面,因为产品调性的原因,所以他们的视觉的差异性很大。

飞书界面(24列,左边预留60px固定值)
语雀界面(24列,左右两边预留368px固定值)

首先都是使用24列栅格系统,语雀的产品展示方式更加集中,而飞书更像一个工作台。各有优势,飞书可以展示更多内容,而语雀的界面让用户可以快速抓住主要信息,因为显示的比较集中。


图标/颜色/字体/组件

语雀使用的是线性图标,虽然是线性样式而且图标偏小,但是里面的细节满满看起来很高级专业,比重更轻量,字体也看起来更纤细,主要原因是因为语雀默认字体颜色浅以及字体间距更宽,另外颜色选择也是使用了品牌色,占据用户心智。

飞书使用的是面性图标,比重看起来更重,我认为应该是跟主页的面性图标相统一的,飞书的图标视觉看上去不是那么的统一,原因是图标占比大,样式不一致导致的。颜色也是选用了品牌色,间距更紧密一些。


语雀工作台页面新建按钮
语雀文档页面新建按钮

再看看按钮组件,可以看到语雀的按钮使用的圆角矩形,按钮宽高比很适合,不会过长,点击进去有5个功能,也进行了很好的区分,比如图标颜色和分割线很好的把新建和导入区分开来。工作台跟文档的界面,新建按钮是有区分的,一个无颜色,按钮高度更高,一个是有品牌色,高度跟搜索框一致。给我的第一印象是不太统一,但是设计师可能是想把工作台跟以下的功能区分开来,我个人认为使用同一种按钮会更统一,用户使用起来更明确。


飞书文档页面新建按钮

飞书在按钮统一这一方面做的更好,不管在点击主页或者是我的空间,使用的都是这三个按钮。点击后可以看见延续面性图标的功能,颜色很鲜艳,但是图标不统一。


界面总结:在细节方面,语雀做的更细致,美观。但是在整体方面,飞书做的更胜一筹,从文档页面的组件亲密性来看,飞书整体更紧凑统一,而语雀主页整体模块更加分散独立。


文档使用对比

语雀新建文档有一个分类功能,新建一个文档你要选择参与的知识库才可以完成新建,这样做的目的是让界面更有序,不会出现所有都是单独文件的问题,虽然新建多了一个步骤,但是在后续的查看文件的目录上,归档做的更好。

飞书新建文档是直接进入了功能界面,没有分类,可以退出当前文档手动进行文件夹归类。

飞书文档页面

可以看到飞书是没有工具栏或者说是工具栏隐藏的非常好,界面非常干净。尤其打开界面会有模板给你选择,如果当时没有选择,在文档没有输入内容的情况下,回到标题输入状态,模板又会自动浮现。


飞书编辑页面

飞书大部分文档的操作功能都是通过这个tool tips完成的,在我使用一段时间后我觉得很方便,尤其每一段文字都可以抓取拖放到文章中任意位置,排版变得更加方便。但是初次使用需要适应,会需要一些学习成本,再次是所有的功能都隐藏需要用户使用滚动条去找,在复杂的文本编辑情况下,操作成本变得更高了。

语雀编辑页面

像是更精简的Ribbon design设计,界面干净统一,也有模板选择功能,但是只出现一次,编辑之后自动消失。没有飞书的段落抓取移动功能,但是有翻译,大纲比较实用的功能,像是word精简设计版。


总结:这两个产品各有优势,可以根据团队需要做选择,飞书更工具化,语雀更社交化。对于个人用户的使用者,在文档功能选择中,飞书更有趣味性,需要摸索它的功能;语雀则更加直白,所有功能都列的很清楚。


这两个产品文档功能这期暂时浅析到这里,下一期再分析这两个产品共享功能的差异点吧~~

浏览 25
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报