表单设计是互联网产品设计中（尤其是移动设备）重要的组成部分之一，无论是注册流程或是登录流程，运用的地方十分广泛。本次分享的就是关于表单设计的文章，作者总结了十点和大家分享，下面就跟小编一起来学习一下设计过程中需要注意的地方吧~
1.表单纵向单列排列
由于移动设备的屏幕尺寸限制，主流APP的注册表单都是纵向单列排列，横向排列或者纵向多列排布会影响用户的视觉连贯性，也会影响美观。
2.标签和输入框左对齐且要分组明确
标签和输入框上下排列且左对齐，符合用户的视觉走向，用户的完成率相对较高，这一方式适用于现在的移动端设备。另外标签和输入框要保持疏密关系，确保每组之间留有足够的高度，避免用户混淆从而增加用户的理解成本。
3.避免把输入框内的占位符作为标签
有时候出于手机界面的大小限制，有的设计师会将输入框内的占位符作为标签，看起来是节省了空间，但是其实是有问题的，当开始输入时用户可能会忘记当前输入框要输入的内容，可用性会受到影响。
如果想把输入框内的占位符作为标签，可以添加动效，如下图所示：
动图来源于花瓣，版权归原作者所有
4.及时区分首要和次要操作
当用户输入完信息时，应该及时highlight出主要操作，及时的提醒用户。
5.标签有英文的情况下避免全部大写
不要强制用户阅读所有大写文字，全部大写与首字母大写相比，全部大写大大地延缓了用户的阅读速度，所以出于阅读体验的考虑，全部大写要避免。
6.不要用*表示必填字段，而在选填字段上直接标出
大部分用户是不明白*表示必填字段的，只有少部分高级用户或者专家用户才明白*的意思，所以最好在选填字段处标明“选填”，这样反而更加的直观。
7.不要隐藏提示文字
对于复杂不易理解的标签或者需要注意的地方，要明确显示出提示文字，帮助用户完成信息填写，不要隐藏起来，否则会失去意义。
8.明确指出信息错误
经常会遇到一种情况：用户在填写一大列表单后，最后点击提交了，才告知用户填写的信息中有错误，但是却不知道是哪一步错了。更有甚者是提交了信息，弹出toast提示信息错误后，之前填写的信息全部没了，需要用户重新填写，这是最糟糕的体验设计，相信大部分用户都不会有耐心再次填写，这是对商家增长用户的巨大损失，所以最好的设计是在用户填写过程中就能明确指出错误的地方，这才是最合理且最人性化的设计。
9.人性化设置
如上图所示：当我在设置生日时，底部弹出日期编辑的toast，但是日期却是当日的日期。在一些移动屏幕的可见和可滚动的列表区域是很小的，滚动选项会使人不愉快，建议还是预先设置一个日期，避免用户反复滚动选项。诸如此类，细节之处做到位才会让用户信任和依赖你的产品。
10.关于下拉表单
选项不超过5个
下拉表单是最常被误用的表格模式之一，“应该是最后使用的用户界面”。把选项放在下拉选择框内不仅隐藏了选项，还需要两次点击。如果选项个数不超过5个，可将选项全部显示，避免下拉表单。
图片为网络截图
如果选项超过25个，可在下拉框内采用上下文搜索，及时筛选出符合要求的信息，省去用户不必要的时间。
用户的时间都很宝贵，大家都不想浪费时间在没有意义的事情上，所以在设计中节约用户的时间，好的体验会让用户心生愉悦，增强对品牌的信任感和依赖。
原文地址：UI中国
作者：EasonZhangUED
评论0