您现在的位置:   首页 >> 优客智库 >> 产品设计

表单的帮助信息如何设计

发布人:www.yunke.ai 发布时间:2021-01-01 131 次浏览

编辑导读:我们在填写表单的时候,在输入框的旁边或者下面,会用一句话或者例子来解释需要输入什么数据,这就是表单的帮助信息。表单的帮助信息应该如何设置并且显示呢?本文作者将对此展开分析,希望对你有帮助。

“一切都是为了帮助用户完成表单输入。”

01 表单的帮助信息是什么?

在输入框旁边或者下面,用一句话或者例子来解释需要输入什么数据。

02 为什么要有帮助信息?

标签信息与输入框的形式虽然对表单填写提供了线索,

但这些还不够。

为了让用户更好的完成输入,设计师会在标签或输入框旁边放置帮助信息,告诉用户如何回答问题。

03 什么时候设置?

人们往往不会去阅读屏幕上的提示。

但有些情况下,用户期待能提供一些信息,帮助自己正确的回答问题。

对要求填入数据不熟悉的表单:

△提示用户卡安全码是背面的3位数字,它这里是以图片方式呈现的,比较有趣;但建议配上文字更清楚

质疑为何要填入该数据?

△Amazon地址新增页面,告诉用户,收集手机号码只是为了方便配送

担心数据安全或隐私:

△Dribbble个人信息页面,打消用户顾虑,告诉用户社交账号信息不会在个人资料中展示

系统推荐的填写方式:

△Dribbble修改密码页面,提示用户密码至少需要6位

可填或必填,与表单大部分要求相反时:

△Youtube上传视频页面,标题为必填

总的来说就是:

如果大部分是必填项,你就只标明选填项,反之亦然。

04 怎么显示?

始终显示:

△Jira,输入框下方始终显示帮助信息

本页面均来此互联网页面如有触犯其他或者第三方利益请联系站长删除 137865155@qq.com