2013年10月31日星期四

表單佈局

考慮到用戶完成表單填寫的時間應當盡可能的短,並且收集的資料都是用戶所熟悉的網頁寄存(比如姓名、位址、付費資訊等),垂直對齊的標籤和輸入框可以說是最佳的。每對標籤和輸入框垂直對齊給人一種兩者接近的感覺,並且一致的左對齊減少了眼睛移動和處理時間。用戶只需要往一個方向移動:下。   在這種佈局中,推薦使用加粗的標籤,這可以增加它們視覺比重,提高其顯著性。如果不加粗的話,從用戶的角度講,標籤和輸入框的文字幾乎就一樣了。   如果一個表單上的資料並不為人熟悉或者在邏輯上分組有困難(比如一個位址的多個組成部分),左對齊的網站建設標籤可以很容易的通覽表單的資訊。用戶只需要上下看看左側一欄標籤就可以了,而不會被輸入框打斷思路。但這樣一來,標籤與其對應的輸入框之間的距離通常會被更長的標籤拉長,可能會影響填寫表單的時間。用戶必須左右來回的跳轉目光來找到兩個對應的標籤和輸入框。   於是產生了一種替代的方案,標籤右對齊佈局,使得標籤和輸入框之間的聯繫更緊密。然而結果是左邊參差不齊的空白和標籤讓用戶很難快速檢索表單要填寫的內容。在西方國家,人們習慣于從左至右的書寫,所以這種右對齊的佈局就給網頁設計模板用戶造成了閱讀障礙。

没有评论:

发表评论