下拉框和搜索輸入框組合模塊的交互設(shè)計(jì)

            作者:浩網(wǎng)科技
            發(fā)布時(shí)間:2011-11-18

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

              就簡單的獨(dú)立下拉框而言,其選項(xiàng)順序不同,對于用戶的眼球運(yùn)動(dòng)和鼠標(biāo)移動(dòng)以及點(diǎn)擊次數(shù)也會有較大的影響。我們來看圖A-一個(gè)簡單的例子: yixieshi

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

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

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

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

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

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

            yixieshi

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

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

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

            主站蜘蛛池模板: 午夜爽爽爽男女免费观看hd| 欧美高清69hd| 成年人在线免费看视频| 国产成人亚洲精品无码青青草原| 亚洲人成电影在线观看青青| 444kkk视频在线观看国产| 欧美精品免费在线| 国产欧美曰韩一区二区三区 | 狠狠狠狼鲁欧美综合网免费| 天堂俺去俺来也www久久婷婷| 五月婷婷综合色| 香蕉视频软件app下载| 日韩欧美国产综合| 国产午夜无码视频免费网站| 久久久久久久99视频| 综合色在线观看| 天天看片天天射| 亚洲欧美日韩一区在线观看| yy6080一级毛片高清| 很黄很污的视频在线观看| 亚洲欧美日韩在线不卡| 美女被羞羞吸乳动漫视频| 国产激情视频一区二区三区 | 国产精品李雅在线观看| 久久精品国产99国产| 精品午夜福利1000在线观看| 国产限制级在线观看| 久久成人福利视频| 欧美日韩国产剧情| 国产丰满肥熟在线观看| 香蕉视频污网站| 成年女人视频网站免费m| 亚洲av日韩综合一区久热| 经典三级在线播放| 国产尤物在线视频| 69视频在线观看高清免费| 妞干网免费在线视频| 五月天综合婷婷| 欧美综合第一页| 健硕粗大猛烈浓精| 麻豆国产精品va在线观看不卡 |