国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

交互設計細節——搜索

2012-5-12    藍藍設計的小編

轉載藍藍設計(  www.newchinaweekly.com )是一家專注而深入的設計機構 ,為期望卓越的國內外企業提供有效的   BS界面設計 、  cs界面設計 、  ipad界面設計  、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、  網站建設 、平面設計服務

來源:http://cued.xunlei.com/log025

如果您想訂閱本博客內容,每天自動發到您的郵箱中,          請點這里

 

交互設計細節-搜索

 

一    推薦字  

關于推薦關鍵詞放置位置的問題:

  • 推薦字在框下::普遍認為放在下面好一些,從版面美觀度考慮,從給用戶的沖擊力和干擾程度考慮;
  • 推薦字在框上:有時搜索框上面會放分類等tab,推薦關鍵字易被認為作分類;但具體放在上面給用戶帶來的干擾程度,是否會讓很多用戶很討厭,筆者認為來搜索的用戶普遍目的性較強,會下意識自動過濾掉自己不需要的內容,此時的用戶是很難被干擾到的,可放心放到搜索框之上;但可能喜歡清爽一些或有潔癖的用戶比較希望什么都不要放。

 

(圖為 迅雷看看官網,http://www.xunlei.com/

 

(圖為 淘寶首頁搜索,http://www.taobao.com/

 

 

    (圖為 國美網上商城,http://www.gome.com.cn/

     

    • 推薦字放在搜索框后:干擾性最小,橫向空間擴展性差;

     

      (圖為 中關村在線,http://www.zol.com.cn/

       

      • 關于關鍵字個數:普遍認為不易過長,最好不長于輸入框的長度,個數在5——9個之間。

      二    框內的文本

      建議放一些有意義的文字,

      • 提示文本:比如直接告訴用戶可以輸入的內容來引導,語氣友好些,文本簡短明確些;否則用戶會以為你的搜索框內可以隨便搜東西,但實際是輸入某些內容是搜不出結果的,然后用戶會很懊惱,覺得你的搜索做的不行;

       

        (圖為 美麗說首頁,http://www.meilishuo.com/

         

        • 推薦內容,留住瀏覽型用戶;

         

          (圖為 迅雷看看電影頻道,http://movie.xunlei.com/

           

          • 單純放一些客套話如‘您需要找什么?’能增加些許網站親切性,看多了就覺得‘虛偽’了。

           

            (圖為 淘寶店鋪街,http://jie.taobao.com/

             

            三    聯想關鍵字

            關于搜索建議提交內容有兩種觀點,

            • 認為無論搜索建議中是否已經高亮第一項,提交時都要默認提交輸入框里的內容;

             

              (圖為 迅雷看看官網,http://www.xunlei.com/

               

              • 認為如果高亮了搜索建議第一項,可以默認提交高亮的內容,因為目前來說高亮內容最符合用戶輸入預期,否則,用戶會自行選擇其他項或繼續進行輸入,不會默認提交,所以既然用戶選擇默認提交了,說明認可了第一項高亮的內容;

               

                (圖為 瀏覽器,輸入框搜索)

                 

                • 輸入法與聯想關鍵字——關系一:目前輸入法比較高級,在你輸入拼音的時候搜索框內也會同時顯示你正在輸入的拼音,但是很多搜索框也很高級,只要有拼音輸入也會自動給你顯示漢字的相關搜索建議,如果此時用戶想要的東西在搜索建議中出現了,他該怎么辦呢?會產生困惑,也會很著急:一是,若不先提交輸入法中的內容,如果直接單擊輸入法外的任何空間,搜索框內是什么內容都沒有輸入的,可是要提交搜索框內容,要點擊提交按鈕,提交按鈕卻是輸入法外的空間啊;

                 

                  (圖為 迅雷看看電影頻道,http://movie.xunlei.com/

                   

                  • 輸入法與聯想關鍵字——關系二:假如搜索建議第一項此時高亮了,如果按enter回車鍵提交,是提交的輸入法內容進搜索框呢or提交高亮的第一項,
                  • 輸入法與聯想關鍵字——關系三:如果用戶鼠標自行點擊輸入框內的內容,輸入法內的內容怎么辦呢?迅雷的產品設置為:用戶點擊搜索建議中的內容時,搜索提交的是選中的內容,輸入法內的內容會自行消失;

                  四    搜索前的篩選

                  關于搜索條件預設分類的位置:          

                  • 可以放在搜索框前后,

                  (圖為 amazon首頁,http://www.amazon.cn/

                  (圖為 鳳凰網首頁,http://www.ifeng.com/

                     

                    • 也可以放在搜索框上下,

                     

                      (圖為 淘寶網,http://s.taobao.com/search?q=%CD%E2%CC%D7&keyword=&commend=all&ssid=s5-e&search_type=item&atype=&tracelog=&sourceId=tb.index

                       

                      但樣式隨位置不同而有所變化。

                       五   清空功能

                      (圖為 移動產品截圖)

                      • 關于搜索框內添加【清空】功能,此種情況最適用于搜索框輸入的內容較長,避免用戶手動框選or逐個刪除,或移動端產品逐個觸擊刪除;
                      • 當默認雙擊or單擊,全選中搜索框內全部內容時,這個功能可以不放;
                      • 關于清空按鈕出現時間,一般是在搜索框內有輸入內容之后出現;
                      • 關于清空按鈕位置,一般是在搜索框內靠后位置(也有放在搜索框外的后面位置),當搜索框后有提交按鈕,特別按鈕icon為‘放大鏡圖標’時,要處理兩者之間的關系,避免用戶誤操作。

                      六    搜索符號

                      • 單擊搜索框內提示文本消失,符號跟著消失時,認為符號是文本的一部分,符號與提示文本樣式應統一;
                      • 單擊符號不消失代表符號不是文本,那么符號的樣式應與文本有所區分;
                      • 當符號為文本,但后面又用了符號作為提交按鈕時,是否有沖突?

                       

                      (圖為 視覺中國首頁,http://www.chinavisual.com/

                       

                      (圖為 IBM官網首頁,http://www.ibm.com/us/en/

                      七    兩個提交按鈕

                       

                       

                      (圖為 淘寶女鞋市場,http://www.taobao.com/market/ladyshoes/lady_shoes.php?ad_id=&am_id=&cm_id=1400606053fa0788c3ac&pm_id=

                       

                      (圖為 口碑網首頁,http://shenzhen.koubei.com/

                       

                      (圖為 谷歌搜索,http://www.google.com.hk/

                       

                      兩個提交按鈕出現,按鈕已經不止承擔了提交意義,還有搜索前的預先篩選功能,幫助用戶更直接快速的搜索到內容。

                      日歷

                      鏈接

                      個人資料

                      藍藍設計的小編 http://www.newchinaweekly.com

                      存檔

                      亚洲大尺度视频| 日本久久一区二区三区| 一卡二卡欧美日韩| 欧美性色黄大片| 亚洲天堂男人天堂| 久久久久久有精品国产| 91九色国产视频| 国产资源第一页| 国产伦理在线观看| 国产一级中文字幕| 日韩一区二区久久久| 久久久久久噜噜噜久久久精品| 91免费欧美精品| 青草全福视在线| 日韩欧美色视频| 日本一区二区三区四区五区| 天天干天天插天天操| 人人澡人人爽人人揉| 日韩一本大道| 乱小说综合网站| sm国产在线调教视频| 韩国三级成人在线| 午夜亚洲福利| 2022国产精品视频| 欧美日韩成人激情| 欧美大尺度在线观看| 欧美成人第一区| 亚洲视频在线不卡| 一级成人黄色片| 亚洲自拍一区在线观看| 亚洲精品天堂在线| 日韩成人黄色| 亚洲性视频在线| 男女视频一区二区| 狠狠躁夜夜躁人人躁婷婷91 | 小向美奈子av| 国产高清免费在线观看| av免费播放| 日本h片久久| 亚洲伦理久久| 国产精品久久久亚洲一区| 亚洲欧洲国产专区| 午夜精品久久久久久久99水蜜桃| 亚洲深夜福利在线| 国产精品久久久久久久天堂第1集 国产精品久久久久久久免费大片 国产精品久久久久久久久婷婷 | 久久99国产精品免费网站| 夜夜爽夜夜爽精品视频| 欧美xxxx综合视频| www国产免费| 免费在线观看亚洲| 可以在线观看的黄色网址| 成年女人在线看片| 亚洲精品美女| 色综合久久久久综合| 日韩av免费在线| 中文字幕天天干| 中文字幕日韩第一页| 免费看成人a| 日色在线视频| 精品九九在线| 国产精品色噜噜| 久久久精品一区| 日韩精品视频在线观看视频| 可以免费看的av毛片| 免费观影入口看日本视频| 久久1电影院| 欧美国产精品一区二区| 欧美大成色www永久网站婷| 欧美一级欧美一级| 中文无码av一区二区三区| 四虎影院在线播放| 女主播福利一区| 色婷婷亚洲精品| 亚洲自拍偷拍色图| 久久精品一区二区免费播放 | 久久亚洲AV无码| av毛片免费看| av影片在线一区| 亚洲高清不卡在线| 亚洲精品国产精品国自产在线| 欧美国产综合视频| 国产在线一二区| 污污网址在线观看| 最新精品国产| 欧美日韩亚洲综合| 久久精品第九区免费观看 | 免费理论片在线观看播放老| 亚洲国产成人精品女人| 欧美视频中文一区二区三区在线观看| 国产中文字幕91| 国产18无套直看片| 国内在线高清免费视频| 99久久久久| 555夜色666亚洲国产免| 亚洲人在线视频| 婷婷电影在线观看| 精品一区二区三区在线| 亚洲国产欧美日韩另类综合| 成人在线视频网| 日本成人免费在线观看| 一级日本免费的| a91a精品视频在线观看| 日韩精品丝袜在线| 国产精品av网站| 亚洲精品乱码久久久久久久| www.操操操.com| 日韩欧美视频在线播放| 91精品国产麻豆国产自产在线 | aaa一区二区三区| 亚洲十八**毛片| 日本一区二区三区久久久久久久久不| 国产成人精品网站| www.超碰在线观看| 五月婷婷在线观看| 丰满放荡岳乱妇91ww| 538国产精品一区二区在线| 亚洲自拍偷拍图| 另类国产精品一区二区| 精品少妇3p| 欧美精品在线观看播放| 亚洲自拍偷拍色图| 国产又黄又粗又爽| 女同一区二区免费aⅴ| 久久精品亚洲精品国产欧美kt∨| 亚洲精品国产精品国自产在线| 人妻内射一区二区在线视频| 91九蝌蚪视频| 亚洲综合五月| 中文字幕少妇一区二区三区| 日本一卡二卡在线| 韩日三级av| 欧美在线色图| 亚洲国产视频直播| 亚洲免费在线精品一区| 中文字幕在线免费视频| 亚洲最新无码中文字幕久久| 亚洲欧美日韩在线| 一区二区精品国产| 中文乱码字幕午夜无线观看| 午夜精品福利影院| 日韩电影在线观看中文字幕| 精品久久久久久无码人妻| 最新在线地址| 久久精品国产**网站演员| 国产精品ⅴa在线观看h| 午夜精品免费观看| 在线播放毛片| 国产精品久久久久婷婷| 日韩欧美一区二区三区久久婷婷| 亚洲美女色视频| 国产高清一区| 欧美激情aaaa| 91精品国产高清一区二区三密臀| 韩国成人在线| 日韩欧美在线观看一区二区三区| 超碰中文字幕在线观看| 国产中文字幕在线播放| 免费av成人在线| 成人黄色影片在线| 亚洲乱码精品久久久久..| 日韩.com| 久久人人爽人人爽人人片av高请| 日本三级黄色大片| 自拍偷拍欧美日韩| 日韩成人在线视频观看| 永久免费毛片在线观看| 蜜桃视频在线网站| 91精品国产综合久久精品性色| 又黄又色的网站| 欧美黑人猛交| 欧美日韩一区三区| 大黑人交xxx极品hd| 超级白嫩亚洲国产第一| 欧美高清性hdvideosex| 蜜桃av免费看| 精品亚洲综合| 亚洲午夜在线视频| 中文字幕第21页| 高清在线观看av| 黄色一区二区在线| 一本一道久久a久久综合精品| 欧美人与牲动交xxxx| 日韩高清一级片| 69av在线播放| www.超碰在线观看| 欧美三级一区| 中文字幕亚洲无线码a| 国产成人无码一区二区在线播放| 日韩有码一区| 欧美在线视频播放| 日韩中文字幕免费在线观看| 香蕉视频成人在线观看| 国产尤物91| 人人做人人爽| 亚洲天堂精品视频| 视频免费1区二区三区| 久草在线资源福利站| 欧美zozozo| 波多野结衣电车| 亚洲美女一区|