欧美在线视频一区在线观看-欧美在线视频一区二区三区-欧美在线视频一区二区-欧美在线视频一区-欧美在线视频网站-欧美在线视频网

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

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

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

  就簡(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)組合下拉框和搜索輸入框模塊。

主站蜘蛛池模板: 久久最新地址获取 | tube日本高清老少配 | 国产精品久久久久网站 | 青青草国产精品久久久久 | 美女被草漫画 | 日本亚洲免费 | 日韩一区在线播放 | 亚洲国产成人久久午夜 | 大乳女子一级毛片 | 喷奶水榨乳ova动漫无修 | 消息称老熟妇乱视频一区二区 | 帅老头恋帅老头同性tv | 日本欧美强乱视频在线 | 久久艹综合 | ady久久 | 日韩欧美视频二区 | 日本一区二区在线不卡 | 午夜精品在线 | 精品国产一区二区三区国产馆 | 日本偷拍xxxxxxww| 亚洲男人天堂av | 秋霞午夜视频在线观看 | 国内久久精品 | 国自产精品手机在线视频 | 久久久久夜 | 午夜精品区 | 5278欧美一区二区三区 | 青柠网在线观看视频 | 2019国内精品久久久久久 | 四虎影院的网址 | 99视频在线观看视频一区 | 亚洲色大成网站www久久九九 | 91一区二区在线观看精品 | 男人的天堂在线观看入口 | 四虎永久成人免费 | 国产美女下面流出白浆视频 | 成人福利免费在线观看 | 婷婷丁香色综合狠狠色 | 十八女下面流水不遮免费 | 深夜福利入口 | 亚洲成人影院在线观看 |