在设计结束时,你是否考虑过表单上按钮的摆放位置?如何设计按钮是一回事,但按钮位置也会影响表单使用。
有三种类型的表单需要考虑:多页表单、多段表单及单页表单。表单类型决定了提交按钮的位置。
多页表单
多页表单中存在多个按钮。“退回”按钮让用户回到上一页表单,“继续”按钮让用户进入下一页表单。
这些按钮的功能类似分页,因此应该遵循分页的约定:“继续”按钮在右边,“后退”按钮在左边,这与用户跨页浏览时的方向一致。
多段表单
多段表单内容众多,且包含由许多成组的字段[1]。.将按钮放在表单左侧,会使用户认为该操作仅适用于该部分内容中的字段。而将按钮放在表单右侧给用户的印象是:该按钮的操作应用于整个表单。
单页表单
单页表单中的绝大部分字段都是左对齐的,将按钮放在表单左侧易于用户查找及使用。
用户从上往下、从左向右的浏览表单,当用户看到表单底部时,按钮就直接出现在他们的视觉途径上,这符合用户的浏览习惯,因此他们不用刻意查找就可以快速点击按钮。
结语
表单按钮位置需要重点考虑。“提交”按钮负责接收用户信息,,如果不将其放置在用户期望的位置,系统可能就会在表单提交环节上丢分[2]。要知道使用的表单类型,同时还要清楚将按钮放在用户期望的位置。
原文地址:https://uxmovement.com/forms/where-to-align-form-buttons-on-different-layouts/
[1]原文:Multi-section forms are long and consist of many fields grouped together.
[2]原文: If it’s not placed in a location where users expect, you could lose out on form submissions.