霰彈槍與順序輸入佈局

Question

我想確定下面兩種佈局中的哪一種是更好的佈局。我希望可用性成爲主要關注點。 其中一個更好（在可用性方面）和爲什麼更好？

鳥槍

使用盡可能多的水平屏幕寬度儘可能的，而不會導致出現水平滾動。顯着的好處是，垂直滾動將被最小化/消除，並且屏幕的房地產是最大化的。每行

序貫

一個輸入。缺點是可能會有比Shotgun佈局顯着更多的滾動。

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

Answer 1

順序具有更好的可用性。

在這兩種佈局中，用戶都會識別線條。在霰彈槍的情況下，每條線約爲兩個東西需要額外心理處理瞭解。在Sequential情況下，每行大約有一個單一的概念，它是簡單的。

在一條線上有不止一個概念不僅分散注意力，還需要額外的大腦力量來識別概念之間的可能關係，以分析輸入是否意味着直到分析子程序說「不」。

作爲一般規則，每個空間區域元素比例高的密集界面比「空白區」界面更加累贅和緩慢。元素包括任何UI實體，無論是主動輸入元素，被動文本評論還是圖形元素。

Answer 2

我會同意在鎮上的新，除了時間，當領域更有意義彼此相鄰。比如當你輸入了一些人的名和姓，如如：

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

如果這些人是在一個連續的，這將是更難理解和分組域一起（在你的頭）。