10款制作調(diào)查問卷等表單的網(wǎng)站推薦(編輯修改稿)
2025-07-27 15:35 本頁面
【文章內(nèi)容簡介】 寫表單的時間需要盡可能短。而且用戶對需要填寫的數(shù)據(jù)是非常熟悉的（比如，在訂單流程中輸入姓名、地址和支付賬戶信信息），標(biāo)簽和輸入框最好垂直對齊。每個標(biāo)簽和對應(yīng)的數(shù)據(jù)框排列在垂直方向上臨近的位置，所有的輸入框和標(biāo)簽垂直對齊能夠節(jié)省視線移動的過程和時間，用戶只需要在垂直向下一個方向上移動視線。 在這種布局方式中，建議對標(biāo)簽使用加粗字體。可以強(qiáng)調(diào)視覺重量感，在整體布局中突出標(biāo)簽。如果不加粗的話，標(biāo)簽會在視覺吸引力上和輸入?yún)^(qū)域相混。 如果表單取得數(shù)據(jù)并不為用戶所熟悉，又或者不好按照過程分組（比如地址的不同部分），左對齊比較容易看出表單需要的信息。用戶可以上下瀏覽標(biāo)簽就可以了解需要填寫的數(shù)據(jù)而不會受到輸入框的影響。但是，標(biāo)簽和輸入框之間的距離通常會被最長的標(biāo)簽撐開，填寫表單的時間可能會受到影響。用戶需要在列于列之間跳躍尋找標(biāo)簽和輸入框之間合適的組合。 還有一種選擇就是右對齊標(biāo)簽，這樣標(biāo)簽和輸入框的對應(yīng)組合就比較明了了。但是，左側(cè)的參差不齊影響到快速了解所需信息的效率。在西方，習(xí)慣從左到右閱讀，眼睛更習(xí)慣左邊有輪廓鮮明的邊線。 使用視覺元素 由于“左對齊水平排列標(biāo)簽”的優(yōu)點(diǎn)（容易縱覽標(biāo)簽信息以及節(jié)省垂直空間），則有可能會嘗試去削弱其主要缺點(diǎn)：表單輸入框和對應(yīng)的標(biāo)簽的分散問題。 其中一種辦法就是為標(biāo)簽曾加背景色和橫隔線為特征：不同的背景色將表單分成垂直標(biāo)簽列和輸入框列；橫隔線將每個標(biāo)簽和對應(yīng)的輸入框劃分成一組。雖然這些方法可能看起來是可取的，但也的確制造一些問題。 通過格式塔（人們的先天視覺感知規(guī)則）可知，另外還有15個視覺元素也被一同加到布局中：中線、每個有背景的方塊，每個水平線。這些元素開始分散用戶注意力從而使得將焦點(diǎn)放到重要的元素上——標(biāo)簽和輸入框——增加了難度。Edward Tufte曾經(jīng)指出：“信息包含著有重要影響的差異”（信息由差異性構(gòu)成譯者）。換句話說，所有不能幫助布局的視覺元素都將會傷害到布局。這一點(diǎn)在你需要掃視左列標(biāo)簽時可以表現(xiàn)出來。視線一再受到水平線、邊框和背景構(gòu)成的方塊的影響而停頓。 當(dāng)然也不是說表單布局中絕對不能使用背景顏色和分隔線。當(dāng)有必要向用戶指出組與組之間的關(guān)系的時候，細(xì)分隔線或者淺背景色可以再視覺上將有關(guān)聯(lián)的數(shù)據(jù)組合起來。這兩個元素（分割線和背景顏色）都可以有效地幫助吸引用戶對表單基本動作的注意力。 基本動作和次級動作 表單的基本動作（通常是“確認(rèn)”或者“保存”）需要更明顯的視覺感受有別于其他的表單元素（在上面的例子中鮮明的顏色、加粗字體、背景顏色等等）而且需要與輸入框垂直對齊。這能指引用戶完成表單。 如果表單含有多個動作，例如“繼續(xù)”和“返回”，則減弱次級動作的視覺重量感則比較明智。這可以最大程度減少潛在的錯誤，進(jìn)一步指導(dǎo)用戶完成表單。 盡管有這些指南可以幫助你更好的設(shè)計(jì)表單位置，但是布局的組合，視覺元素以及所需的內(nèi)容，仍然需要通過用戶測試和數(shù)據(jù)分析進(jìn)行驗(yàn)證（完成率、出錯等等）。 Luke originally published this article on his web site, LukeW Interface Designs. You can read the original article here. 互聯(lián)網(wǎng)表單設(shè)計(jì)：基于選擇的輸入第十二章 基于選擇的輸入 利用彈性輸入框，用戶可按照希望的方式回答問題；利用額外輸入框，用戶可以補(bǔ)充回答問題；而基于選擇的輸入是根據(jù)用戶完成的初始問題要求用戶繼續(xù)回答，通常不需要加入其他頁面。 聽起來很繁瑣，請參考Found Bin網(wǎng)站。兩個初始選項(xiàng)：新用戶或再次訪問者。根據(jù)用戶回答，出現(xiàn)一系列問題。輸入框取決于用戶最初選擇，因此稱為基于選擇的輸入。圖 上：下：Found Bin網(wǎng)站采用簡單的基于選擇的輸入框，用戶選擇初始問題后顯示接下來的問題。初始選擇之后的輸入量取決于所提問題。Found Bin網(wǎng)站只有幾個輸入框變化。，eBay網(wǎng)站下載請求表單中，許多問題都取決于初始選擇。
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1