霰弹枪与顺序输入布局

Question

我想确定下面两个布局中的哪个是更好的布局。我希望可用性成为主要关注点。 哪个更好（在可用性方面）和为什么更好？

猎枪

尽可能多地使用水平屏幕宽度而不会导致水平滚动。显而易见的好处是垂直滚动将被最小化/消除，并且屏幕空间被最大化。

顺序

每行一个输入。缺点是可能会出现比Shotgun布局更多的滚动。

              Shotgun                                Sequential
|----------------------------------|    |-----------------------------------|
|                                  |    |                                   |
|  Input1: ______  Input2: ______  |    |  Input1: ______                   |
|                                  | vs |                                   |
|  Input3: ______  Input4: ______  |    |  Input2: ______                   |
|                                  |    |                                   |
|----------------------------------|    |  Input3: ______                   |
                                        |                                   |
                                        |  Input4: ______                   |
                                        |                                   |
                                        |-----------------------------------|

Answer 1

顺序具有更好的可用性。

在两种布局中，用户都能识别线条。在Shotgun案例中，每一行都是两个事物，需要额外的心理处理来理解。在Sequential案例中，每一行都是单概念，更简单。

在一条线上拥有多个概念不仅可以分散注意力，还可以利用额外的脑力来识别概念之间的可能关系，分析输入是否相关，直到分析子程序显示为“否”。

作为一般规则，每个空间区域具有高比率元素的密集接口比“白色空间”接口更加疲劳和减慢。元素包括任何UI实体，无论是活动输入元素，被动文本注释还是图形元素。

Answer 2

我同意New in town，除了田地更有意义的时候彼此相邻。例如，当您为许多人输入名字和姓氏时，例如：

First Name: __________    Last Name: __________
First Name: __________    Last Name: __________
First Name: __________    Last Name: __________

如果这些是连续的，那么理解并将这些字段组合在一起（在你的脑海中）会更加困难。