|
第三部分：外觀
1. 標(biāo)簽
a. 單詞VS.句子
如果一個(gè)標(biāo)簽的意圖易于理解，比如詢問姓名或電話號(hào)碼，那么一兩個(gè)字就夠了。不過為了消除模棱兩可的歧義，有時(shí)可能需要短語和句子。
Amazon的注冊(cè)表單使用了完整句子，盡管用單詞可能已足夠說明問題。
b. 句子樣式vs.標(biāo)題樣式
應(yīng)該用“Name and Surname” 還是 “Name and surname”?
相對(duì)于標(biāo)題樣式，句子樣式相較之下更便于遵從語法。有一點(diǎn)是肯定的，就是不要全部大寫，這會(huì)導(dǎo)致表單顯得不專業(yè)且難以瀏覽。
想要快速瀏覽Barnes & Noble注冊(cè)表的標(biāo)簽有多么困難（它的標(biāo)簽都是大寫）？
c. 標(biāo)簽?zāi)┪驳拿疤?hào)
一些桌面應(yīng)用軟件和運(yùn)營(yíng)中的平臺(tái)比如Windows的交互規(guī)范推崇在表單標(biāo)簽的末尾追加冒號(hào)。一些在線表單的設(shè)計(jì)師仍遵從且堅(jiān)持這個(gè)做法，主要原因是針對(duì)一些老的屏幕閱讀用戶，他們大部分是依靠冒號(hào)來標(biāo)識(shí)出某個(gè)標(biāo)簽。而一些新近用戶是依靠標(biāo)識(shí)（特別是針對(duì)標(biāo)簽的標(biāo)識(shí)）。除此以外，對(duì)于冒號(hào)的偏好是有爭(zhēng)議的，如果表單樣式保持統(tǒng)一，它是即不提高也不減損表單可用性。
d. 標(biāo)簽對(duì)齊方式：頂部對(duì)齊vs.左對(duì)齊vs.右對(duì)齊
與常規(guī)建議相反，輸入框上方區(qū)域也并不總是最利于標(biāo)簽放置的好位置。它是一個(gè)讓用戶快速填寫表單的理想組合方式。不過有時(shí)候你會(huì)想減緩用戶閱讀速度以求用戶更全面地注意到標(biāo)簽細(xì)節(jié)內(nèi)容。當(dāng)然，讓一個(gè)長(zhǎng)表單保持一列，用戶便于滾動(dòng)頁面，這比打散信息，組成多列來保證每樣?xùn)|西“錯(cuò)落有致”要好多了。每種對(duì)齊方式都有它的優(yōu)缺點(diǎn)。
時(shí)間數(shù)據(jù)參考自“Matteo Penzo的“Label Placement in Forms” （在表單中放置標(biāo)簽）
（表單不應(yīng)包含多列。以Makeup Geek的頁面為例，很容易就忽視了右邊縱列信息（更別說“必填項(xiàng)”注釋在尾部））。
出處：攜程UED
責(zé)任編輯：bluehearts
上一頁 泛議網(wǎng)絡(luò)表單可用性規(guī)范 [4] 下一頁 泛議網(wǎng)絡(luò)表單可用性規(guī)范 [6]
|
第 1 頁 
第 5 頁 泛議網(wǎng)絡(luò)表單可用性規(guī)范 [5]
