首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

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

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

下拉列表

switch开关

单选按钮

多选按钮

滑块

滑块

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

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

默认值

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

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

智能内容提示

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

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

操作错误提醒

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

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

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

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

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

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

输入框保存用户输入数据

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

END

听说关注了我们的人

都升职加薪啦

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191025A0LB2700?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券