Vonnie?|?2011-12-26?|交互設計
一??? 推薦字
關于推薦關鍵詞放置位置的問題：
推薦字在框下：：普遍認為放在下面好一些，從版面美觀度考慮，從給用戶的沖擊力和干擾程度考慮；
推薦字在框上：有時搜索框上面會放分類等tab彰居，推薦關鍵字易被認為作分類；但具體放在上面給用戶帶來的干擾程度，是否會讓很多用戶很討厭丈钙，筆者認為來搜索的用戶普遍目的性較強，會下意識自動過濾掉自己不需要的內(nèi)容交汤，此時的用戶是很難被干擾到的雏赦，可放心放到搜索框之上；但可能喜歡清爽一些或有潔癖的用戶比較希望什么都不要放芙扎。
（圖為 迅雷看看官網(wǎng)星岗，http://www.xunlei.com/）
（圖為 淘寶首頁搜索，http://www.taobao.com/）
（圖為 國美網(wǎng)上商城戒洼，http://www.gome.com.cn/）
推薦字放在搜索框后：干擾性最小俏橘，橫向空間擴展性差；
（圖為 中關村在線施逾，http://www.zol.com.cn/）
關于關鍵字個數(shù)：普遍認為不易過長敷矫，最好不長于輸入框的長度，個數(shù)在5——9個之間汉额。
二??? 框內(nèi)的文本
建議放一些有意義的文字曹仗，
提示文本：比如直接告訴用戶可以輸入的內(nèi)容來引導，語氣友好些蠕搜，文本簡短明確些怎茫；否則用戶會以為你的搜索框內(nèi)可以隨便搜東西，但實際是輸入某些內(nèi)容是搜不出結果的妓灌，然后用戶會很懊惱轨蛤，覺得你的搜索做的不行；
（圖為 美麗說首頁虫埂，http://www.meilishuo.com/）
推薦內(nèi)容祥山，留住瀏覽型用戶；
（圖為 迅雷看看電影頻道掉伏，http://movie.xunlei.com/）
單純放一些客套話如‘您需要找什么缝呕？’能增加些許網(wǎng)站親切性澳窑，看多了就覺得‘虛偽’了。
（圖為 淘寶店鋪街供常，http://jie.taobao.com/）
三??? 聯(lián)想關鍵字
關于搜索建議提交內(nèi)容有兩種觀點摊聋，
認為無論搜索建議中是否已經(jīng)高亮第一項，提交時都要默認提交輸入框里的內(nèi)容栈暇；
（圖為 迅雷看看官網(wǎng)麻裁，http://www.xunlei.com/）
認為如果高亮了搜索建議第一項，可以默認提交高亮的內(nèi)容源祈，因為目前來說高亮內(nèi)容最符合用戶輸入預期煎源，否則，用戶會自行選擇其他項或繼續(xù)進行輸入新博，不會默認提交薪夕，所以既然用戶選擇默認提交了，說明認可了第一項高亮的內(nèi)容赫悄；
（圖為 瀏覽器，輸入框搜索）
輸入法與聯(lián)想關鍵字——關系一：目前輸入法比較高級馏慨，在你輸入拼音的時候搜索框內(nèi)也會同時顯示你正在輸入的拼音埂淮，但是很多搜索框也很高級，只要有拼音輸入也會自動給你顯示漢字的相關搜索建議写隶，如果此時用戶想要的東西在搜索建議中出現(xiàn)了倔撞，他該怎么辦呢？會產(chǎn)生困惑慕趴，也會很著急：一是痪蝇，若不先提交輸入法中的內(nèi)容，如果直接單擊輸入法外的任何空間冕房，搜索框內(nèi)是什么內(nèi)容都沒有輸入的躏啰，可是要提交搜索框內(nèi)容，要點擊提交按鈕耙册，提交按鈕卻是輸入法外的空間案；
（圖為 迅雷看看電影頻道详拙，http://movie.xunlei.com/）
輸入法與聯(lián)想關鍵字——關系二：假如搜索建議第一項此時高亮了帝际，如果按enter回車鍵提交，是提交的輸入法內(nèi)容進搜索框呢or提交高亮的第一項饶辙，
輸入法與聯(lián)想關鍵字——關系三：如果用戶鼠標自行點擊輸入框內(nèi)的內(nèi)容蹲诀，輸入法內(nèi)的內(nèi)容怎么辦呢？迅雷的產(chǎn)品設置為：用戶點擊搜索建議中的內(nèi)容時弃揽，搜索提交的是選中的內(nèi)容脯爪，輸入法內(nèi)的內(nèi)容會自行消失珊佣；
四??? 搜索前的篩選
關于搜索條件預設分類的位置：
可以放在搜索框前后，
（圖為 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)品截圖）
關于搜索框內(nèi)添加【清空】功能，此種情況最適用于搜索框輸入的內(nèi)容較長拇泛，避免用戶手動框選or逐個刪除滨巴，或移動端產(chǎn)品逐個觸擊刪除；
當默認雙擊or單擊俺叭，全選中搜索框內(nèi)全部內(nèi)容時恭取，這個功能可以不放；
關于清空按鈕出現(xiàn)時間熄守，一般是在搜索框內(nèi)有輸入內(nèi)容之后出現(xiàn)蜈垮；
關于清空按鈕位置，一般是在搜索框內(nèi)靠后位置（也有放在搜索框外的后面位置）裕照，當搜索框后有提交按鈕攒发，特別按鈕icon為‘放大鏡圖標’時，要處理兩者之間的關系晋南，避免用戶誤操作惠猿。
六??? 搜索符號
單擊搜索框內(nèi)提示文本消失，符號跟著消失時负间，認為符號是文本的一部分偶妖，符號與提示文本樣式應統(tǒng)一；
單擊符號不消失代表符號不是文本政溃，那么符號的樣式應與文本有所區(qū)分趾访；
當符號為文本，但后面又用了符號作為提交按鈕時玩祟，是否有沖突腹缩？
（圖為 視覺中國首頁，http://www.chinavisual.com/）
（圖為 IBM官網(wǎng)首頁空扎，http://www.ibm.com/us/en/）
七??? 兩個提交按鈕
（圖為 淘寶女鞋市場藏鹊，http://www.taobao.com/market/ladyshoes/lady_shoes.php?ad_id=&am_id=&cm_id=1400606053fa0788c3ac&pm_id=）
（圖為 口碑網(wǎng)首頁，http://shenzhen.koubei.com/）
（圖為 谷歌搜索转锈，http://www.google.com.hk/）
兩個提交按鈕出現(xiàn)盘寡，按鈕已經(jīng)不止承擔了提交意義，還有搜索前的預先篩選功能撮慨，幫助用戶更直接快速的搜索到內(nèi)容竿痰。
相關標簽
