Alice

表单作为一个B端设计的重要场景,一直以来我都在想,究竟应该如何高效的进行信息录入?今天我们就从文档产品中,去“借鉴”一些表单效率提升的方法~

 

首先在录入的场景中,我会想到写作类的文档软件:

我自己是一个文档软件的重度使用者,我曾使用过 Bear、印象笔记、Notion、 Ulysses、飞书文档、石墨文档、语雀等等…,而恰好你也是一个文章作者,也应该尝试过一种快捷信息录入的方式:Markdown

 

Markdown

Markdown 是一种轻量的标记语言,常用于文章排版中,这种标记语言会让你沉浸在写作中而不是反复去纠结排版,进而打断你的思路。

比如我想设置一个 “一级标题”

没有使用 Markdown,操作路径是

  • 1.先输入文本内容
  • 2.使用鼠标,选中想要 文本内容
  • 3.点击 一级标题 按钮,从而完成整个录入形式(可参考下方动图)

使用 Markdown 后,我只需要

  • 输入:#+空格+文本内容即可快速完成上面三步的操作

图片

我使用 Markdown 就可以提升我在信息录入时的效率,手也可以不用去移动鼠标,减少切换控制设备所带来的一系列的问题。

在我看来这便是一个文本录入效率提升的一个方式,而我们怎么将 Markdown 的思路落地到我们的 B端表单场景中呢?

 

我本来也是没有任何思路的,可是最近在使用滴答清单发现它的录入特别有意思,当我在新建一个待办事项时:

输入“!”符号后,即可设定该待办事情的优先级

同样在输入“~”符号后,即可设置该待办事项的归属。

是不是和 Markdown 的特定规则有那么一点点类似了~

图片

通过这样设定特殊规则,我可以对待办清单进行快速选择优先级、归属箱等等…

不光是滴答清单,在Notion、微信、语雀 都有着类似的交互,我将此类交互称为“特定规则录入”。

“特定规则录入”:即使用特定的录入规则,将用户需要使用的信息进行快速的录入:

  • 优点:能够使用户在不使用鼠标的情况下进行快速的信息录入。
  • 缺点:在日常真正需要使用 该符号的情况下,下拉菜单会造成使用上的干扰。

 

比如我们在微信中,如果聊天需要用到 @ ,不会采取符号的形式,而更多将 @ 变为 “艾特”

最后的落地,在我们实际的B端项目中,我们在销售填写跟进记录时也做了相应的优化,

我们可以用 @+空格 指向具体的销售负责人员,

输入 #+空格  添加跟进记录的标签

输入 ! +空格 添加跟进记录关联的合同

(由于保密协议,这里就不展开去讲,算是给大家提供一些思路)

不过通过这样的改版,确实让用户在使用跟进记录这一模块上有了 极大的提升。当然目前还是会有一些小问题,就是在输入 “!+空格” 时,很多销售还是会反馈这个的影响有些大,希望能够进行调整。

之后会考虑将这个快捷方式迁移到 其他字母,希望能够解决此问题。

 

扩大录入面积

在我日常的写作中,我会新建一个思维导图。

一方面思维导图能够帮助我去梳理我的思维结构,整理一些脑袋中零散的知识点,另一方面我也可以通过导图,帮助我进行快速的知识调度。

但在飞书文档中,但因为宽度限制,导致我在对导图的编辑特别不友好,没办法正常的编辑我的思维导图。这时候我可以双击导图,进入到全屏编辑的状态,这就对大容量内容的编辑,带来的非常多的便利。

图片

图片

当然这只是在文档场景下,其实我们在日常的表单录入的过程中,同样会面临同样的问题。

通常,表单的呈现都是采取弹窗的形式,但是当信息录入过多时,就需要考虑是否支持将弹窗扩展至整个页面,能够将表单进行更快速的录入。

比如在Gmail 中,当你需要去新建一封邮件时,就有两种不同的状态:

  • 一种是常驻在右下方,通过小窗口作为一个小窗口进行展示
  • 一种是点击全屏按钮,能够将整个页面进行展开,作为全屏让人进行录入

图片

这种交互形式也被放在我们自身的产品中,因为作为一个 aPaaS 类的可配置化的表单,我们本身是不能确定用户的内容量,因此在采取弹窗的同时会为用户增加 大弹窗的入口,可以应对用户灵活多变的各种场景。

当然这只是表单的一些场景,大家可以在评论区进行讨论

我是CE青年,一个 2 B 行业 的 2B 设计师,我们下期再见~

 

原文链接:CE青年(公众号)

作者:CE青年

图片

转载请注明:学UI网 » 从文档产品中,寻找表单效率提升的方法

登录收藏
 
你可能喜欢的:
登录页需要注意的设计细节和逻辑,我都帮你总结好了!登录页需要注意的设计细节和逻辑,我都帮你总结好了!
Web产品的适配设计选型Web产品的适配设计选型
B端设计指南 - 选择录入 02B端设计指南 – 选择录入 02
下拉菜单?选择器?傻傻分不清楚!下拉菜单?选择器?傻傻分不清楚!
B 端项目设计稿尺寸究竟是多少?B 端项目设计稿尺寸究竟是多少?
B端产品设计规范B端产品设计规范
web表格设计解析web表格设计解析
4个设计细节,提升电商网站的用户体验4个设计细节,提升电商网站的用户体验
搞明白这三点,年货节专题就不难了!搞明白这三点,年货节专题就不难了!
用一篇文章,带你了解12种常见的网页布局设计用一篇文章,带你了解12种常见的网页布局设计