編輯導語：表單是我們常用的一個資訊錄入工具，在不同的場景下，表單設計也有所不同，但都是為了讓使用者能更好地使用；在使用者場景中，我們需要注意到使用者體驗的一些細節，把握好能更方便快捷的點，提升使用者體驗；本文作者覅想了關於表單設計的思路，我們一起來了解一下。
業務場景拓展，欄位增加又增加，原本眉清目秀的表單變得面目全非。
想要將這些複雜資訊、元件組裝成使用者易填的表單，常常會讓設計師陷入無限的糾結。筆者聊聊使用者體驗視角設計表單的思路，希望對大家有幫助，歡迎一起討論交流。
一、表單是什麼表單是資料錄入、資料展示的重要工具。
生活中隨處可見，比如面試要填表單、辦銀行卡要填表單、入庫要填表單……
網際網路產品設計中也離不開表單，如註冊、登入、商品錄入、功能設定……
二、表單的內容表單主要由這四類元素組成：標籤、輸入域、操作按鈕、提示資訊。
標籤文字主要是解釋輸入項的含義，一般不宜太長，需要簡潔明瞭，快速讓使用者理解。
標籤對齊方式有左對齊、右對齊、頂對齊、內對齊，都有各自優缺點，不同場景酌情使用。
輸入域是表單的核心，是錄入資訊的核心互動部分，為了不同資訊更易錄入會採用不同互動元件；比如：單行文字框、多行文字框、單選框、多選框、數字輸入框、金額輸入框、日期、日期區間、人員選擇、部門選擇、圖片、檔案等。
操作按鈕是表單資訊錄入完成後，繼續或取消任務的觸發器。
為了讓使用者視覺聚焦和更快完成任務，操作按鈕分為主次按鈕，通常主任務操作為主要按鈕，次任務操作為次要按鈕，並且一個場景中通常只有一個主按鈕；比如，提交和取消，儲存和取消等。
錄入提示：幫助使用者更具象的理解錄什麼怎麼錄。
幫助提示：表單中如果標籤資訊無法讓使用者理解，可以提供幫助資訊讓使用者更準確的理解，通常在標籤的前/後有一個幫助按鈕，點選/滑鼠懸浮按鈕出現有幫助資訊的彈窗；其他還有頁面幫助資訊，新手引導幫助資訊等。
錯誤提示：幫助使用者理解哪裡錯了和怎麼做正確。
表單設計目標：讓使用者更輕鬆獲取表單資訊，更容易懂，更快速完成表單資訊錄入任務，如果還能讓使用者過程很愉悅就更秒了。（使用者體驗視角）
設計方法：透過降低使用者行為負荷，提高表單設計的使用者體驗。
行為發生的常規路徑：透過視覺輸入資訊到大腦 （視覺）— 大腦消化資訊（認知） — 採取動作（動作）。
- 視覺負荷：使用者在螢幕上識別和尋找資訊，都屬於視覺負荷，資訊獲取越輕鬆視覺負荷越低。
- 認知負荷：大腦處理資訊時理解、思考、記憶都屬於認知負荷，複雜陌生資訊的認知負荷需要消耗大量腦力；所以減少認知負荷的核心是減少使用者思考，甚至是不要讓使用者思考，成為大腦潛意識認知的決策。
- 動作負荷：使用者在使用產品時如果操作太繁瑣步驟太多，有可能會中途放棄，這就是動作負荷帶來的影響；所以在不大量增加視覺負荷和認知負荷的前提下，減少互動步驟可以降低動作負荷。
透過降低視覺、認知、動作負荷的“三招”，提升行為產生節點間轉化率，讓任務行為發生更容易。
誤區：有些人陷入了設計極端，認為操作越少互動設計就越好，實際上使用者能更好閱讀並理解比少一步簡單操作更重要。
補充：心理負荷在特定場景也是影響使用者行為發生的重要因素，如隱私、健康、安全、財物等。
四、設計技巧1. 降低視覺、認知負荷表單的資訊是視覺負荷和認知負荷的源頭，所以如何設計資訊易讀易理解就尤為重要。
筆者的方法就是先盤資訊，再梳理（該拆的拆，該合的合，該減的減），然後有節奏編排資訊。
就像搬家後收拾房間，有一大堆東西需要整理，我們通常會先盤下有哪些東西，然後就是該丟的丟，該放在一起的放一起，最後分門別類放在房間的合適位置。
盤資訊：
拿到表單資訊後不著急動手，先了解此表單背後的業務場景，理解每一條資訊欄位背後的業務價值。這是有說服力設計的核心支撐。
梳理資訊：
透過拆、合、減的方法，歸類組合資訊。欄位資訊非必要就減掉，相關性高的資訊放一起，梳理的目的讓資訊歸類更符合使用者認知，讓資訊更易被使用者理解。
技巧點：
- 文案儘量簡潔並貼合用戶認知，垂直業務的文案最好是業務語境的表述。
- 按業務場景合併包裝資訊，比如把複雜表單欄位包裝成A、B、C三個選項供使用者選擇，使用者更容易理解和易用。
有節奏展示
資訊有節奏展示有利於使用者更高效獲取、理解資訊；畢竟如果資訊像機關槍子彈一樣連續湧入大腦，誰都沒耐心看，並且大腦消化也跟不上。
技巧點：
- 資訊錄入先簡單後複雜，先熟悉後陌生
- 先放必填基礎資訊，後放選填自定義資訊
- 有前後邏輯關係試情況分步展示
- 資訊能單列展示就不用多列（從上至下或從左往右，按一個規律的視覺流資訊獲取更輕鬆）
透過減少使用者行為成本，達到降低動作負荷的目的；畢竟錄入資訊方式越容易，就更容易完成表單錄入。
技巧點：
- 能給預設值就不讓使用者選；
- 能讓使用者選就不讓使用者輸；
- 平鋪單選優於下拉單選（有限選項時）；
- 輸入時能智慧聯想就聯想；
- 能即時校驗的早校驗糾錯。
以上是筆者表單設計的技巧，核心“三招”是透過降低視覺、認知、動作負荷，讓複雜表單更易懂易錄入，希望對大家有幫助，歡迎大家和筆者交流。
作者：灰機；公眾號：灰機的設計筆記
本文由 @灰機 原創釋出於人人都是產品經理，未經許可，禁止轉載
題圖來自 Unsplash，基於 CC0 協議