技術(shù)資訊
把搜索框還給搜索
2009-04-03 11:08:00
1、搜索框的意義
用戶總是和你想的不一樣,用戶很多時(shí)候是不會(huì)按照你設(shè)定的導(dǎo)航走的,他們更多的時(shí)候是上來就直接輸入關(guān)鍵字進(jìn)行搜索。對(duì)于購物者而言,如果清楚的知道想要什么,他們會(huì)很明確的使用搜索框,這種情況下購物者顯示出了明確的購物意圖,因此搜索框能夠把該意圖轉(zhuǎn)變?yōu)檎鎸?shí)的購買行為。來自Fast Search的數(shù)據(jù)顯示,30%的購物者進(jìn)入電子商務(wù)網(wǎng)站后會(huì)立刻使用搜索框,超過30%的人通過導(dǎo)航?jīng)]有找到需要的物品后轉(zhuǎn)而使用搜索框。
如果一個(gè)網(wǎng)站沒有足夠合理的信息架構(gòu)體系,那么搜索引擎不僅僅是有幫助性的,甚至是至關(guān)重要的設(shè)計(jì)功能。有可能比網(wǎng)站的導(dǎo)航更對(duì)用戶有幫助。事實(shí)上,搜索是用戶了解在一些綜合性網(wǎng)站內(nèi)容最直接有效的方式。最好的搜索設(shè)計(jì)就是給用戶提供一個(gè)簡(jiǎn)簡(jiǎn)單單的搜索框在頁面顯眼固定的位置上,但卻有強(qiáng)力搜索的能力和范圍寬 廣的功能。
所以,如果你的網(wǎng)站沒有足夠清晰的信息架構(gòu)體系,那么,請(qǐng)把你的搜索框還給搜索,不要再試圖去綁架你的搜索框!
2、被綁架的搜索框
http://www.zghzp.com/
不可否認(rèn),右側(cè)的背景很美,但是我是來搜索的不是來欣賞圖片的,這個(gè)背景搞的我都不知道這個(gè)搜索還有上面的頻道切換是不是可以點(diǎn)擊了(我試圖去點(diǎn)擊新版上線,未果)。這個(gè)設(shè)計(jì)的用戶體驗(yàn)差及了。
http://www.shtimber.com/
搜索跟留言板有什么關(guān)系?搞個(gè)留言板的按鈕跟搜索放在一起是什么邏輯?這讓我在想搜索的時(shí)候很不爽
http://cn.china.cn/
這個(gè)很讓我無語,在搜索按鈕后面補(bǔ)個(gè)按鈕就罷了,居然還來個(gè)比搜索按鈕還大2倍多的按鈕……
http://b2b.hc360.com
這個(gè)大概是我見過的最無語的搜索框了。想不清楚為什么現(xiàn)在還有設(shè)計(jì)師會(huì)把“設(shè)為首頁”、“收藏本頁”這樣的功能擺出來,而且是擺在搜索框上。
http://www.8035.com/
對(duì)于這個(gè),首先視覺完全被放在了那2個(gè)“新”、“熱”上去了,壓根沒有想著點(diǎn)前面的東西了;不知道為什么要把這2個(gè)東西擺在搜索按鈕的后面,還有,這么長的搜索框是否是在告訴我,你們網(wǎng)站的東西很難找,需要很長的關(guān)鍵詞呢?
現(xiàn)在很多網(wǎng)站都傾向于搞一個(gè)這樣會(huì)閃的gif圖片來突出某些內(nèi)容,我習(xí)慣把這些東西叫小螞蟻。有的網(wǎng)站搞的很夸張,這小螞蟻長的胖的出奇,用戶的吸引力完全都放在了那只胖螞蟻上,根本沒有想著胖螞蟻前面的東西;有的網(wǎng)站覺得每個(gè)欄目都需要突出于是每個(gè)欄目上都搞個(gè)“新”、“熱點(diǎn)”,最后的結(jié)果就是整個(gè)網(wǎng)站看著就像個(gè)螞蟻窩。個(gè)人覺得要想用這個(gè)小玩意贏得好的用戶體驗(yàn),至少要保證3點(diǎn):小、簡(jiǎn)、少。小,不至于讓我感覺感覺突兀;簡(jiǎn),能表達(dá)意思就可以了;少,不至于搞的我想點(diǎn)了不知道點(diǎn)哪里。
3、把搜索框還給搜索
把搜索框還給搜索!搜索就是搜索,不要給搜索背上太多的東西。一個(gè)搜索頻道、一個(gè)搜索輸入框、一個(gè)搜索按鈕這樣就已經(jīng)足夠多了,再多一點(diǎn)搜索框都會(huì)受不了!當(dāng)然,你也可以讓你的搜索框更精簡(jiǎn),精簡(jiǎn)到只有一個(gè)搜索框。
把搜索叫搜索!搜索的位置要明顯到用戶第一眼就能看到且隨時(shí)能夠找到;輸入框應(yīng)該讓用戶感覺可以輸入;搜索按鈕看上去應(yīng)該更像是個(gè)按鈕;不要把無關(guān)的東西在搜索按鈕邊上,它就應(yīng)該一個(gè)人待著!
原文:http://www.ikent.me/blog/1389
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
微信營銷的優(yōu)勢(shì) 青島輪胎網(wǎng)站設(shè)計(jì)公司 官網(wǎng)建設(shè) 色彩心理學(xué) 青島網(wǎng)站SEO 外貿(mào)網(wǎng)站設(shè)計(jì) IT資訊 頁面設(shè)計(jì) 企業(yè)建站 交互設(shè)計(jì) 輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) H5專題頁面 營銷策略 搜索引擎 手機(jī)端的網(wǎng)站 青島高端網(wǎng)站建設(shè)公司哪家好 HTML5 青島網(wǎng)站案例 html和css 青島網(wǎng)站設(shè)計(jì)哪家好 網(wǎng)站的速度 新的元素 青島網(wǎng)站制作 網(wǎng)站視覺 扁平化設(shè)計(jì) 圖形網(wǎng)格 網(wǎng)站改版 網(wǎng)站規(guī)劃 網(wǎng)站建設(shè)的步驟有哪些