如何引導(dǎo)用戶更快捷的找到搜索目標(biāo)
![](http://image.woshipm.com/wp-files/img/98.jpg)
用戶目標(biāo):我希望通過搜索引擎更快捷的找到我需要的結(jié)果;也許我的目標(biāo)并不是那么明確,只是想隨便看看
使用場景:我在淘寶隨便逛逛、我在百度搜索有關(guān)房產(chǎn)稅的資料……
其實,這里面還有很多交互門道。
1. 搜索分類
分類一般置于搜索框之上或者搜索框之前,先選類別而后搜索,結(jié)果的范疇更明確。
(來源:www.taobao.com淘寶網(wǎng))
![2046164446-1 2046164446-1](https://image.woshipm.com/wp-files/2012/09/2046164446-1.png)
(來源:www.baidu.com百度)
![2046161015-2 2046161015-2](https://image.woshipm.com/wp-files/2012/09/2046161015-2.png)
(來源:www.qq.com騰訊)
2. 推薦字
方便了隨便逛逛的用戶,推薦字大多置于搜索框之下,如果置于搜索框之上會怎樣?之上的位置更易被用戶關(guān)注,出于習(xí)慣或許會被認(rèn)為是分類。
![2046161F1-3 2046161F1-3](https://image.woshipm.com/wp-files/2012/09/2046161F1-3.png)
(來源:www.taobao.com淘寶網(wǎng))
![20461C452-4 20461C452-4](https://image.woshipm.com/wp-files/2012/09/20461C452-4.png)
(來源:www.xunlei.com迅雷看看)
3. 聯(lián)想關(guān)鍵字
下拉框內(nèi)自動推送相關(guān)關(guān)鍵字,猜你想要。為什么該文字以外的文字加粗呢?個人理解,加粗的文字才是需要用戶辨析的,所以加粗強(qiáng)化增強(qiáng)識別性。
![20461AF1-5 20461AF1-5](https://image.woshipm.com/wp-files/2012/09/20461AF1-5.png)
(來源:www.baidu.com百度)
![20461BV6-6 20461BV6-6](https://image.woshipm.com/wp-files/2012/09/20461BV6-6.png)
(來源:www.taobao.com淘寶網(wǎng))
4. 框內(nèi)提示
(1)引導(dǎo)用戶搜索相關(guān)熱門內(nèi)容,方便隨便逛逛的用戶(并非有明確目的性),可直接點擊提交按鈕查看結(jié)果
![20461B964-7 20461B964-7](https://image.woshipm.com/wp-files/2012/09/20461B964-7.png)
(來源:tv.souhu.com搜狐視頻)
![20461A150-8 20461A150-8](https://image.woshipm.com/wp-files/2012/09/20461A150-8.png)
(來源:www.tmall.com天貓)
(2)或提示用戶所要搜索的關(guān)鍵緯度
![20461B395-9 20461B395-9](https://image.woshipm.com/wp-files/2012/09/20461B395-9.png)
(來源:weibo.com新浪微博)
5. 搜索提交按鈕
(1)分類提交(通常為兩類)
![2046163925-10 2046163925-10](https://image.woshipm.com/wp-files/2012/09/2046163925-10.png)
(來源:www.google.com.hk谷歌)
![2046162312-11 2046162312-11](https://image.woshipm.com/wp-files/2012/09/2046162312-11.png)
(來源:ershou.taobao.com跳蚤街淘寶二手市場)
(2)按鈕上的文字也可以做品牌宣傳
![2046161V5-12 2046161V5-12](https://image.woshipm.com/wp-files/2012/09/2046161V5-12.png)
(來源:www.baidu.com百度)
![20461B0L-13 20461B0L-13](https://image.woshipm.com/wp-files/2012/09/20461B0L-13.png)
(來源:www.qq.com騰訊)
(3)或者按鈕上直接用圖標(biāo)
![20461621a-14 20461621a-14](https://image.woshipm.com/wp-files/2012/09/20461621a-14.png)
(來源:www.etao.com一淘網(wǎng))
6. 搜索后的結(jié)果顯示
快捷顯示,猜用戶搜索關(guān)鍵詞背后的搜索目標(biāo),省去再點擊一次鏈接的操作成本。
![2046163536-15 2046163536-15](https://image.woshipm.com/wp-files/2012/09/2046163536-15.png)
(來源:http://www.baidu.com/s?wd=%CB%B3%B7%E1%BF%EC%B5%DD&rsv_bp=0&rsv_spt=3&inputT=2671百度中搜索順豐快遞)
![2046161T8-16 2046161T8-16](https://image.woshipm.com/wp-files/2012/09/2046161T8-16.png)
(來源:http://www.baidu.com/s?ie=utf-8&bs=%E9%A1%BA%E4%B8%B0%E5%BF%AB%E9%80%92&f=3&rsv_bp=1&rsv_spt=3&wd=%E4%BC%A6%E6%95%A6%E5%A5%A5%E8%BF%90%E4%BC%9A&oq=%E4%BC%A6%E6%95%A6&rsp=0&rsv_sug2=1&inputT=2527百度中搜索倫敦奧運會)
7. 搜索提交后的精細(xì)化篩選
如在天貓中搜索連衣裙,來到商品展示的list頁,篩選區(qū)域按照品牌、款式、面料、裙長等類型推送給用戶可供精細(xì)化篩選
![2046161050-17 2046161050-17](https://image.woshipm.com/wp-files/2012/09/2046161050-17.png)
(來源:http://list.tmall.com/search_product.htm?q=%C1%AC%D2%C2%C8%B9&user_action=initiative&at_topsearch=1&sort=st&type=p&userBucket=1&userBucketCell=21天貓中搜索連衣裙)
最后再重復(fù)下用戶目標(biāo):我希望通過搜索引擎更快捷的找到我需要的結(jié)果;也許我的目標(biāo)并不是那么明確,只是想隨便看看。圍繞目標(biāo)我們可以做出一系列的設(shè)計努力。
(同時感謝交互組內(nèi)同學(xué)的素材提供與交流分享)
來源:lpued
- 目前還沒評論,等你發(fā)揮!