亚洲另类97色波,四季久久免费一区二区三区四区,丰满蜜桃精品视频网,国产在线观看无码九色8X视频亚洲中文字幕久久精品无码喷水_国产精品无码一区二区

如何設(shè)計更好的表單

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

介紹表單設(shè)計里經(jīng)常會犯的錯誤~

無論是注冊流程，還是信息輸入的界面，表單都是產(chǎn)品設(shè)計里最重要的組件之一。本文重點介紹了表單設(shè)計里常見的注意事項。不過這些只是通用的規(guī)則，實際應(yīng)用中總有例外~

少于6個選項的情況，建議全部顯示

把選項內(nèi)容放在下拉框里，不僅隱藏了選項內(nèi)容，而且需要兩次點擊。如果大于5個選項，建議用輸入選擇器，如果超過25個選項，建議加上搜索功能~

輸入框長度可以暗示內(nèi)容長度

輸入內(nèi)容的長度決定了輸入框的長度。這種做法適合應(yīng)用在一些固定長度信息的情況，比如銀行卡號、電話號碼、郵政編碼等。

標(biāo)簽頂部對齊

相比左對齊，標(biāo)簽頂部對齊的表單用戶完成率更高。移動設(shè)備屏幕大小有限，頂部對齊的效果也更好（標(biāo)簽文案長度不可控）。然而在大量數(shù)據(jù)輸入時，還是可以考慮左對齊標(biāo)簽，因為瀏覽更，還能節(jié)省高度。

不要把占位符當(dāng)做標(biāo)簽

用戶在輸入的時候就會看不到標(biāo)簽內(nèi)容是什么了。詳見Nielsen Norman團(tuán)隊的總結(jié)。

*也可以參考Google的做法，默認(rèn)把占位符當(dāng)作標(biāo)簽，輸入時標(biāo)簽移動到輸入框上方

將復(fù)選框/單選框上下排列

上下排列方便瀏覽閱讀，橫向排列選項內(nèi)容會被選框控件隔開。

指出錯誤在哪

告訴用戶具體哪里出錯了，以及錯誤的原因。

等用戶填完了再進(jìn)行驗證

不要在用戶正在輸入的時候就去驗證，除非這能幫到他。例如在創(chuàng)建一個有字?jǐn)?shù)限制的密碼～

不要隱藏幫助信息

盡量默認(rèn)顯示幫助信息。如果信息太復(fù)雜，考慮在輸入時放在輸入框的旁邊。

不要用*星號表示必填項，標(biāo)出選填字段

用戶不一定知道星號代表什么含義。還不如明確的標(biāo)出哪些是選填字段。

標(biāo)簽和輸入框成組

標(biāo)簽和對應(yīng)的輸入框形成一組，他們之間的間距要比組與組之間的間距小，這樣用戶不會困惑標(biāo)簽是屬于上面還是下面。

按鈕的文案描述具體意圖

比如按鈕上的文字建議寫“注冊”，而不是“提交”。

主次按鈕有層次區(qū)分

關(guān)系近的內(nèi)容成組

太長的表單讓用戶感到不知所措。有邏輯地分組能讓用戶更快地理解表單。

轉(zhuǎn)自：站酷-大秘密mimi

分享本文至：