在B端產品的交互設計中，表單設計是一個不可忽視的環節。它直接影響著使用者的填寫效率和體驗。這篇文章，我們來看看作者列舉的案例，和正確的選擇。
B端系統軟體中表單的應用場景非常多，今天就撈點乾貨，說說B端產品表單如何設計，用戶體驗會更好。
從標題、輸入框、佈局排版、數據展示四個方面，詳細介紹一下關於表單的體驗設計，目錄如下：
設計師A說：不加冒號，使用者不在意，而且佔空間…..
設計師B說：要加冒號，加上可以更好的區分上下文，以及標籤和輸入框的關係…..
以上A/B設計師說的都有一定的道理，那到底加不加冒號呢？
遇到問題咱就先調研一波，看一下Win、Mac系統中是否有無冒號。
Win系統：最新版本不加冒號。
Mac系統：最新版本設計偏向C端化，不加冒號，13.0.1之前版本有冒號。
是不是感覺主流的設計是不加冒號呀？
稍等一下…那在具體B端系統中是有怎樣的應用場景呢？
以上場景中左右佈局，單選/多選元件、標題加內容元件都不適合去掉冒號展示。
那到底加不加冒號呢？
可以先說一下答案，加不加冒號對用戶無影響，《Web 表單設計·創建高可用性的網頁表單》中，卡羅琳·賈雷特做過大量測試，最終證明沒有一名使用者留意表單冒號是否出現。
因此，得出以下建議：
如果你新建一個系統，使不使用冒號隨意一旦決定是否使用冒號，需要全部表單統一規則
用戶填寫表單時，有必填項和選填項，如果表單中多數或全部是必填項，那是否還應該對其標記？
答案是肯定的，使用者遇到較多表單填寫項時，是需要通過必填標記來評估工作量。下面就介紹一下具體標記必填項的三種樣式。
填寫表單過長或填寫表單被打斷（移動端常見），就會增加使用者工作記憶和認知負荷，完成任務更加困難，從而降低了用戶體驗。
有部分設計師認為紅色“*”會增加視覺噪音，並且重複的紅色“*”會帶來一些認知恐慌，便採用文字提示方式，但這種方式比較佔用空間，文字內容過長，用戶壓力較大，用戶體驗降低，不建議使用。
雖然有設計師認為紅色“*”會增加視覺雜訊，帶來一些認知恐慌，但紅色“*”在互聯網中很常見，使用者熟知其意，已形成固定的視覺語言，並且空間較小，能與標籤文字足夠區分開，相比之下採用紅色“*”必填提示是非常值得推薦使用。
但是還有一個問題，就是紅色“*”的位置是在欄位前還是欄位後呢？
紅色“*”的具體位置有三種位置，如上圖做了詳細展示。
這不是強制性的，但標記可選欄位非必填，確實減輕了使用者思考，提升用戶體驗。
使用者最理想閱讀的標題文字數是7±2，當標題文字過長，或不足對輸入項準確說明時，要給出對應的提示文字，幫助使用者更好的輸入內容，常見樣式如下。
這三種樣式是遞進邏輯，根據不同的文字提示內容和難度，選擇不同的提示樣式。其中對於第二種樣式中，圖示提示的位置還有幾種方式，如下圖說明。
本文事無巨細的說了一下表單中標題樣式問題，雖然很多是表單設計的一些較冷較小的內容，但也需要設計師沉下心來，打磨細節之處。
這裡的闡述希望是拋磚引玉，能給大家更多的啟發，如有不嚴謹和錯誤的地方希望大家不吝指教。
本文由人人都是產品經理作者【Clippp】，微信公眾號：【Clip設計夾】，原創/授權 發佈於人人都是產品經理，未經許可，禁止轉載。
題圖來自Unsplash，基於 CC0 協定。