面對冗長表單，用戶易產生畏難情緒甚至放棄。如何讓用戶一眼聚焦必填項、減少非必要資訊干擾，是表單設計的關鍵細節。

一、表單標籤對齊方式調查

針對 100 個知名網站註冊表單統計：41% 標籤右對齊（YouTube、Facebook），30% 頂端對齊（Behance、Wufoo），29% 左對齊（Digg、Ning）。

二、表單主要應用場景

1. 註冊
2. 登入
3. 資訊填寫（支付、訂單、個人資料）
4. 發布

三、必填項顯示形式大全

1. 星號（*）標示法

• a) 星號置於標籤左側
• b) 星號置於標籤與輸入框之間右側
• c) 星號置於標籤與輸入框中間
• d) 星號置於標籤右側

2. 非星號標示法

• a) 專用 Icon 表示必填
• b) 無標示（全為必填）
• c) 標示「選填」而非必填
• d) 輸入框內隱性提示（Placeholder）

四、必填項標示的深度權衡

星號 vs 非星號

星號經年累月已成用戶習慣，認知成本最低。全必填時若不標星，用戶易產生「全必填」或「全選填」雙重誤解；大部分必填、少量選填時，若弱化選填標示則難以區分，若突出選填又轉移焦點。結論：無論比例，統一以星號標示必填最穩妥。登入頁等強認知場景可省略星號。

輸入框內隱性提示雖省空間，但填寫後即消失，無法事後回顧；且不適用於單選、多選、下拉等控件，適用範圍受限。

星號具體位置與視線流

眼動熱圖顯示：用戶視線從左標籤向右延展，填寫順序自上而下、由左至右。因此星號應靠近標籤且整齊對齊。

• 標籤左對齊：星號置標籤前最佳，但標籤與輸入框距離過遠，易對應錯誤，不推薦。
• 標籤右對齊：星號置標籤與輸入框之間最佳，三者距離近且星號可垂直對齊。置於輸入框後會導致視線跳躍，填完才知必填。
• 標籤頂對齊：星號置標籤前最佳，使星號、標籤、輸入框三者最近距離成直線。

特殊情況：單行多欄位

如「姓名」含下拉稱謂+輸入框，星號置標籤前易誤認屬於下拉框；置標籤與輸入框之間可避免誤解。

單選按鈕場景

星號置標籤與單選鈕之間會導致佈局擁擠，需視具體情況微調。

總結

必填項標示看似微小，實則暗藏無數特例。交互設計的本質正是思考每個微小環節，才能換來用戶整體體驗的最優最快。下期預告：表單報錯提示思考。