2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 表单设置默认值_你还不知道表单怎么设计吗?看这里!

表单设置默认值_你还不知道表单怎么设计吗?看这里!

时间:2019-06-14 06:15:49

相关推荐

表单设置默认值_你还不知道表单怎么设计吗?看这里!

表单是电子商务、社交互动和大多数基于生产力应用类型的网站的关键。尽可能简单,微小的变化都有可能极大的提高用户体验。

一、设计原则

尽量减少痛苦填写过程尽量简洁、容易。说明填写完成路径清晰的告诉人们如何完成这一目标。考虑情境表单并非凭空存在。受众群体、业务决定了如何使用表单。确保一致沟通表单是顾客和公司对话的中间人。多个团队参与对话,但表单只能用一种声音发声。

二、表单结构

构建对话考虑如何以对话形式而不是盘问的形式组织表单,试着讨好客户。内容组织为了保证对话流畅,可以将对话分为有意义的组。根据问题数量和情境,将表单分放到多个的网页或单个网页的不同位置。表单命名表单名称和客户采取的行动一致。清晰的浏览线客户迅速对问题做出答复,减少客户完成表单的时间成本。

三、表单元素

标签

顶对齐标签:标签和相关输入框相邻;用户只需要在一个方向(向下移动),为填写表单提供了清晰的完成路径。缺点是垂直空间增加。

右对齐标签:标签和相关输入框相邻,能快速填充;左侧不齐,降低快速浏览表单问题的效率,标签长度和输入框组合弹性较小。

左对齐标签:标签长度和输入框组合弹性较小,填写速度最慢。

输入框内标签:节省屏幕空间;填写时标签消失,检查困难。

总结:

如果要减少填写时间,或者出于本地化原因,标签长度需要灵活多变,可采用顶对齐标签;

如果与上述目标类似,但垂直屏幕空间有限,可采用右对齐标签;

如要求人们浏览表单标签,知道必填问题或者回答多个问题中的若干特定问题,可采用左对齐标签;

如果表单非常短,屏幕空间极度有限,可采用输入框内标签,同时应当确保合适的交互和情境。

输入框有文本框、单选按钮、复选框、下拉菜单等。

合理设置输入框的长度;

设置默认值;

区分必填项和可选项,关注必填项与可选项的标注方式与位置;

进行合理的分组;

如果答案有多种格式,应该考虑弹性输入框。

动作完成表单的最终动作,如:提交、保存、继续等动作被称为主动作。可能引起负面结果,如取消,成为次动作。

尽量避免表单中出现次动作,应当提供完成表单的单一路径。想象一下,你填完了全部表单,正要提交时,不小心碰到了取消按钮;

主动作与输入框对齐,能提供清晰路径完成表单;

有次动作时,确保主动作与次动作的视觉差异清晰。

帮助文字

不要依赖帮助文字来弥补表单的缺点。尽量减少表单中帮助文字,以促成更好的设计方案;

输入框内的帮助文字只能用于提供回答问题的方式;

如果人们知道帮助问题答案,但不确定如何回答或者为什么回答,应当考虑自动即时帮助系统;

简单的帮助文字毗邻问题是最清晰的方式;

错误与成功

如果有错误阻碍人们完成表单,应该明确告诉人们。错误消息是表单中最重要的元素,确保以最重要的形式表现错误!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。