用戶目標(biāo):我希望通過搜索引擎更快捷的找到我需要的結(jié)果;也許我的目標(biāo)并不是那么明確,只是想隨便看看
使用場景:我在淘寶隨便逛逛、我在百度搜索有關(guān)房產(chǎn)稅的資料……
其實,這里面還有很多交互門道。
1.???搜索分類
分類一般置于搜索框之上或者搜索框之前,先選類別而后搜索,結(jié)果的范疇更明確。
(來源:www.taobao.com淘寶網(wǎng))
(來源:www.baidu.com百度)
(來源:www.qq.com騰訊)
2.???推薦字
方便了隨便逛逛的用戶,推薦字大多置于搜索框之下,如果置于搜索框之上會怎樣?之上的位置更易被用戶關(guān)注,出于習(xí)慣或許會被認(rèn)為是分類。
(來源:www.taobao.com淘寶網(wǎng))
(來源:www.xunlei.com迅雷看看)
3.???聯(lián)想關(guān)鍵字
下拉框內(nèi)自動推送相關(guān)關(guān)鍵字,猜你想要。為什么該文字以外的文字加粗呢?個人理解,加粗的文字才是需要用戶辨析的,所以加粗強化增強識別性。
(來源:www.baidu.com百度)
(來源:www.taobao.com淘寶網(wǎng))
4.???框內(nèi)提示
(1)引導(dǎo)用戶搜索相關(guān)熱門內(nèi)容,方便隨便逛逛的用戶(并非有明確目的性),可直接點擊提交按鈕查看結(jié)果
(來源:tv.souhu.com搜狐視頻)
(來源:www.tmall.com天貓)
(2)或提示用戶所要搜索的關(guān)鍵緯度
(來源:weibo.com新浪微博)
5.???搜索提交按鈕
(1)分類提交(通常為兩類)
(來源:www.google.com.hk谷歌)
(來源:ershou.taobao.com跳蚤街淘寶二手市場)
(2)按鈕上的文字也可以做品牌宣傳
(來源:www.baidu.com百度)
(來源:www.qq.com騰訊)
(3)或者按鈕上直接用圖標(biāo)
(來源:www.etao.com一淘網(wǎng))
6.???搜索后的結(jié)果顯示
快捷顯示,猜用戶搜索關(guān)鍵詞背后的搜索目標(biāo),省去再點擊一次鏈接的操作成本。
(來源:http://www.baidu.com/s?wd=%CB%B3%B7%E1%BF%EC%B5%DD&rsv_bp=0&rsv_spt=3&inputT=2671百度中搜索順豐快遞)
(來源: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.?搜索提交后的精細化篩選 ?
如在天貓中搜索連衣裙,來到商品展示的list頁,篩選區(qū)域按照品牌、款式、面料、裙長等類型推送給用戶可供精細化篩選
(來源: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é)的素材提供與交流分享)