下拉框和搜索輸入框的二三事

　　下拉框和搜索輸入框組合是頁面常用的標配之一，是串起獨立頁面的一種紐帶。下拉框和搜索輸入框的組合較多出現(xiàn)在行業(yè)性比較強的網(wǎng)站或是各種后臺系統(tǒng)，而且會在其頁面的的重要位置顯示，讓用戶能很容易找到查找產(chǎn)品的入口。撇開其行業(yè)內(nèi)容不談，下拉框和搜索輸入框的組合順序和其每個獨立的下拉框的內(nèi)部順序?qū)τ谑欠衲芸焖倬_的定位用戶想要查找的內(nèi)容起著至關(guān)重要的作用，同時，也將左右用戶的操作次數(shù)和思考次數(shù)。

　　就簡單的獨立下拉框而言，其選項順序不同，對于用戶的眼球運動和鼠標移動以及點擊次數(shù)也會有較大的影響。我們來看圖A-一個簡單的例子：

　　圖 A

　　此為公司廣告后臺中一個關(guān)于廣告發(fā)布的部分表單，“部門”的選擇有“研究中心、家裝頻道、廣告中心”等等14個選項，設(shè)計師在選擇時，如要選擇“廣告中心”，則要點擊下拉框，然后瀏覽到第9條再點擊選擇。

　　但是通過統(tǒng)計，80%以上的工作單都是由廣告中心發(fā)出，如果我們將“廣告中心”設(shè)為缺省選項，其他內(nèi)容順序不變，那么在這個下拉框的操作中，設(shè)計師將減少80%的操作量，同時也會減少更多的操作失誤(下拉選項太多，失誤率也高)。

　　對于單個下拉框的用戶體驗優(yōu)化相對比較簡單，多個下拉框+搜索輸入框的組合明顯增加了優(yōu)化的復雜程度。如果多個下拉框的前后選項順序不同，可能造成用戶的下拉點擊操作次數(shù)和思考次數(shù)就不盡相同。同時，搜索輸入框和下拉框的位置也因各種情況而異。我們來看圖B，幾大門戶搜索新房的例子：

　　圖 B

　　各個下拉框的內(nèi)容主要有“區(qū)屬+物業(yè)類型+均價”。 三者的順序基本是由用戶對于新房的搜索心理以及其內(nèi)部的部分邏輯關(guān)系所決定的。

　　三個門戶網(wǎng)站都將“區(qū)屬”放在第一個，這是符合用戶搜索新房的心理的，買新房首要條件是地段，同時地段決定了均價的大概區(qū)間。兩個門戶網(wǎng)站將“物業(yè)類型”放在其次，“物業(yè)類型”這個術(shù)語比較繞，實際上就是住宅寫字樓商鋪等分類。最后是“價格”，已經(jīng)由區(qū)屬決定了其大致區(qū)間，個人認為放在最后是合理的。個人有一疑問：將“物業(yè)類型”與“區(qū)屬”是否可以調(diào)換位置？麻煩大家能給出專業(yè)意見~

　　同時，三個門戶中下拉框和搜索輸入框的先后順序有兩種，一種將搜索輸入框放在下拉框之后，另一種將搜索輸入框在下拉框之前。下拉框一般是網(wǎng)站策劃定位各種區(qū)間來引導用戶搜索產(chǎn)品，而搜索輸入框則是讓用戶自主進行產(chǎn)品關(guān)鍵字輸入進行搜索。是先讓用戶主動還是先引導用戶?這是網(wǎng)站策劃必須要考慮的的問題，這是要根據(jù)用戶對于產(chǎn)品的熟悉程度和自身對于產(chǎn)品的需求所決定。

　　所以，在策劃下拉框和搜索輸入框組合模塊時，對于用戶的調(diào)研是必不可少的，這樣，才能掌握用戶的需求，進行用戶需求的篩選、分析、總結(jié)，以最佳的模式來組合下拉框和搜索輸入框模塊。

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈