北京網站制作公司分享用好表單進行設計的10個技巧
在今天的文章中,你會看到許多關于表單設計的實用建議,這些建議涉及可用性測試、現場測試、用戶追蹤和用戶反饋。
1.理清邏輯,保留必要的
表單是與用戶交流的語言。像任何對話一樣,它應該幫助雙方以符合邏輯的方式完成溝通。所以,你需要這樣做:
保持問題的直觀順序。你應該站在用戶的角度邏輯地提問,而不是按照程序或者數據庫的邏輯。如果問題之間沒有邏輯,可以按字母順序排列。
以直觀的順序組織選項。例如,當選項是日期時,它們按照周一、周二和周三的順序排列,而不是亂序。
時刻反思從用戶那里獲取的信息是否有必要,如何使用。這樣做是為了消除不必要的選項,提高完成率。
2.使用單列列表布局
要填寫的多列表表單很容易讓用戶錯過,打斷填寫體驗。用戶需要按照之字形軌跡填寫整個表格,不僅影響了整個書寫路徑,降低了效率,還會產生一定的干擾。但是如果使用單欄形式,這種填充路徑是單一的,直接的,更加直觀高效。
3.減少需要輸入的字段和工作量
減少要輸入的字段數量可以使您的表單更加簡潔,減少加載時間,尤其是對于信息量大的表單。
當然,僅僅減少輸入字段的數量是不夠的。你也要注意用戶填表的方式、內容和工作量。鍵入內容是一種高交互性的輸入方式,錯誤率高,時間成本高。所以要盡量減少用戶打字的情況,使用復選框、單選按鈕、下拉菜單等選項,減少用戶出錯的概率。
4.匹配輸入框和內容的大小
MARD研究所的研究發(fā)現,如果一個字段與輸入框相比過長或過短,會讓用戶懷疑自己輸入的內容是否正確,這種情況在輸入CVV(信用卡驗證值)等字段時尤為明顯。
為了保持良好的可用性,您應該使輸入框的寬度盡可能與輸入內容的長度相匹配。適當的預留空間可以讓用戶更安心。
5.標簽放置在相應輸入框的上方
是否足夠方便用戶快速瀏覽表單?如果用戶很難快速瀏覽表單,則需要更長時間來填寫。所以,好看和填充是好的表單設計的準則。Matteo Penzo的文章曾經研究過表單和表單中的輸入框應該如何布局,以便用戶可以更好更快地瀏覽和填寫。結論是標簽應該放在輸入框的上方。
如果你想讓用戶盡快瀏覽,把標簽和輸入框垂直排列,靠左對齊。請注意,這是關于快速瀏覽。這種布局的好處是不需要太多的橫向空間,用戶只需要向下瀏覽,不需要左右掃描,這種布局更容易形成響應式UI,兼容不同屏幕和不同應用場景。
6.支持靈活多樣的格式
有些字段需要用戶準確填寫,但要求用戶輸入特別準確或特定格式的內容時,可用性可能會有點問題。如果要求用戶輸入數字內容(比如電話號碼),最好靈活一點,支持多種不同的輸入方式和顯示方式,這樣更容易讓人查看(而不是機器)和防止出錯。
比如座機電話的格式往往是(777)666–5544,更便于用戶查看、記錄和記憶。
7.不要混合占位符和字段標簽
設計者通常在表單中放置文本占位符,作為額外的提醒,告訴用戶如何填寫示例。當用戶開始輸入時,占位符文本將會消失。
有些設計者會將標簽直接作為占位符放在輸入框中,以減少表單的長度和視覺混亂。對于簡單的表單設計,這種設計影響不大。當表單信息量大,內容類型多樣時,這種設計就不適合了。這種設計的缺點是:
一旦用戶點擊輸入框,標簽就會消失,用戶很容易忘記談需要輸入的內容和形式。當用戶看到輸入框填充了內容,會誤以為這個字段是沒有輸入就被填充的。
如果您仍然需要在表單中使用占位符,您也可以讓它們作為浮動標簽存在。顯示默認的占位符,當用戶輸入時,它作為標簽向上浮動以提醒用戶。
8.混淆可選和必填字段
正如我之前所說,盡量避免在表單中添加可選字段。但如果非要加入,至少要知道哪些字段是可選的,哪些是必填的??蛇x字段數量控制在1~2個以內,明確告知用戶是可選的。
9.不要使用重置按鈕
“重置”使用戶可以很容易地刪除表單上的所有內容并從頭開始。這個風險太大了。在現實生活中,這個按鈕從來不會幫助用戶。反而因為不小心觸碰而更疼。
10.提供高可見性和特定的錯誤信息
理想情況下,用戶可以通過填寫表單并上傳來完成任務。但現實中,錯誤是不可避免的。因此,當錯誤發(fā)生時,您應該以高度可用和可見的形式通知用戶發(fā)生了什么。因此,您提供的錯誤信息應符合以下規(guī)則:
當用戶輸入字段時,應該實時告訴他們所填寫的信息是對還是錯,而不是等他們填寫完所有信息后才告訴他們出錯了。
錯誤信息應該一目了然,突出顯示顏色、圖標和文本,錯誤信息應該靠近輸入框,而不是表單的底部或頂部或鍵的旁邊。
如果輸入格式是特定的,應該提前聲明。
出現錯誤后,不要清空已完成的表單。
總結
在填寫表單時,用戶的猶豫是不可避免的。我們應該盡力使這個過程變得方便和容易。我們應該讓形式設計成為優(yōu)勢,而不是劣勢。極具針對性的表單設計、周到的細節(jié)和體驗、持續(xù)的改進和調整、高效快捷的提交、流暢的流程是一份優(yōu)秀表單的特征。
推薦新聞
更多行業(yè)-
網絡營銷市場細分的意義和作用
20世紀50年代,美國著名的市場營銷學家溫德爾·史密斯提...
2014-06-13 -
杭州網站建設你不可不知的提升用戶體驗的秘訣
現在的搜索引擎不是以鏈接分析為中心,而是以用戶體驗為中心。在正常內容相...
2022-02-15 -
網站建設中通常忽略的重要細節(jié)有哪些?
網站建設中通常忽略的重要細節(jié)有哪些?我們都說細節(jié)決定成敗,可見細節(jié)在我...
2015-04-12 -
北京網站建設中合理運用視差特效小技巧介紹
視覺微分效果可以用在很多類型網站的開發(fā)中,可以增加用戶的參與感和體驗感...
2022-03-24 -
網站收錄下降的三大主要原因
網站收錄能提升網站的PR值和網站的權重,從而使網站獲得一個好的排名。但...
2012-02-14 -
SEO優(yōu)化之一個老站長的外鏈穩(wěn)步提升的方法
SEO網站優(yōu)化之一個老站長的外鏈穩(wěn)步提升的方法做網站外鏈一直是一個費力...
2011-11-24
預約專業(yè)咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規(guī),當本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com