专栏名称: AlibabaDesign
这是一个充满魅力的组织,是一群疯狂热爱用户体验的家伙;这里有国际音乐家、有舞者、游戏玩家、摄影师以及各个领域的爱好者;我们坚信,创新、设计、技术和客户第一的价值观粘合在一起,一定会创造出我们为之疯狂的用户体验!
目录
相关文章推荐
科研圈  ·  手机上也能刷论文,还自带解读? ·  19 小时前  
PaperWeekly  ·  上海AI ... ·  3 天前  
51好读  ›  专栏  ›  AlibabaDesign

Ucan 公开课|语雀设计-让知识创作轻松上手

AlibabaDesign  · 公众号  ·  · 2020-07-19 09:50

正文


Ucan 2020 普惠公开课 - 体验与交互论坛
大宓 - 语雀设计-让知识创作轻松上手
语雀 是一个专业的云端知识库,孵化自蚂蚁金服 ,是体验科技理念下诞生的一款创新产品,语雀有一个使命:让知识等于财富。致力于为每个想表达所思所想的人提供一款顺手的工具,让知识能得以记录和传播。互联网知识发展推动了知识创作,经历了 1.0 本地文档形态 - 1.5 文档在线形态 - 2.0 文档协同形态这三个阶段,语雀将会以知识库 + 文档的 SaaS 服务为起点,把知识、协同、管理做好,语雀设计致力于知识创作和交流的体验,将一股清流般带给用户。


语雀,全新的知识协同工具

在协同办公软件这个领域,细分有 3 条赛道,分别是团队协作软件、项目管理软件、文件及文档软件,对应的市场规模分别是 35 亿美金、48 亿美金、110 亿美金。语雀定位在文件及文档软件这个赛道中,即全新的知识协同工具。全球用户使用文档的规模在 10 亿以上。这个领域我们有着强大且令人尊敬的对手,国外有 Microsoft Office 办公套件、Google 文档、Confluence、Notion,国内有石墨文档、飞书、WPS。从 2016 年孵化至今,今天语雀已是 10 万阿里员工进行文档编写、知识沉淀的标配工具。


我们是这样办公的

大家一定非常好奇我们阿里同学平时是如何使用语雀来实现协同办公的,以疫情期间为例。年后国内因疫情大面积爆发,员工主要以居家办公为主,每天晨会结束后,我们使用 话题知识库 来记录晨会纪要,帮助团队完成一日的工作规划。白天大家使用 文档知识库 书写需求文档和技术文档,并通过 画板知识库 来完成设计稿的异步评论,晚上大家也会使用语雀汇总工作日报。


我们的用户和诉求

作为一款企业协同 SaaS 软件,语雀的典型用户主要集中在技术、运营、产品、管理者,大家对于对于知识的创作和分享有相较一致的共性需求。有趣的是设计师还捕获到不同群体的诉求差异,体现在编辑器用户界面的简洁、整理和寻找知识的高效、知识的结构化管理、团队协作的信息透明。


设计聚焦

本次分享为大家带来的一种设计方法,我们称之为「设计聚焦」。语雀是一支人员精简的创业团队,工作敏捷且高效,更偏爱于聚焦做事,设计团队亦是如此。我们认为 设计聚焦 主链路 核心场景,尤其是用户 高频使用 的功能上。 语雀设计对场景的体验有较高的要求,对于权限、读写这类的全局体验有深入的理解,可以作为客服小二为用户答疑解惑;对于用户核心流程的体验和用户界面的设计呈现,我们坚决做好专业深耕和设计下钻。下面来看看语雀设计如何做设计聚焦。
第一步,寻找用户使用的主链路。以语雀为例,知识在语雀上扭转链路是由知识创作 - 知识交流 - 知识协作 - 知识管理 - 知识再创作,最终完成一次扭转闭环。知识创作就是知识扭转中的一条主链路,把设计聚焦放在这条链路上。
第二步,设计师可以把各条链路下的用户使用场景归类出来(因为语雀对于各个场景是有设计铺垫的,如果没有梳理过用户场景请另行做功课),语雀设计认为「文档编辑」就是创作链路的核心场景。
第三步,在文档编辑场景中持续挖掘用户的高频行为,我们通过数据发现用户的高频行为集中在编辑器顶部的工具栏上,那么工具栏正式成为语雀设计聚焦的一则经典案例。工具栏设计让我们想到学习的对象是微软 Office 的 Ribbon UI,由 选项卡(tab)和群组(group)构成 有序的布局帮助用户更快的找到重要的和常用的功能。
以 Word 为例,「开始Tab」 中拥有 48 枚图标坐落在工具栏中,我们的用户诉求是界面简洁为非 Office 般复杂。语雀工具栏设计以单行为基础,将功能按照通用编辑、文本编辑、颜色编辑、排版编辑、特色编辑等,从左到右分布,展示上保留了用户操作的高频功能并将低频功能收折,最终保留了 27 枚常用图标方便用户触发交互行为。
关于工具栏的设计假设,我们在不同尺寸的编辑器上做了设计验证,比如在日报场景(中型编辑器)和划词评论场景(mini 编辑器),并在全局编辑器中进行了大量的设计复制,确保在大、中、小编辑器中工具栏体验的一致性。2020 年 3 月语雀发布的 桌面客户端,同样考虑了工具栏编辑和 web 端体验的一致性,友好的支持了工具栏的自动收折。放眼全局,语雀设计考虑到不同屏幕分辨率,从而引入了断点系统设计,让工具栏在多分辨率下自适应布局,提升编辑体验。






请到「今天看啥」查看全文