就簡(jiǎn)單的獨(dú)立下拉框而言,其選項(xiàng)順序不同,對(duì)于用戶的眼球運(yùn)動(dòng)和鼠標(biāo)移動(dòng)以及點(diǎn)擊次數(shù)也會(huì)有較大的影響。我們來(lái)看圖A-一個(gè)簡(jiǎn)單的例子: yixieshi
圖 A此為公司廣告后臺(tái)中一個(gè)關(guān)于廣告發(fā)布的部分表單,“部門(mén)”的選擇有“研究中心、家裝頻道、廣告中心”等等14個(gè)選項(xiàng),設(shè)計(jì)師在選擇時(shí),如要選擇“廣告中心”,則要點(diǎn)擊下拉框,然后瀏覽到第9條再點(diǎn)擊選擇。 yixieshi
但是通過(guò)統(tǒng)計(jì),80%以上的工作單都是由廣告中心發(fā)出,如果我們將“廣告中心”設(shè)為缺省選項(xiàng),其他內(nèi)容順序不變,那么在這個(gè)下拉框的操作中,設(shè)計(jì)師將減少80%的操作量,同時(shí)也會(huì)減少更多的操作失誤(下拉選項(xiàng)太多,失誤率也高)。 互聯(lián)網(wǎng)的一些事
對(duì)于單個(gè)下拉框的用戶體驗(yàn)優(yōu)化相對(duì)比較簡(jiǎn)單,多個(gè)下拉框+搜索輸入框的組合明顯增加了優(yōu)化的復(fù)雜程度。如果多個(gè)下拉框的前后選項(xiàng)順序不同,可能造成用戶的下拉點(diǎn)擊操作次數(shù)和思考次數(shù)就不盡相同。同時(shí),搜索輸入框和下拉框的位置也因各種情況而異。我們來(lái)看圖B,幾大門(mén)戶搜索新房的例子: 互聯(lián)網(wǎng)的一些事
圖 B各個(gè)下拉框的內(nèi)容主要有“區(qū)屬+物業(yè)類型+均價(jià)”。 三者的順序基本是由用戶對(duì)于新房的搜索心理以及其內(nèi)部的部分邏輯關(guān)系所決定的。
yixieshi
三個(gè)門(mén)戶網(wǎng)站都將“區(qū)屬”放在第一個(gè),這是符合用戶搜索新房的心理的,買(mǎi)新房首要條件是地段,同時(shí)地段決定了均價(jià)的大概區(qū)間。兩個(gè)門(mén)戶網(wǎng)站將“物業(yè)類型”放在其次,“物業(yè)類型”這個(gè)術(shù)語(yǔ)比較繞,實(shí)際上就是住宅寫(xiě)字樓商鋪等分類。最后是“價(jià)格”,已經(jīng)由區(qū)屬?zèng)Q定了其大致區(qū)間,個(gè)人認(rèn)為放在最后是合理的。個(gè)人有一疑問(wèn):將“物業(yè)類型”與“區(qū)屬”是否可以調(diào)換位置?麻煩大家能給出專業(yè)意見(jiàn)~ 互聯(lián)網(wǎng)的一些事
同時(shí),三個(gè)門(mén)戶中下拉框和搜索輸入框的先后順序有兩種,一種將搜索輸入框放在下拉框之后,另一種將搜索輸入框在下拉框之前。下拉框一般是網(wǎng)站策劃定位各種區(qū)間來(lái)引導(dǎo)用戶搜索產(chǎn)品,而搜索輸入框則是讓用戶自主進(jìn)行產(chǎn)品關(guān)鍵字輸入進(jìn)行搜索。是先讓用戶主動(dòng)還是先引導(dǎo)用戶?這是網(wǎng)站策劃必須要考慮的的問(wèn)題,這是要根據(jù)用戶對(duì)于產(chǎn)品的熟悉程度和自身對(duì)于產(chǎn)品的需求所決定。 yixieshi
所以,在策劃下拉框和搜索輸入框組合模塊時(shí),對(duì)于用戶的調(diào)研是必不可少的,這樣,才能掌握用戶的需求,進(jìn)行用戶需求的篩選、分析、總結(jié),以最佳的模式來(lái)組合下拉框和搜索輸入框模塊。