網(wǎng)站表單怎么做才符合用戶(hù)體驗(yàn)？

作者：佚名   時(shí)間：2014-04-09   分享到：

網(wǎng)站表單怎么做才符合用戶(hù)體驗(yàn)？
瀏覽器約束

這也不是完全正確的。由于HTML和XHTML都不提供數(shù)據(jù)確認(rèn)和用戶(hù)指導(dǎo)的支持，但你可以將Java或JavaScript applet加入表單元素中，它們可以漂亮地完成確認(rèn)表單數(shù)據(jù)，根據(jù)用戶(hù)特入來(lái)更新表單字段或引導(dǎo)用戶(hù)瀏覽整個(gè)表單。

與其他圖形化用戶(hù)界面不同，瀏覽器的顯示是靜態(tài)的。它們通常沒(méi)有對(duì)實(shí)時(shí)數(shù)據(jù)確認(rèn)的功能，或者是基于用戶(hù)輸入更新表單中的數(shù)據(jù)這樣的功能，不能給用戶(hù)提供任何幫助或是指導(dǎo)(這也不足完全正確的。由于HTML和XHTML都不提供數(shù)據(jù)確認(rèn)和用戶(hù)指導(dǎo)的支持，但你可以將Java或JavaScript applet加入表單元素中，它們可以漂亮地完成確認(rèn)表單數(shù)據(jù)，根據(jù)用戶(hù)輸入來(lái)更更新表單字段或引導(dǎo)用戶(hù)瀏覽整個(gè)表單。)。因此，設(shè)計(jì)很差的網(wǎng)頁(yè)表單是很難讓用戶(hù)填寫(xiě)的。

一定要確保表單能最大程度地幫助用戶(hù)，使他們能夠正確地輸入數(shù)據(jù)。可以調(diào)整文本輸人字段的大小，給可接受的輸入提供提示，例如，對(duì)于郵編字段，5個(gè)字符就可以了(新的郵編要9個(gè)字符長(zhǎng))。也可以用復(fù)選框、單選按鈕和選擇列表，盡可能地縮小用戶(hù)可能做出其他選擇的范圍。也要確定你盡可能充分地給表單做了說(shuō)明。解釋如何填寫(xiě)表單，為每個(gè)字段提供示例。如果必要的話(huà)，提供一些合適的超鏈接，指向那些解釋每個(gè)字段的文件。

提交表單時(shí)，確保服務(wù)器端的應(yīng)用程序要盡可能地確認(rèn)用戶(hù)的數(shù)據(jù)。如果發(fā)現(xiàn)一個(gè)錯(cuò)誤，應(yīng)該向用戶(hù)提供可靠的錯(cuò)誤消息和可能的正確形式。填寫(xiě)表單最困難的是，你不得不從服務(wù)器發(fā)現(xiàn)錯(cuò)誤的時(shí)候從頭開(kāi)始填寫(xiě)。為了減少讀者這種不必要的重復(fù)和負(fù)擔(dān)，可以考慮在服務(wù)器端多花點(diǎn)時(shí)間和資源，以便返回給用戶(hù)一些帶有錯(cuò)誤字段修改標(biāo)記的完整的表單。雖然這樣的建議需要在你付出很多努力，但它們會(huì)讓你的用戶(hù)感到便捷，這樣的投入會(huì)得到很多的回報(bào)。記住，只需生成一次表單，但用戶(hù)可能會(huì)使用這樣的表單上千次，甚至是上萬(wàn)次。

按標(biāo)準(zhǔn)設(shè)計(jì)表單(和所有的文檔)這樣可保證在各種大小的窗口中瀏覽時(shí)，它們都是有效的。應(yīng)該讓表單能夠自然滾動(dòng)兩或三個(gè)邏輯部分。用戶(hù)可以填寫(xiě)第一個(gè)部分，按動(dòng)下一頁(yè)，然后填寫(xiě)第二個(gè)部分，再下一頁(yè)，如此下去。還要避免太寬的輸人元素。對(duì)于一個(gè)滾動(dòng)文本字段或文本部分來(lái)說(shuō)，要不想垂直滾動(dòng)文件本身就能看到輸人元素的其他部分，是很難處理的。

當(dāng)你創(chuàng)建一個(gè)表單時(shí)，同時(shí)也就變成了另一個(gè)角色:一個(gè)用戶(hù)界面的設(shè)計(jì)者。雖然本書(shū)不包括用戶(hù)界面設(shè)計(jì)的詳細(xì)討論和介紹，但是理解幾種基本的設(shè)計(jì)規(guī)則對(duì)創(chuàng)建有效并且有吸引力的表單來(lái)說(shuō)還是很有幫助的。

任何用戶(hù)界面都會(huì)同時(shí)在不同層次上體現(xiàn)。表單也不例外。在最低層次上，人的大腦會(huì)認(rèn)出文件中的類(lèi)型，試圖給表單中的元素分類(lèi)。在稍高一點(diǎn)的層次上，會(huì)閱讀到文本指引和提示符，試圖確定你需要輸人哪部分文本。在最高層次上，你將努力完成將界面看成是一種工具這一目標(biāo)。

一個(gè)好的表單會(huì)包括所有這三種層次，以供用戶(hù)理解。輸入元素應(yīng)該按照邏輯組別組織起來(lái)，這樣你的大腦可以按照相關(guān)字段來(lái)處理表單的布局。一致的、寫(xiě)得很好的提示符和支持文本會(huì)給用戶(hù)提供幫助和指引，讓他們輸入正確的信息。文本提示符也會(huì)讓用戶(hù)想起目前的任務(wù)，從而加強(qiáng)表單的目標(biāo)。

用戶(hù)會(huì)按照預(yù)定的順序來(lái)處理表單，一個(gè)元素接著另一個(gè)元素，結(jié)束前一個(gè)元素時(shí)會(huì)試圖找到下一個(gè)元素。為了適應(yīng)這個(gè)查找過(guò)程，你應(yīng)該這樣設(shè)計(jì)自己的表單，讓一個(gè)字段很自然地跟著另一個(gè)，并且相關(guān)字段都是在一起。同樣，各個(gè)組別也應(yīng)該很自然地一個(gè)跟著另一個(gè)，并且應(yīng)該以固定的模式定義其格式。只是簡(jiǎn)單地將一些字段連起來(lái)并不能替代一個(gè)有效的表單。你必須將你自己放在用戶(hù)的位置上，他們都是第一次使用表單。在發(fā)布給公眾之前，先把表單交給一些信任的朋友和同事，讓他們來(lái)測(cè)試一下。是不是很容易就可明白表單的目的?應(yīng)該在哪里開(kāi)始填寫(xiě)?用戶(hù)是不是能找到一個(gè)按鈕來(lái)提交表單?有什么機(jī)會(huì)來(lái)確認(rèn)決定嗎?網(wǎng)站用戶(hù)明白每一個(gè)字段中應(yīng)該填寫(xiě)什么嗎?

你的表單應(yīng)該很自然地引領(lǐng)著用戶(hù)，讓用戶(hù)為應(yīng)用程序提供必需的信息。不要在詢(xún)問(wèn)用戶(hù)姓名之前詢(xún)問(wèn)地址信息，另一些規(guī)則會(huì)說(shuō)明其他輸入元素組的順序。為了明確表單是否真能正常工作，要在多個(gè)瀏覽器上查看，并讓多個(gè)人填寫(xiě)，讓他們給出有效性的評(píng)價(jià)。