表单设计:让表单录入更方便快捷

表单常见的信息录入工具。糟糕的表单设计会带来令人抓狂的交互体验,极大影响用户信息录入效率。如何提升用户信息录入效率?是产品经理在进行表单设计时的主要工作。

 

好的表单用户体验应尽可能简化操作步骤,传统的手动输入模式费时费力,不是友好的体验。

 

给用户减负,适当的控件应用可以帮助用户快速录入表单。在一个表单中,控件通常有:

 

  • 下拉列表

  • switch开关

  • 单选按钮

  • 多选按钮

  • 滑块

 

滑块

 

滑块适用于精确度不高的数据录入。

 

如:预定房间时,输入期望最低价、最高价。可以用滑块代替传统手写输入。因为滑块无法做到精确录入,所以滑块默认一格是50元,最低价也是50元,如果要设置230元是无法实现。

表单设计:让表单录入更方便快捷

 

默认值

 

当产品对用户足够了解时,用户录入的表单中可以提供合理的默认值。填写信息对用户来说是一件费神的事,提供的合理默认值如果可以直接使用,可以节省用户操作并给用户带来惊喜。

 

“你懂我”。对,就是这个感觉。

表单设计:让表单录入更方便快捷

 

智能内容提示

 

表单的自动完成同样可以降低用户操作成本。

 

如:用户鼠标进入文本框输入时,系统猜测答案并显示出可选列表项。

表单设计:让表单录入更方便快捷

 

操作错误提醒

 

正常场景中,用户填写表单后点击提交按钮,系统显示提交成功。

 

而常常用户会在填写过程中发生错误,如何给用户报告错误呢?

表单设计:让表单录入更方便快捷

常见报错提示样式是弹出框。

 

弹出框属于强反馈信息,用户要进行接下来的操作,必须关闭弹出框错误信息才会消失。当用户错误项目较多时,用户必需花时间记住错误,然后修改。这个过程并不愉快。

 

因此,逐行报错强势的弹出框要友好。且错误提示就在填写错误项目旁边,用户边查看错误边进行修改,直到用户修改完成。

表单设计:让表单录入更方便快捷

但逐行报错要占用屏幕空间,在移动端产品中,错误信息容易无法全部完整展示。

 

输入框保存用户输入数据

 

用户一旦输入了信息,输入框则记录用户已经填写的内容,在发生例如:页面刷新等操作时,避免重新输入的挫败感,从而放弃再次输入。