多個專欄有時間和地點。
如果你是古希臘建築師,那就瘋狂吧:柱子越多越好。
但是,如果您正在建立潛在客戶捕獲表單,那麼 南非区号 單列絕對是最佳選擇,因為它們更容易讓使用者理解和完成。
Baymard Institute的使用者體驗研究專家表示,多列表單佈局“容易被誤解”,這通常會導致兩個常見的使用者錯誤:
缺少字段,要么是因為您不理解多列的含義,要么是因為您只是忽略它們
填寫不相關或不正確的字段,因為您認為這些步驟是必要的。
這是這種現象的一個很好的(或更確切地說,不好的)例子,由跨國零售巨頭沃爾瑪提供:
這是怎麼回事?我們可以看到相關使用者已開始填寫第 1 列,並新增他們的名字和姓氏。但隨後他們完全跳過了電話字段,直接進入了第二欄。
主要問題是使用者沒有統一的方式來解釋列,如 Baymard 所示:
諷刺的是,該圖是按列排列的,看起來也很混亂。
一件明確的事情是:如果您想提高轉換率,請對多列說「不」。
- 使用標籤,而不是佔位符
表單欄位只是一個大的空框。
因此,許多品牌選擇在其中填充佔位符文本,旨在為所請求的資訊提供有用的提示,這是可以理解的。
然而,該佔位符副本可能弊大於利。
需要明確的是,以下是我們所討論內容的說明,由Norman Nielsen Group (NNG) 提供:
您可能認為標籤和占位符可以互換。然而,根據 NNG 的說法,使用者測試一再表明,用佔位符文字取代標籤對可用性弊大於利,原因如下:
當您開始輸入時,佔位符文字就會消失,因此如果您忘記了“提示”,您需要刪除已經編寫的內容(或在某些情況下刷新整個頁面)。
由於缺少標籤,因此無法返回並檢查最後所有內容是否填寫正確。
如果您收到錯誤訊息,則很難找出問題所在。
如果您使用 Tab 鍵而不是滑鼠進行導航,則在刪除佔位符副本之前您很可能不會閱讀它。
人們的眼睛自然會被空白字段吸引,因此包含佔位符副本的字段很容易被忽略。
佔位符文字和自動填入的資料很容易混淆。
有時,必須手動刪除佔位符副本,這特別煩人。
那麼,如果獨立的佔位符文字是不行的,你該怎麼做?

很簡單:使用標籤並在表單欄位外添加提示,如 NNG 所示:
- 如果某個字段是必填字段,請將其標記為必填。
雖然您應該只在多步驟表單中捕獲基本信息,但總有可能某些信息可能不像其他信息那麼“必要”。
例如,您可能會詢問使用者的名字、中間名和姓氏。但如果他們沒有中間名怎麼辦?
想必您還是希望他們填寫您的表格。因此,最好的解決方案是將名字和姓氏欄位標記為“必填”,將中間名字段標記為“可選”。
與多步驟形式使用者體驗的許多其他方面一樣,這似乎是顯而易見的,但許多品牌並沒有說清楚(或根本沒有說清楚)。
例如,NNG指出了以下 Citicards 範例,其中有一個很小且容易被忽略的解釋:除非指定,否則所有欄位都是必填的:
為了清楚起見,所有必填欄位都應如此標記,最好是在標籤部分,就像 UPS 在這裡所做的那樣(注意星號):
為了讓用戶更輕鬆,請考慮在所有可選字段中添加“可選”一詞,就像絲芙蘭所做的那樣:
4.提供線上驗證
透過在使用者填寫欄位時提供即時回饋,您可以顯著減少錯誤並簡化表單填寫過程。這種方法將幫助用戶快速識別並修復錯誤,確保更流暢、更有效率的體驗。
發生錯誤時,顯示清晰、具體的錯誤訊息,解釋問題並引導您找到正確的解決方案。避免過早驗證字段,例如當使用者仍在鍵入時,以避免挫折感。理想情況下,驗證應該在使用者完成該欄位後或嘗試繼續下一步時進行。
對於多步驟表單,您可能會傾向於等到最後才驗證所有字段,但這會導致災難。將所有驗證保存到最後會導致用戶感到沮喪,並且許多用戶會迷失在這些步驟中。