細節(jié)決定成敗:分享下拉框與搜索框設(shè)計的那些小細節(jié)

時間：2022-07-30 04:57:01 | 來源：建站知識

時間：2022-07-30 04:57:01 來源：建站知識

下拉列表框和搜索輸入框是兩個常見的頁面搭檔，我們可以形容過它是鏈接不同的獨立頁面的一條紐帶，同時也是提高用戶友好體驗的關(guān)鍵點。下拉列表框和搜索輸入框的組合較多出現(xiàn)在行業(yè)性比較強的站點前臺或是各種系統(tǒng)后臺，并且都是在一些很關(guān)鍵的位置，目的是為了讓用戶能很容易找到目標頁面的入口。暫且不討論站點行業(yè)的不同，下拉列表框和搜索輸入框的排版順序和其每個獨立的下拉列表框中的內(nèi)部信息順序?qū)τ谑欠衲芸焖倬_的定位用戶想要到達的目標頁面起著至關(guān)重要的作用，同時，也將左右用戶的操作次數(shù)和思考次數(shù)，深遠的影響到用戶的友好體驗。

下拉列表框中選項順序不同，對于用戶目光定位和鼠標移動以及點擊次數(shù)也會有較大的影響。我們來看圖一一個簡單的例子：

圖一

上如為筆者公司廣告后臺中一個關(guān)于廣告發(fā)布的部分表單，在部門的下拉列表框中有14個不同的選項，假如用戶要選擇廣告中心的話，則要點擊下拉列表框，然后瀏覽到第8條再點擊選擇。

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

對于單個下拉列表框的UEO(用戶友好體驗優(yōu)化)相對比較容易，但是如果有多個下拉列表框，再加上搜索輸入框的組合明顯增加了優(yōu)化的復雜程度。如果多個下拉列表框的前后選項順序不同，可能造成用戶的下拉點擊操作次數(shù)和思考次數(shù)出現(xiàn)很大的不同。同時，搜索輸入框和下拉列表框的位置也因各種情況而異。我們來看圖二，三個大的房屋門戶搜索的例子：

圖 二

各個下拉列表框的內(nèi)容主要有“位置+類型+價格”。 三者的順序基本是由用戶對于購房者的搜索心理以及其內(nèi)部的部分邏輯關(guān)系所決定的。

我們可以看到三個房屋門戶網(wǎng)站都將“位置”放在第一個，這是符合購房者搜索房屋的心理的，購房者第一關(guān)注的主要是房屋的位置，同時位置很大程度上決定了價格的高低。我們看到兩個門戶網(wǎng)站將“類型”放在第二。最后是“價格”，位置和類型決定了房屋的大致的價格區(qū)域，個人認為放在最后是合理的。

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

總而言之，在策劃下拉列表框和搜索輸入框組合模塊時，對于用戶的研究是必不可少的，這樣，才能掌握用戶的需求，進行用戶需求分析與總結(jié)，以最佳的模式來組合下拉列表框和搜索輸入框模塊。本文由淘寶網(wǎng)女裝 整理編輯，轉(zhuǎn)載請保留出處。