在WEB产品的设计中经常要用到设计表单，表单中的元素众多，尤其是许多后台操作系统中表单元素的组合就更加复杂，如何将这些元素合理的组合排序，设计的更加友好，让用户的体验更加流畅，成了许多产品经理和交互设计师需要认真思考的问题。
完整的表单一般由这样几个部分组成：输入框、输入标签、帮助信息、操作动作、操作反馈。
在表单的设计时应该注意以下的问题：
（1）同一个页面表单数量尽量减少，最好只有一个，尽可能的减少输入。在页面的设计时如果一个页面存在多个表单，用户体验就不会那么好，需要输入的内容就会特别多，如果缓存功能没有的话，很有可能用户辛苦的输入完了一整个页面的内容，由于网络或者别的原因在提交时出现一些问题，用户输入的内容就有可能全部丢失，用户的体验非常的差，这样的问题通常出现在一些政府机构、事业单位的网站。再者同一个页面布局多个表单，程序员在编程时也容易出现各种错误，造成许多的麻烦。
如果一个页面必须要有多个表单怎么办？我的建议是可以采用折叠页或者其他的形式进行适当隐藏，将表单合理的分开，这样会让用户的体验更好。同时也要考虑是不是你设计的所有要素都是必须的，适当的精简一些不必要的输入项目。人本性懒惰，除非是不得已，没有人会愿意填写一大堆的表单字段，表单设计的越复杂可能意味着流失的用户数就越多。
（2）必填项、限制项给予必要的提示，其他项需要时显示提示信息。如果表单的要素确实较多，内容依然比较复杂时，应当对于必填项和限制项给出提示，让用户更快的完成输入，减少用户的流失。其他的一些输入项在用户进行输入的时候再给出提示，这样整个的设计就会更具有强调性，诱导用户更快的完成重点信息的输入，让用户不至于厌烦。
（3）合理的设置默认值。对于内容重复性较高，选择趋同性较强的一些要素给予合理的默认值，比如在一个女性美妆网站的用户注册页面，在性别上就可以先默认为女性，如果有男性用户注册自行在复选框点击修改。最明显的就是勾选在“《我已阅读相关协议》”时，许多的公司都直接默认勾选，且不讨论这其中涉及到的各种法律、道德因素的问题，对于许多用户来说这样的设定其实是为其减少了操作步骤，提高了效率。
（4）符合用户的视觉浏览线。 用户在浏览页面的时候，如果页面没有足够吸引用户的亮点，用户一般会遵循常见的几种浏览线。最常见的就是古腾堡视觉线，用户浏览会从页面的左上角（第一视觉落点区）移动到页面的中间再到页面的右下角（最终视觉落点区）。常见的浏览线还有WEB端F型视觉线，移动端L型视觉线。产品经理在进行表单设计时如果能够充分考虑到视觉浏览线路，做出的产品就能有更好的用户体验。
以上是关于表单设计的一点总结，设计出好的表单，能够吸引更多的用户，减少用户的流失，提升用户的产品体验，提高工作的效率。当然表单设计中还应该考虑到下拉框、复选框、亲密性、对齐方式、按钮形式、输入框大小、缓存等诸多细节方面的要素，在设计时尽量的考虑到用户的使用场景，遵循基本的原则，合理搭配各个要素，相信设计一份“好”的表单不会是难题！
网友评论