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

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

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

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

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

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

一推薦字

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

推薦字在框下：：普遍認(rèn)為放在下面好一些，從版面美觀度考慮，從給用戶的沖擊力和干擾程度考慮；

推薦字在框上：有時搜索框上面會放分類等tab，推薦關(guān)鍵字易被認(rèn)為作分類；但具體放在上面給用戶帶來的干擾程度，是否會讓很多用戶很討厭，筆者認(rèn)為來搜索的用戶普遍目的性較強，會下意識自動過濾掉自己不需要的內(nèi)容，此時的用戶是很難被干擾到的，可放心放到搜索框之上；但可能喜歡清爽一些或有潔癖的用戶比較希望什么都不要放。

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

（圖為淘寶首頁搜索，http://www.taobao.com/ ）

（圖為國美網(wǎng)上商城，http://www.gome.com.cn/ ）

推薦字放在搜索框后：干擾性最小，橫向空間擴展性差；

（圖為中關(guān)村在線，http://www.zol.com.cn/ ）

關(guān)于關(guān)鍵字個數(shù)：普遍認(rèn)為不易過長，最好不長于輸入框的長度，個數(shù)在5——9個之間。

二框內(nèi)的文本

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

提示文本：比如直接告訴用戶可以輸入的內(nèi)容來引導(dǎo)，語氣友好些，文本簡短明確些；否則用戶會以為你的搜索框內(nèi)可以隨便搜東西，但實際是輸入某些內(nèi)容是搜不出結(jié)果的，然后用戶會很懊惱，覺得你的搜索做的不行；

（圖為美麗說首頁，http://www.meilishuo.com/ ）

推薦內(nèi)容，留住瀏覽型用戶；

（圖為迅雷看看電影頻道，http://movie.xunlei.com/ ）

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

（圖為淘寶店鋪街，http://jie.taobao.com/ ）

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

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

認(rèn)為無論搜索建議中是否已經(jīng)高亮第一項，提交時都要默認(rèn)提交輸入框里的內(nèi)容；

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

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

（圖為瀏覽器，輸入框搜索）

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

（圖為迅雷看看電影頻道，http://movie.xunlei.com/ ）

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

四搜索前的篩選

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

可以放在搜索框前后，

（圖為 amazon首頁，http://www.amazon.cn/ ）

（圖為鳳凰網(wǎng)首頁，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 ）

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

五清空功能

（圖為移動產(chǎn)品截圖）

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