五個用戶界面中的表單設計提示和技巧

在用戶界面設計中，表單設計的好壞往往是決定了產(chǎn)品成功的關鍵，糟糕的表單設計會破壞用戶體驗，并對轉化產(chǎn)生負面影響。 表單的可用性可能是一個相當復雜的課題，本文從表現(xiàn)層出發(fā)，分析八個用戶界面中的表單設計提示和技巧。

1、保持字段標簽一直可見
在用戶輸入數(shù)據(jù)之前找到將標簽顯示為占位符文本的表單并不罕見。這似乎是一個明顯的問題，但令人驚訝的是，有多少表單沒有設計為在用戶開始輸入時字段標簽仍然可見。當用戶正在打字并且標簽消失時，這可能會導致挫敗感。這種形式可能是為了節(jié)省空間而設計的，但風險依然很大，有時候用戶的記憶力還不如一只金魚：）。

2、明確必填和可選字段
如歸用戶需要填寫一份長表單，需要重視用戶的時間和注意力很重要，因此第一步只包括必要的字段。有兩種類型的字段，一種是必填字段，另一種是可選字段。如果您使用可選字段，請確保它們被清楚地標記。有兩種方法：標簽文本中僅指示必填字段。必填字段通常標有星號，并且在許多情況下，它旁邊包含“必填”文本。標簽文本中僅指示可選字段。通常，該字段會在標簽文本中包含“可選”。另一種方法是只標記可選字段，這通常對用戶更友好且不那么令人生畏。

研究表明，如果字段被標記為可選，而不是必需的方法，用戶將提交更多數(shù)據(jù)。

總是這樣嗎？要找出答案，重要的是進行研究和測試，以確保您的用戶對這種方法做出反應。通過測試您的表單設計，您將了解您的用戶喜歡什么以及哪種方法更成功。使表單和錯誤消息清晰且有用可以肯定地說，大多數(shù)人真的不喜歡填寫表格。

他們尤其不喜歡猜測他們在哪里犯了錯誤。沒有辦法防止所有錯誤，這就是錯誤消息需要用戶友好的原因。錯誤會發(fā)生，向您的用戶提供清晰且信息豐富的錯誤消息非常重要。格式錯誤、用戶忘記填寫的必填字段以及不正確的密碼等都是表單錯誤的常見示例。這是一個通過向用戶清晰地傳達信息來優(yōu)化體驗的機會。讓我們以電子郵件字段為例。信息需要清晰，以便幫助他們做出必要的更正。在編寫用戶友好的錯誤消息時，重要的是要具體并幫助用戶識別錯誤。然后清楚地告訴他們?nèi)绾谓鉀Q它。

3、幫用戶節(jié)約查找時間
當要求用戶選擇具有大量預定義選項的其他內(nèi)容時，預測列表有助于節(jié)省時間并防止錯誤。聯(lián)想和預測結果減少了用戶的打字量和認知負荷。當填寫姓名、地址、郵政編碼、國家等信息時，它非常有幫助。

4、對表單進行邏輯排序并對相關信息進行分組
表格可能令人生畏，特別是如果它們很長。財務應用程序、電子商務結賬和任何其他長表單等內(nèi)容都應仔細優(yōu)化。相關信息應按邏輯塊分組，同時將相關字段分組在一起也有助于用戶了解需要哪些信息。例如，您希望姓名字段、地址字段和信用卡信息位于不同的集合中，并按照預期的順序對這些信息進行相應的分組。用戶在結帳過程中輸入您的名字之前輸入他們的郵政編碼似乎有點奇怪。應從用戶的角度合理地詢問表單中的詳細信息。與內(nèi)容的邏輯塊互動的想法使用戶清楚他們正在填寫什么類型的信息，并向他們展示了一個清晰的層次結構。也許只有我一個人，但完成一個小組并知道你即將結束時會有一種滿足感。

5、重點在移動端
優(yōu)化移動設備的表單設計很重要，因為它可能比桌面更難做好，簡單的單欄設計最適合移動設備，因為用戶應該能夠輕松地向下滾動表單。 表單設計似乎正在慢慢變得更好的一件事是根據(jù)所需的輸入類型呈現(xiàn)正確的鍵盤。 這聽起來沒什么大不了的，但如果做得正確，它確實有助于體驗。

例如，當我在我的 iPhone 上輸入我的電話號碼時，彈出數(shù)字鍵盤非常棒。 無需額外點擊即可切換鍵盤，它是自動的。如果執(zhí)行諸如輸入您的姓名之類的操作，最好將默認鍵盤作為文本輸入的鍵盤。

最后：移動用戶應該能夠準確地點擊到字段，需要具有足夠的填充熱區(qū)和最小高度將有助于防止由于敲擊目標區(qū)域或表單的錯誤區(qū)域而導致的錯誤。表單域和按鈕都應至少有 48 像素高，最后希望設計師在設計表單過程中多一些思考和測試，這是一款成功數(shù)字化產(chǎn)品的關鍵指標之一。