午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

交互設(shè)計(jì)細(xì)節(jié)——搜索

2012-5-12    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(  m.gerard.com.cn )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)  、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、  網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://cued.xunlei.com/log025

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,          請(qǐng)點(diǎn)這里

 

交互設(shè)計(jì)細(xì)節(jié)-搜索

 

一    推薦字  

關(guān)于推薦關(guān)鍵詞放置位置的問(wèn)題:

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

 

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

 

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

 

 

    (圖為 國(guó)美網(wǎng)上商城,http://www.gome.com.cn/

     

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

     

      (圖為 中關(guān)村在線(xiàn),http://www.zol.com.cn/

       

      • 關(guān)于關(guān)鍵字個(gè)數(shù):普遍認(rèn)為不易過(guò)長(zhǎng),最好不長(zhǎng)于輸入框的長(zhǎng)度,個(gè)數(shù)在5——9個(gè)之間。

      二    框內(nèi)的文本

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

      • 提示文本:比如直接告訴用戶(hù)可以輸入的內(nèi)容來(lái)引導(dǎo),語(yǔ)氣友好些,文本簡(jiǎn)短明確些;否則用戶(hù)會(huì)以為你的搜索框內(nèi)可以隨便搜東西,但實(shí)際是輸入某些內(nèi)容是搜不出結(jié)果的,然后用戶(hù)會(huì)很懊惱,覺(jué)得你的搜索做的不行;

       

        (圖為 美麗說(shuō)首頁(yè),http://www.meilishuo.com/

         

        • 推薦內(nèi)容,留住瀏覽型用戶(hù);

         

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

           

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

           

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

             

            三    聯(lián)想關(guān)鍵字

            關(guān)于搜索建議提交內(nèi)容有兩種觀(guān)點(diǎn),

            • 認(rèn)為無(wú)論搜索建議中是否已經(jīng)高亮第一項(xiàng),提交時(shí)都要默認(rèn)提交輸入框里的內(nèi)容;

             

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

               

              • 認(rèn)為如果高亮了搜索建議第一項(xiàng),可以默認(rèn)提交高亮的內(nèi)容,因?yàn)槟壳皝?lái)說(shuō)高亮內(nèi)容最符合用戶(hù)輸入預(yù)期,否則,用戶(hù)會(huì)自行選擇其他項(xiàng)或繼續(xù)進(jìn)行輸入,不會(huì)默認(rèn)提交,所以既然用戶(hù)選擇默認(rèn)提交了,說(shuō)明認(rèn)可了第一項(xiàng)高亮的內(nèi)容;

               

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

                 

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

                 

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

                   

                  • 輸入法與聯(lián)想關(guān)鍵字——關(guān)系二:假如搜索建議第一項(xiàng)此時(shí)高亮了,如果按enter回車(chē)鍵提交,是提交的輸入法內(nèi)容進(jìn)搜索框呢or提交高亮的第一項(xiàng),
                  • 輸入法與聯(lián)想關(guān)鍵字——關(guān)系三:如果用戶(hù)鼠標(biāo)自行點(diǎn)擊輸入框內(nèi)的內(nèi)容,輸入法內(nèi)的內(nèi)容怎么辦呢?迅雷的產(chǎn)品設(shè)置為:用戶(hù)點(diǎn)擊搜索建議中的內(nèi)容時(shí),搜索提交的是選中的內(nèi)容,輸入法內(nèi)的內(nèi)容會(huì)自行消失;

                  四    搜索前的篩選

                  關(guān)于搜索條件預(yù)設(shè)分類(lèi)的位置:          

                  • 可以放在搜索框前后,

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

                  (圖為 鳳凰網(wǎng)首頁(yè),http://www.ifeng.com/

                     

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

                     

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

                       

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

                       五   清空功能

                      (圖為 移動(dòng)產(chǎn)品截圖)

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

                      六    搜索符號(hào)

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

                       

                      (圖為 視覺(jué)中國(guó)首頁(yè),http://www.chinavisual.com/

                       

                      (圖為 IBM官網(wǎng)首頁(yè),http://www.ibm.com/us/en/

                      七    兩個(gè)提交按鈕

                       

                       

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

                       

                      (圖為 口碑網(wǎng)首頁(yè),http://shenzhen.koubei.com/

                       

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

                       

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

                      日歷

                      鏈接

                      個(gè)人資料

                      存檔

                      主站蜘蛛池模板: 伊人久久大香线蕉综合网站 | 久久国产视频网站 | 99久久99久久久精品齐齐鬼色 | 亚洲视频网站欧美视频网站 | 日本邪恶全彩工囗囗番海贼王 | 无码天堂亚洲内射精品课堂 | 小货SAO边洗澡边CAO你动漫 | 老司机福利在 线影院 | 免费精品国产人妻国语 | 韩国污动漫无遮掩无删减电脑版 | 同时和两老师双飞 | 国产精品婷婷久青青原 | 无码AV熟妇素人内射V在线 | 午夜不卡久久精品无码免费 | 国产亚洲精品影视在线 | 涩涩在线观看免费视频 | 青草久久精品亚洲综合专区 | 《乳色吐息》无删减版在线观看 | 狼人无码伊人AV啪啪 | 影音先锋av丝袜天堂 | 国产小伙和50岁熟女23p | 国产精品久久一区二区三区蜜桃 | 国产精品A8198V久久A片 | 最新2017年韩国伦理片在线 | 无码区国产区在线播放 | 伊人久久久久久久久久 | 午夜宅宅伦电影网 | 丰满五十老女人性视频 | 2019午夜75福利不卡片在线 | 蜜臀AV人妻久久无码精品麻豆 | 老外的好大c的我好爽 | 精品国产国偷自产在线观看 | 日本内射精品一区二区视频 | 日韩熟女精品一区二区三区 | 双手绑在床头调教乳尖 | 热久久免费频精品99热 | 国产精品人妻在线观看 | 3344永久在线观看视频免费 | 青娱乐视觉盛宴国产视频 | 精品网站一区二区三区网站 | 青青草国产偷拍在线av |