|
“輸入框（ Input ）應(yīng)當(dāng)符合邏輯地劃分為小組，這樣大腦就可以很好的處理大堆區(qū)域間的關(guān)系�！报C 《HTML權(quán)威指南》
Web 應(yīng)用程序總是利用表單來處理數(shù)據(jù)錄入和配置，但并不是所有的表單都保持一致。輸入?yún)^(qū)域的對(duì)齊方式，各自的標(biāo)簽（label），操作方式，以及周圍的視覺元素都會(huì)或多或少影響用戶的行為。
表單布局
考慮到用戶完成表單填寫的時(shí)間應(yīng)當(dāng)盡可能的短，并且收集的數(shù)據(jù)都是用戶所熟悉的（比如姓名、地址、付費(fèi)信息等），垂直對(duì)齊的標(biāo)簽和輸入框可以說是最佳的。每對(duì)標(biāo)簽和輸入框垂直對(duì)齊給人一種兩者接近的感覺，并且一致的左對(duì)齊減少了眼睛移動(dòng)和處理時(shí)間。用戶只需要往一個(gè)方向移動(dòng)：下。
在這種布局中，推薦使用加粗的標(biāo)簽，這可以增加它們視覺比重，提高其顯著性。如果不加粗的話，從用戶的角度講，標(biāo)簽和輸入框的文字幾乎就一樣了。
如果一個(gè)表單上的數(shù)據(jù)并不為人熟悉或者在邏輯上分組有困難（比如一個(gè)地址的多個(gè)組成部分），左對(duì)齊的標(biāo)簽可以很容易的通覽表單的信息。用戶只需要上下看看左側(cè)一欄標(biāo)簽就可以了，而不會(huì)被輸入框打斷思路。但這樣一來，標(biāo)簽與其對(duì)應(yīng)的輸入框之間的距離通常會(huì)被更長的標(biāo)簽拉長，可能會(huì)影響填寫表單的時(shí)間。用戶必須左右來回的跳轉(zhuǎn)目光來找到兩個(gè)對(duì)應(yīng)的標(biāo)簽和輸入框。
出處：JunChen
責(zé)任編輯：blue
上一頁 下一頁 淺議 Web 表單設(shè)計(jì) [2]
|
第 1 頁 淺議 Web 表單設(shè)計(jì) [1]
第 2 頁 
