借助可視化元素

　　由于“標簽左對齊布局”的優點(方便檢索并且減少垂直高度)，嘗試糾正它的主要缺點(標簽和輸入框的分離)就很誘惑人。

　　 一個方案就是增加背景色和分割線，不同的背景色產生了一列垂直的標簽和一列垂直的輸入框，每一組標簽和輸入框利用清晰的水平線分開。雖然這聽上去不錯，但是還是會存在問題。

　　對比之前的形態(用戶主觀的視覺區分)，這增加了15個視覺元素:中間線、一個個有背景色的單元格以及一條條的水平線。這些元素會轉移用戶的視線，讓用戶難以聚焦到一些重要的元素上，比如標簽和輸入框。 正如 Edward Tufte 指出的:“信息本身存在差異，必然產生感官上的不同。”換句話說，任何對布局無用的視覺元素都會不斷地擾亂布局。當你試著瀏覽左側的標簽就可以發現，你的視線總是被打斷，停下來想那些水平線、單元格和背景顏色。

　　

　　當然這并不意味著放棄背景色和線條。它們對于劃分相關區域信息還是很有效的。比如一條細水平線或者一個淺淺的背景色，都可以從視覺上組合相關數據。背景色和線條對于區分表單的主要操作按鈕尤其有效。

　　

　　主次操作

　　一個表單的主要操作(通常是“提交”或“保存”)需要一個比較強的視覺比重(在上面的例子里用了亮色調、粗字體、背景色等等)。這相當于給用戶一個提示:您已/即將完成填寫表單。

　　當一個表單有多個操作，比如“繼續”和“返回”，那有必要減輕次要操作的視覺重量。這可以最小化用戶潛在的操作錯誤的風險。

　　

　　雖然以上內容可以更好的讓你設計表單，但是組合布局、可視化元素以及內容，仍然需要經過用戶的測試以及數據分析(完成度評估、錯誤報告等)。