<thead id="kdfuf"><font id="kdfuf"></font></thead>
<samp id="kdfuf"></samp>
    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品 ,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区

      交互設計細節(jié)——搜索

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

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

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

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

       

      交互設計細節(jié)-搜索

       

      一    推薦字  

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

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

       

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

       

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

       

       

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

         

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

         

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

           

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

          二    框內的文本

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

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

           

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

             

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

             

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

               

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

               

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

                 

                三    聯(lián)想關鍵字

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

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

                 

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

                   

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

                   

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

                     

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

                     

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

                       

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

                      四    搜索前的篩選

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

                      • 可以放在搜索框前后,

                      (圖為 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單擊,全選中搜索框內全部內容時,這個功能可以不放;
                          • 關于清空按鈕出現(xiàn)時間,一般是在搜索框內有輸入內容之后出現(xiàn);
                          • 關于清空按鈕位置,一般是在搜索框內靠后位置(也有放在搜索框外的后面位置),當搜索框后有提交按鈕,特別按鈕icon為‘放大鏡圖標’時,要處理兩者之間的關系,避免用戶誤操作。

                          六    搜索符號

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

                           

                          (圖為 視覺中國首頁,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/

                           

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

                          日歷

                          鏈接

                          個人資料

                          藍藍設計的小編 http://www.tuitetiyu.cn

                          存檔

                          主站蜘蛛池模板: 76少妇精品导航| 99久久久国产精品消防器材| 日日噜噜噜夜夜爽爽狠狠视频| jk白丝喷浆| 2020国产激情视频在线观看| 欧美成人高清精品免费| 成人欧美一区二区三区 | 人人人澡人人肉久久精品| 国产网友愉拍精品| 单亲和子的性关系a片| 中文无码喷潮在线播放| 国产高清在线精品一区| 在线永久免费AV网站免费观看| 99国内精品久久久久久久| 非洲黑人最猛性xxxx交| 免费看黄网站WWW视频| 中文无码到高潮痉挛| 高潮喷水在线| 老师穿着旗袍肉色丝袜让我玩 | 国产精品可乐视频最新| 不卡国产一区二区三区| 国产成人亚洲精品无码青APP| 国产乱AⅤ一区二区三区| 色欧美日韩亚洲| 视频二区视频一区欧美国产 | 亚洲尤码不卡av麻豆| 老熟女高潮一区二区三区| 玉龙| 国产一级爽快片在线观看| 男人女人黄 色视频免费| 欧美成人精品第一区二区三区| 99中文字幕国产精品| 噼里啪啦免费观看视频大全| 2019中文字幕99国产精品视频| 亚洲av午夜精品无码专区| 亚洲精品国产精华液| 国产精品99精品一区二区三区| 一级中文无码大片| 黄色电影免费看| 91久久精品亚洲中文字幕无码| 日韩专区+中文字幕|