进行表单设计需要注意这十点

表单设计是互联网产品设计中(尤其是移动设备)重要的组成部分之一,无论是注册流程或是登录流程,运用的地方十分广泛。本次分享的就是关于表单设计的文章,作者总结了十点和大家分享,下面就跟小编一起来学习一下设计过程中需要注意的地方吧~

1.表单纵向单列排列

由于移动设备的屏幕尺寸限制,主流APP的注册表单都是纵向单列排列,横向排列或者纵向多列排布会影响用户的视觉连贯性,也会影响美观。

2.标签和输入框左对齐且要分组明确

标签和输入框上下排列且左对齐,符合用户的视觉走向,用户的完成率相对较高,这一方式适用于现在的移动端设备。另外标签和输入框要保持疏密关系,确保每组之间留有足够的高度,避免用户混淆从而增加用户的理解成本。

3.避免把输入框内的占位符作为标签

有时候出于手机界面的大小限制,有的设计师会将输入框内的占位符作为标签,看起来是节省了空间,但是其实是有问题的,当开始输入时用户可能会忘记当前输入框要输入的内容,可用性会受到影响。

如果想把输入框内的占位符作为标签,可以添加动效,如下图所示:

动图来源于花瓣,版权归原作者所有

4.及时区分首要和次要操作

当用户输入完信息时,应该及时highlight出主要操作,及时的提醒用户。

5.标签有英文的情况下避免全部大写

不要强制用户阅读所有大写文字,全部大写与首字母大写相比,全部大写大大地延缓了用户的阅读速度,所以出于阅读体验的考虑,全部大写要避免。

6.不要用*表示必填字段,而在选填字段上直接标出

大部分用户是不明白*表示必填字段的,只有少部分高级用户或者专家用户才明白*的意思,所以最好在选填字段处标明“选填”,这样反而更加的直观。

7.不要隐藏提示文字

对于复杂不易理解的标签或者需要注意的地方,要明确显示出提示文字,帮助用户完成信息填写,不要隐藏起来,否则会失去意义。

8.明确指出信息错误

经常会遇到一种情况:用户在填写一大列表单后,最后点击提交了,才告知用户填写的信息中有错误,但是却不知道是哪一步错了。更有甚者是提交了信息,弹出toast提示信息错误后,之前填写的信息全部没了,需要用户重新填写,这是最糟糕的体验设计,相信大部分用户都不会有耐心再次填写,这是对商家增长用户的巨大损失,所以最好的设计是在用户填写过程中就能明确指出错误的地方,这才是最合理且最人性化的设计。

9.人性化设置

如上图所示:当我在设置生日时,底部弹出日期编辑的toast,但是日期却是当日的日期。在一些移动屏幕的可见和可滚动的列表区域是很小的,滚动选项会使人不愉快,建议还是预先设置一个日期,避免用户反复滚动选项。诸如此类,细节之处做到位才会让用户信任和依赖你的产品。

10.关于下拉表单

选项不超过5个

下拉表单是最常被误用的表格模式之一,“应该是最后使用的用户界面”。把选项放在下拉选择框内不仅隐藏了选项,还需要两次点击。如果选项个数不超过5个,可将选项全部显示,避免下拉表单。

图片为网络截图

如果选项超过25个,可在下拉框内采用上下文搜索,及时筛选出符合要求的信息,省去用户不必要的时间。

总结:

用户的时间都很宝贵,大家都不想浪费时间在没有意义的事情上,所以在设计中节约用户的时间,好的体验会让用户心生愉悦,增强对品牌的信任感和依赖。

UI中国

作者:EasonZhangUED

(0)

相关推荐

  • FineReport怎么进行表单设计

    FineReport是一款报表软件,它的报表操作功能是报表软件中的佼佼者。下面小编就为大家进行介绍一下FineReport简单的一些表单设计功能,希望能帮到大家 新建表单点击文件>新建表单,如下 ...

  • 9个新人容易中枪的表单设计问题

    在网站中,表单是用户跟我们沟通的主要桥梁.透过表单,用户可以买东西.订阅新文章.更新资料--可以说网站最重要的功能,都是靠表单来完成.然而这个跟顾客打交道的重要环节,我们真的有做好了吗?以下分享的是一 ...

  • 44个漂亮的注册表单设计

    小编:注册表单在网页应用中十分重要,好的注册表单是可以让用户喜欢使用,大大的提升用户体验的.所以把注册表单设计好也是非常重要的一件事.今天就为大家带来44个漂亮的注册表单设计,看上去真的是有种赏心悦目 ...

  • 优秀表单设计应遵循的原则

    小编:表单是网站的重要组成部分.表单的目标是引导用户沿着一条路径,提高用户填写表单的效率,防止他们出错或中途流失,提升愉悦度及转化率.最好的表单用最少的文本来引导用户. 设计师常犯的错误,以及正确做法 ...

  • 【干货】5大移动端表单设计原则及案例赏析

    当我们在享受手机App为生活带来的巨大便利时,无形中已经经历了多种多样的移动表单设计形式.而表单设计又是移动应用设计中与用户产生最多交互的步骤,包括用户注册.订阅服务.用户反馈.问卷表单.买卖交易等等 ...

  • 4步教你提升表单设计的用户体验

    前言 在日常 APP 的操作使用中,用户在使用 APP的场景是碎片化的,环境可能非常嘈杂,各种因素导致用户中止或放弃操作,所以表单设计的用户体验显得尤为重要!接下来我们看看通过什么样的方法能快速提高表 ...

  • 表单设计总结

    表单是我们比较常见的一个信息录入工具.糟糕的表单设计会带来令用户抓狂的交互体验,极大的影响用户信息录入的效率.这篇文章我就来大家梳理一下关于表单设计的一些知识点. 表单的构成 常见表单是由多个列表项构 ...

  • UX设计秘诀之注册表单设计,细节决定成败

    说实话,现实生活中,又有多少人会真正喜欢填写表格?显然,并不多.因为填写表单这样的网页或App服务,并非用户所需.他们需要的仅仅只是能够尽快买票.聊天等服务而已.如此,注册表单的填写,似乎就成为他们不 ...

  • 表单设计的常见错误与解法

    无论是连贯试.分布式,亦或是单调的数据输入界面,表单都是数码产品的重要组成部分.这篇文章聚焦在表单设计中常见的该做和不再做的点上.这些都是通用的设计指南,但每条规则都肯定是有不适用的特殊情况的. 最好 ...