1.頂部對(duì)齊

　　在三種標(biāo)簽對(duì)齊方式中，頂部對(duì)齊標(biāo)簽對(duì)減少表單的填充時(shí)間貢獻(xiàn)最大。

　　因?yàn)闃?biāo)簽和輸入框距離很近，所以很容易處理。填寫(xiě)整個(gè)表單又快又容易，因?yàn)槿藗円话阒恍枰蛞粋€(gè)方向移動(dòng):向下。這也為完成表單提供了一個(gè)清晰的路徑。

　　頂部對(duì)齊的標(biāo)簽還提供了大量的水平空間，可以用來(lái)擴(kuò)展或收縮標(biāo)簽文本，而不會(huì)對(duì)整個(gè)頁(yè)面布局產(chǎn)生負(fù)面影響。與長(zhǎng)標(biāo)簽或跨文化本地化標(biāo)簽相比，這尤其有用。同等情況下，法語(yǔ)、德語(yǔ)或荷蘭語(yǔ)等語(yǔ)言比英語(yǔ)長(zhǎng)，很容易破壞表單布局。大量的橫向空間可以用來(lái)以各種方式組合相關(guān)的輸入框，這是頂部對(duì)齊標(biāo)簽的另一個(gè)優(yōu)勢(shì)。由于橫向空間的減少，左對(duì)齊和右對(duì)齊標(biāo)簽對(duì)于這種布局不夠靈活。

　　但是，頂部對(duì)齊標(biāo)簽會(huì)占用額外的垂直空間。因此，如果可用的垂直屏幕空間很小，應(yīng)小心使用頂部對(duì)齊標(biāo)簽。頂部標(biāo)簽布局也應(yīng)采用適當(dāng)?shù)拇怪遍g距。表單輸入框之間的垂直間距過(guò)小或過(guò)大都會(huì)阻礙移動(dòng)。一般來(lái)說(shuō)，最好用輸入框高度的50%到75%作為相鄰輸入框的間距。

　　頂部對(duì)齊的標(biāo)簽表單能夠快速填寫(xiě)的原因之一可能是眼球只需要在標(biāo)簽和輸入框之間做一次移動(dòng)。事實(shí)上，matteoPenzo在2006年7月進(jìn)行的眼球運(yùn)動(dòng)研究發(fā)現(xiàn)，從標(biāo)簽移動(dòng)到輸入框只需要50毫秒，是右對(duì)齊標(biāo)簽方法的兩倍，后者高達(dá)240毫秒。

　　由于完成時(shí)間短，完成率高，一些設(shè)計(jì)師總是推薦使用頂部對(duì)齊的標(biāo)簽。畢竟最省力的填表是首要目標(biāo)，頂對(duì)齊標(biāo)簽的速度自然會(huì)發(fā)揮作用。但是，眼球追蹤和現(xiàn)場(chǎng)網(wǎng)站測(cè)試使用的是人們熟悉的形式，也就是說(shuō)，人們一般知道或者可以隨時(shí)找到這些信息，比如姓名、地址、信用卡號(hào)或者電子郵件地址。測(cè)試結(jié)果是否適用于不熟悉的數(shù)據(jù)還有待觀察。

　　2.右對(duì)齊

　　右對(duì)齊標(biāo)簽還有一個(gè)好處，就是輸入框緊鄰標(biāo)簽，可以快速填寫(xiě)。

　　但是右對(duì)齊布局造成左側(cè)填充，會(huì)降低快速瀏覽表單問(wèn)題的效率。西方人習(xí)慣于從左向右閱讀，他們的眼睛喜歡沿著左側(cè)移動(dòng)。如果標(biāo)簽文本的寬度發(fā)生變化，右對(duì)齊標(biāo)簽也會(huì)導(dǎo)致靈活性問(wèn)題。如果標(biāo)簽要求兩行文字，流量形式會(huì)比較困難，這種現(xiàn)象比較普遍。

　　也就是說(shuō)，如果你想最小化表單占用的垂直屏幕空間，正確的對(duì)齊標(biāo)簽可以提供快速的閱讀完成時(shí)間。MatteoPenzo的眼動(dòng)研究發(fā)現(xiàn)，專家用戶和新手用戶掃描(眼動(dòng))右對(duì)齊標(biāo)簽表單的標(biāo)簽和輸入框的平均時(shí)間分別為170毫秒和240毫秒，填充時(shí)間是左對(duì)齊標(biāo)簽的兩倍。

　　3.向左對(duì)齊

　　如果人們對(duì)表單要收集的數(shù)據(jù)不熟悉，或者問(wèn)題不能分成容易處理的內(nèi)容組(比如地址部分)，那么瀏覽帶有左對(duì)齊標(biāo)簽的表單問(wèn)題會(huì)更容易。人們只需要上下閱讀標(biāo)簽的左欄，而不會(huì)被輸入框打斷。

　　但是，一些長(zhǎng)標(biāo)簽往往會(huì)增加標(biāo)簽和輸入框之間的距離，從而延長(zhǎng)完成時(shí)間。人們必須在各列之間“跳躍”，找到輸入框和標(biāo)簽之間的正確連接，然后才能輸入答案。與頂部對(duì)齊標(biāo)簽相比，左側(cè)對(duì)齊標(biāo)簽還具有占用更少垂直屏幕空間的優(yōu)勢(shì)。但是，就像右對(duì)齊標(biāo)簽一樣，它的一個(gè)缺點(diǎn)就是標(biāo)簽的長(zhǎng)度和輸入框的組合靈活性小。

　　三種方案中，左對(duì)齊表單的填充速度最慢，可能是因?yàn)樽髮?duì)齊表單解析時(shí)眼球定位的次數(shù)較多。一般來(lái)說(shuō)，人們可以將左對(duì)齊布局中的標(biāo)簽與相應(yīng)的輸入框相關(guān)聯(lián)，但這需要很長(zhǎng)時(shí)間。根據(jù)matteoPenzo的研究，“典型的掃視時(shí)間為500ms”，這是非常長(zhǎng)的時(shí)間，表明用戶正在經(jīng)歷沉重的認(rèn)知壓力。