随着单列表单设计和输入字段的增大,自然而然地,表单宽度会逐渐增大,以填满移动设备的显示屏。这需要将表单字段的宽度调整为 100%,以填满屏幕,然后在表单本身上添加少量填充,以在两侧增加一点空间,类似于下图
从视觉上来说,这可以将表单字段与屏幕
右侧对齐,从而营造出更好的平衡感。它还可以帮助眼睛更快地浏览表单,而不会因字段宽度不一致而受到任何干扰。
同样,它还最大限度地利用了移动显示屏上的可用空间,进一步改善了触摸体验。
不过,除了视觉效果之外,全宽设计会自动调整 伯利兹电话号码表 以填充其容器 – 包括浏览器窗口。因此,您可以创建一个全宽表单,知道它将始终调整大小以填充移动显示屏,并且只需切换到桌面的其他布局即可。
随着未来几年屏幕尺寸的多样性不断增加,这将成为响应式设计的一项关键实践
全宽表单还鼓励设计师使用更大的提交按钮来填充相同的空间,这对 CTA 按钮的整体设计产生了重大影响。按钮不仅变得更高,使其更容易在触摸屏上点击,而且现在变得更宽,为更粗的文本或更有说服力的 CTA 副本留出了更多空间。
表格长度
移动设备对表单设计的最大影响之一是它更加重视 博目录 表单长度。请记住,电子邮件和密码确认字段此时仍在慢慢消失,并且普通表单需要大量滚动才能完成 – 此外,在移动设备上选择字段和输入也很困难。
解决这个问题最简单的方法是删除不必要的字段,让表单更短。因此,在此期间,有一些明显的措施流行起来:
- 删除电子邮件和密码确认字段
- 删除电话号码字段,除非确实必要
- 仅使用一个字段来输入姓名(不是名字和姓氏)
- 尽可能减少字段数量
显然,减少表单字段数量可以解决移动设备上的滚动 卡洛斯·加西亚 首席执行官 问题,也有助于减少字段选择和输入的工作量。但是,单纯地试图使表单尽可能短也存在问题。