(翻译)不同布局中的按钮放置方式

了解不同表单类型(多页、多段、单页)中按钮的合理位置至关重要。多页表单采用“继续”和“退回”按钮,遵循分页约定;多段表单按钮应置于右侧,适用于整个表单;单页表单按钮应位于底部左侧,便于用户查找。正确布局能提升用户体验,避免降低表单提交率。
摘要由CSDN通过智能技术生成

  在设计结束时,你是否考虑过表单上按钮的摆放位置?如何设计按钮是一回事,但按钮位置也会影响表单使用。
  有三种类型的表单需要考虑:多页表单、多段表单及单页表单。表单类型决定了提交按钮的位置。

多页表单

在这里插入图片描述
  多页表单中存在多个按钮。“退回”按钮让用户回到上一页表单,“继续”按钮让用户进入下一页表单。
  这些按钮的功能类似分页,因此应该遵循分页的约定:“继续”按钮在右边,“后退”按钮在左边,这与用户跨页浏览时的方向一致。

多段表单

在这里插入图片描述
  多段表单内容众多,且包含由许多成组的字段[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.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值