現代表單設計的標準也在不斷發(fā)展

2010-02-14 網頁設計

幾乎每個網站設計都包含某種形式的表單。從簡單的電子郵件地址收集，注冊新聞通訊或通知，到

完整的付款收集表單，當務之急是設計一個易于使用和理解的表單。

表單設計的標準也在不斷發(fā)展。盡管許多表單過去常常包含多個列并要求提供大量信息，但大多數

最佳實踐現在都建議保持表單盡可能簡單。設計還有很多。好的表格是可掃描的，不需要大量的輸

入，并且包括智能的標簽和格式，以幫助用戶在第一時間正確填寫表格。

這里有一些秘密，以確保您正在設計用戶實際填寫的表單。

1.輕松掃描和閱讀

您知道用戶會掃描網站以搜集信息，并確定他們將采取什么行動，或者內容和設計是否使他們感興

趣。形式也是如此。用戶應該能夠一眼就知道需要什么信息，并清楚地說明該表單的用途以及如何

提交。

對比：文字必須簡短且易于閱讀。避免使用多種顏色，并在淺色文本-背景組合上堅持傳統(tǒng)的深色。

分組和空格：將較長表格上的相似信息分組。例如，在收集付款信息時，將客戶信息，付款信息和

運輸信息分組。三個短塊比一個長塊更容易消化。使用智能間距將標簽連接到其說明的字段，而不

是在文本和字段元素之間使用均勻的間距。

清除結束語/號召性用語：使按鈕較大且易于查看。按鈕內的顯微鏡應該告訴用戶將會發(fā)生什么，例

如“提交”，“立即付款”或“進行下一步”。記住關閉反饋循環(huán)，讓用戶知道何時正確提交表單

。

2.考慮浮動標簽

關于是否在表單字段中使用提示文本的爭論很多。主要的問題是，此文本通常不會隨著單擊消失，

并且用戶必須主動刪除它才能開始鍵入。尷尬了。

此外，尼爾森·諾曼小組（Nielsen Norman Group）發(fā)現，空白字段可以吸引眼球，并幫助用戶更

清楚地輸入信息。

如果您需要使用提示，請考慮使用交互式解決方案-浮動標簽。將您的標簽信息包括在表單字段中，

以使其看起來像占位符文本，但是一旦用戶將鼠標懸?；騿螕粼撟侄?，就可以使該文本動畫并移到

左上角。標簽或提示永遠不會消失，也不會妨礙用戶嘗試填寫表單。（加上小動畫對于用戶來說是

一個有趣的驚喜。）

3.使用場罩

場掩碼可以提供一些相同的線索和形式提示，但不會妨礙可用性。僅當用戶激活字段并提供有關所

需信息的附加掃描提示時，字段掩碼才會出現。掩碼可以通過自動格式化信息來進一步幫助用戶，

從而避免會在提交時將表格踢出的錯誤。

電話號碼是行動面具的一個很好的例子?？紤]多種格式選項：

（000）000-0000

000-000-0000

0000000000

用戶如何知道哪個將工作？表單字段將根據用戶類型指定和調整格式，因此他或她不必考慮它，而

只需鍵入數字。（這也省去了在移動設備上的鍵盤之間切換的麻煩。）

4.使表單鍵盤友好

您無法知道用戶將在哪種設備上遇到您的表單，但是無論如何都應該很容易填寫?？紤]可以將信息

發(fā)送到表單并調整字段以檢測和使用適當選項的所有不同類型的鍵盤。

在臺式機上，用戶無需單擊鼠標即可輸入表格并填寫每個字段。完成后會自動從一個字段前進到下

一個字段，或者使用標簽或輸入來移動。W3.org有一組可靠的鍵盤建議供您遵循。

在移動設備上，將鍵盤類型與所需數據匹配。如果輸入是字母，請調出字母鍵盤。對于數字，請調

出數字選項。來自杭州網站建設：“應用程序用戶喜歡能夠為文本輸入提供適當鍵盤的應用程序。確保在

整個應用程序中一致地執(zhí)行此操作，而不是僅針對某些任務而不是其他任務?！?/span>

上一篇：UI設計與網頁設計中的許多其他內容一樣返回觀點列表下一篇：初級設計師或設計專業(yè)學生最喜歡的網站設計

本文標簽：

本文地址： http://www.bmwdream.cn/a/1266.html

相關專題

品牌官網設計
杭州派迪科技為高端客戶提供品牌官網咨詢策劃，品牌官網設計，品牌官網建設開發(fā)服務，以國際化視野和標準為基礎，為各行業(yè)領軍品牌提供高端企業(yè)網站定制、策劃、設計、互動與制作
查看詳情
大策略營銷門戶網站
杭州派迪科技有自己的營銷型網站CMS系統(tǒng)，適合白帽SEO網站。特別對大策略的營銷型門戶網站制作有一定的經驗，曾經為上海天擎外貿行業(yè)網站、浙江兆龍營銷型門戶、先臨三維門戶營銷網站提供全程的技術支持及SEO優(yōu)化指導
查看詳情
集團/上市公司網站
杭州派迪科技為杭州本地集團公司提供網頁設計、制作、開發(fā)服務，為集團公司網站建設提供了響應式、營銷型、品牌型、門戶型網站建設需求，歡迎廣大集團公司客戶咨詢
查看詳情
外貿網站建設
杭州派迪科技為高端客戶提供外貿網站咨詢策劃，外貿官網設計，外貿官網建設開發(fā)服務，以谷歌搜索引起算法為基礎，為各行業(yè)外貿公司提供高端企業(yè)外貿網站定制、策劃、設計、互動與制作
查看詳情
企業(yè)網站建設
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網站必須反映一切，因為派迪科技在這里提供幫助，憑借精湛的技術、豐富的經驗、與客戶的持續(xù)溝通以及對每一個細節(jié)的關注，我們確保在快速的周期時間內提供優(yōu)質的服務。
查看詳情
半定制網站
杭州派迪科技模板網站建設專題_各行業(yè)方案專題欄目提供各行業(yè)產品適合的網站建設方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網站建設方案,如需要獲取本行業(yè)定制網站建設方案,可以聯系在線客服或撥打電話咨詢
查看詳情