移动端的长表单设计有哪些注意事项？

发现，案例中连续 3 个表单项对应的输入方式分别是：时间选择器、数字键盘、选项选择器。如果采用传统的方式按顺序填写，不仅需要依次点击这 3 个表单项，而且对应的选择器和键盘也需要分别弹出和收起各 1 次(弹出和收起共计3*2=6次)，操作较为繁琐。改为联动键盘后，可以在同 1 个底部弹出层中，流畅地填写完 3 个表单项，有助于打造更为便捷高效地填写体验。

PC端可在一个页面中承载长表单，移动端则需分页面展示

移动端设备相比于 PC 端设备，屏幕尺寸小得多。一份在 PC 端可以用 1-2 屏展示完全的表单，在移动端可能需滑动 7-8 屏才能完整查看。如果在移动端用一个页面承载 7-8 屏才能看完的长表单，可能会造成高跳出率和低完成率。表单设计领域的专家 Adam Silver 通过实际项目发现：将较长表单拆解为若干部分，用若干页面展示，能提升用户满意度以及支付转化率。除此之外，Adam 还总结了这种设计理念的 16 个优点，我觉得其中最主要的 3 个优点如下：

• 降低认知负荷，让用户能更专注地完成任务;
• 使得每一页的出错数得到降低，从而降低错误带给用户的挫败感以及跳出率;
• 配合进度指示器，能给用户一种前进的正面感觉。

• 移动端的长表单在填写完毕后，可考虑提供预览功能

  为什么要考虑预览功能呢?对于分页面填写的表单，如需检查之前已填写的内容，要逐步返回之前的页面查看，十分不便。因此，提供一个专门的预览页面让用户对表单进行检查和确认，是很有必要的。而这也符合尼尔森可用性原则中的易取原则(Recognition rather than recall)，尽可能减少用户的回忆负担，把需要用户记忆或确认的内容直接展示出来。
  
  
  

（编辑：孝感站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!