移动端表单设计原则

时间:2019-03-12 来源:文率科技

不管是注册流程,多视点布局、或单调的纯数据录入界面,表单在其中都是非常重要的组成部分,它的好坏直接影响到用户对产品的体验度。通常,良好的表单设计能给用户提供流畅自然的交易体验,保证用户购物情绪的正向增涨,而杂乱无序的表单会引起用户的负面情绪,影响用户交易,那么在设计的过程中,尤其是移动端,如何提升表单页面体验?移动表单设计原则是什么?

1、指定错误内联


指定错误内联,告知用户发生错误的位置及原因。对于位置,就是要明确的告知用户具体是那个地方出现的错误,而并非是简单的告知用户有错误;对于错误,不但要告知用户错误的原因,还要告诉其相应的解决办法,引导用户做出正确的操作。

2、描述清晰

A、不隐藏基础帮助信息


将帮助文本直接展示出来,不要将其隐藏,作为一个购物流程的信息确定和采集环节,需要用户对购买产品有明确的认知。因此在设计过程中对于用户填写表单有基础帮助的信息应该做强调或显示设计,避免出现因为隐藏帮助信息导致的客户投诉。除非你的帮助文本超过100个单词,信息量过大,若内容真的过长,天津网站建设建议置于靠近标签或输入框的地方,光标悬停时展示。

B、标题不可取代


虽说,用占位符代替标题的方式扩充了表单的填写空间,减少了视觉噪音,但这种方式并不利于用户短期记忆。一旦用户触发输入,占位符消失,用户可能会陷入迷茫,不知道该填什么,必须删除所有输入内容才能再次显示标题,而显然,这是违背人性的。

C、输入域符合预期


输入域的长度与预期输入的内容成正比,确保输入字段长度符合用户心理预期,并能够在表单中完整呈现。

3、减少输入

大量事实证明,表单越长越复杂,用户完成整体表单的意愿就会越低,尤其是在小屏幕上,最大限度的减少输入字段数,使你的表单载入更快速,特别是当您像用户索取大量信息的时候,保持表单越简短越好。

4、避免将标签作为占位符使用


有种设计模式是让标签作为占位符置于输入框之中,当用户点击输入的时就会自动消失,虽然这种设计很简约,但用户在输入的时候很容易会忘记他们需要输入的字段是什么,同时可能会产生其它问题。

5、低于6个选项就全部展示


当表单中需要选取不同选项时,低于6个选项就就不需要使用下拉选项来选取了,因为下拉选项是需要两次点击完成结果的选择,而直接选择来的更快。另外,若超过25个选项,则不能仅仅使用下拉菜单选择器,还要在下拉列表中结合上下文进行搜索。

6、减少页面跳转


在表单填写中我们期望用户保持专注,尽量避免产生引导用户离开当前页面的填写交互,因为这种交互跳转很容易打断用户固有的行为轨迹。因此运用浮层、弹窗等交互来完成辅助信息的采集是我们较为推崇的交互形式。

其实,关于移动端表单设计的原则有很多,而这里天津网站建设所提到的只是一些基本需要注意,也是很关键的一点,毕竟表单的设计会影响到用户体验,若您像通过设计提升表单的用户体验,可以阅读文率科技之前的文章《如何通过设计提升表单用户体验》或许对您会有更多的启发。


联络方式:

中国 · 天津市河西区南京路35号亚太大厦1403室
电话:15620613686
邮编:300220