表單對介面或網頁設計師來說，算是最枯燥乏味的部分了。但這也是介面設計中與消費者溝通最重要的一環，舉凡從得到客戶基本資料、電子購物結帳、到線上問卷等，假如設計的不夠 Friendly，往往會讓辛辛苦苦建立的線上活動功虧一簣。
以下就從使用者經驗的角度（將視覺裝飾抽離），並透過眼跡追蹤的結果，來探討文字標籤和表單之間的排版問題。
- 標籤置左對齊，置於輸入框左方
這是最常見的排版形式，在測試時，使用者會在標籤和輸入框間只做一次掃視，表示使用者很容易了解到標籤和輸入框的關係，不用做反覆的確認。
而在實驗中，雖然使用者沒有對焦到標籤和輸入框中間的白色區域，但由於標籤和輸入框的距離，導致掃視的時間過長，讓使用者在標籤和輸入框間來回掃視時產生出明顯的認知負荷。
- 標籤置右對齊，貼在輸入框左方
在這樣的設計中，由於標籤緊靠在輸入框的旁邊，與圖一的形式相比，降低了很多橫向掃視的動作，整個完成時間也大大的降低。
而在閱讀上，因為標籤很簡單，所以每一行閱讀起始點不同，也沒有造成使用者的困擾。
- 標籤置左對齊，置於輸入框上方
從使用者測試的結果來看，我們發現到由於標籤和輸入框很靠近，所以使用者不用移動視線，就能同時看到標籤和輸入框。
而且在這樣的編排下，連續性的資料（類似姓和名），使用者只要撇到一次就可以一次填下兩個欄位，大大的提升了使用者填表單的效率。
- 結論
透過以上的實驗，探討文字標籤和表單之間的排版問題後，在沒有任何視覺裝飾的干擾下，使用編排 3 的方式可以達到最佳的使用者體驗。所以說設計師在介面設計時，一定要採用這樣的編排格式嗎？
其實也不然，在設計時還是需要考慮整體邊排，而不同螢幕上也會有一定限制（例如手機直螢幕，桌機或平版寬螢幕），但每位設計師心中還是要有一個最佳使用者經驗的解決方案，這樣在設計時才有個衡量的基礎。
（資料、圖片來源：uxmatters、Nick in exsilio , CC Licensed）
Source: techorange.com
