轻松让你搞定输入框和表单的21个秘诀(三)


6、输入框标签左对齐

当用户不太熟悉你所提供的表单之时,左对齐是一个不错的选择:

优点:易于扩展,可以充分利用垂直空间

缺点:标签和输入框之间的距离可能会过长,显得参差不齐,并且完成表单填写会耗费更多时间。

 

7、输入框标签右对齐

和左对齐的标签相比,右对齐的标签在测算数据当中,用户填写速读快了近2倍:

优点:文本标签和输入框之间的距离固定,用户浏览扫视速度更快,完成时间跟本标签和输入框之间的距离固定,用户浏览

扫视速度更快,完成时间更短

缺点:因为左侧参差不齐,整体扫读表单的时候不容易了解全部信息

 

8、输入框标签顶部对齐

在多数情况下,这是最佳的选择,在移动端设备上效果更好,因为不需要太多水平空间。

优点:用户上下扫读即可快速捕获信息,并填写表单,更快完成

缺点:纵向上需要更多空间

>