下拉框和搜索輸入框組合模塊的交互設計

            作者:浩網科技
            發布時間:2011-11-18

            下拉框和搜索輸入框組合是頁面常用的標配之一,是串起獨立頁面的一種紐帶。下拉框和搜索輸入框的組合較多出現在行業性比較強的網站或是各種后臺系統,而且會在其頁面的的重要位置顯示,讓用戶能很容易找到查找產品的入口。撇開其行業內容不談,下拉框和搜索輸入框的組合順序和其每個獨立的下拉框的內部順序對于是否能快速精確的定位用戶想要查找的內容起著至關重要的作用,同時,也將左右用戶的操作次數和思考次數。 yixieshi

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

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

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

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

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

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

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

            yixieshi

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

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

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

            主站蜘蛛池模板: 国产在线精品网址你懂的| 俄罗斯一级成人毛片| 99久久99久久精品免费观看| 波多野结衣视频在线免费观看| 国产成人a人亚洲精品无码| ffee性护士vihaos中国| 日本成本人视频| 亚洲最大视频网站| 精品视频www| 国产成人av免费观看| 国产精品女同一区二区| 久久亚洲AV成人无码国产| 欧美精品videosex极品| 四虎最新免费观看网址| 天天拍天天干天天操| 日本伦理电影网伦理在线电影| 亚洲欧美日韩综合一区| 精品福利一区二区三区免费视频 | 妞干网免费视频观看| 久久亚洲精品中文字幕| 欧美午夜小视频| 亚洲色偷偷综合亚洲av伊人| 美国十次啦大导航| 国产原创精品视频| 两个人看的www免费视频中文 | 亚洲欧美在线看| 福利免费在线观看| 国产三级在线视频播放线| 免费看片在线观看| 国产美女牲交视频| www成人在线观看| 成熟女人特级毛片www免费| 久人人爽人人爽人人片AV| 欧美日韩视频在线第一区| 伊人色综合久久天天| 美女内射毛片在线看3D| 国产免费一区二区三区免费视频| 亚洲精品你懂的| 国产精品福利网站| 99自拍视频在线观看| 巨r精灵催眠动漫无删减|