技術(shù)資訊
空搜索如何設(shè)計(jì)?
2009-04-13 10:17:00
題續(xù)上篇,繼續(xù)說說關(guān)于搜索的設(shè)計(jì)。
下午的時(shí)候群里一個(gè)童鞋列出了一些電子商務(wù)網(wǎng)站對于空搜索的處理結(jié)果,然后引發(fā)了一個(gè)關(guān)于空搜索處理的討論。這里,空搜索指的是:不在搜索框里輸入任何內(nèi)容,直接點(diǎn)擊搜索按鈕。
可以肯定的是,造成空搜索的用戶的比例應(yīng)該不大,主要是誤操作,當(dāng)然也不排除向我這樣的探索者。但是作為電子商務(wù)網(wǎng)站用戶體驗(yàn)的一部分,這個(gè)地方必須要考慮到。
我們先來看看主流電子商務(wù)網(wǎng)站的處理結(jié)果(這里不需要討論搜索引擎的返回結(jié)果,因?yàn)樗褪亲鏊阉鞯模瑳]有也沒必要去給你推送什么其他的內(nèi)容):
阿里巴巴中國站;彈出提示框“請輸入產(chǎn)品名稱”,點(diǎn)擊確定后沒有任何反應(yīng)
慧聰;彈出提示框“請輸入查詢內(nèi)容”,點(diǎn)擊確定后光標(biāo)落在輸入框內(nèi)“輸入你感興趣的內(nèi)容”后面
百度有??;跳轉(zhuǎn)到查看所有分類頁面
淘寶;跳轉(zhuǎn)到查看所有分類頁面
拍拍;跳轉(zhuǎn)到查看所有分類頁面
卓越;跳轉(zhuǎn)到搜索結(jié)果頁面,提示找到0條搜索結(jié)果
亞馬遜;刷新一次頁面
從結(jié)果上看,主要分為4類:彈出窗口提示、跳轉(zhuǎn)到列表頁、顯示0條搜索結(jié)果、刷新一次頁面。那么,哪個(gè)網(wǎng)站的設(shè)計(jì)的用戶體驗(yàn)最爽呢?
前幾天我正好對網(wǎng)站搜索部分做了一次改版,采取的是優(yōu)化了的彈窗形式:彈出窗口提示輸入關(guān)鍵詞,該窗口自動在3秒內(nèi)關(guān)閉,關(guān)閉后光標(biāo)被移動到搜索輸入框內(nèi),且框內(nèi)原先的提示信息被清除掉,彈窗的位置控制在離搜索框很近的位置,目的在于不要造成寬屏用戶的鼠標(biāo)長途奔襲。
于是我最開始的時(shí)候傾向與這種結(jié)果的返回。出發(fā)點(diǎn)是在于對于用戶的誤操作給出善意的提醒,同時(shí)盡最大可能不給用戶造成額外的負(fù)擔(dān)。
洗澡的時(shí)候突然覺得這樣的做法有點(diǎn)不符合老大經(jīng)常教導(dǎo)我的“產(chǎn)品要和運(yùn)營掛鉤”的原則。應(yīng)該盡最大的努力展示網(wǎng)站的內(nèi)容給我的用戶,同時(shí)想辦法引導(dǎo)他們?nèi)c(diǎn)擊去使用,那么,從這個(gè)角度來看,淘寶、拍拍的做法應(yīng)該是合理的。
擦干身子抽了顆煙,覺得這樣似乎也不是很妥,于是找wkcow討教了一下,被點(diǎn)醒了,其實(shí)最好的用戶體驗(yàn)設(shè)計(jì)應(yīng)該是亞馬遜。
首先,空搜索既然是用戶的誤操作就需要給用戶一些提醒,那么沒有任何反應(yīng)的設(shè)計(jì)必然是錯誤的,因?yàn)橛脩艨吹經(jīng)]動,可能認(rèn)為是網(wǎng)站出問題了,這種設(shè)計(jì)是最最傻的;其次,對于彈出窗口的設(shè)計(jì)用戶是不愿意去等待那3秒的,那么就必須要點(diǎn)一次確定,這樣就多了一次交互,還是給用戶增加了負(fù)擔(dān),且在設(shè)計(jì)上要考慮彈出窗口的位置、光標(biāo)的位置的問題,這種設(shè)計(jì)事實(shí)上很累也很傻;第三,返回列表頁的設(shè)計(jì)是想給用戶推送一些其他的內(nèi)容,但是實(shí)際上用戶是不會理睬這些內(nèi)容的,且這個(gè)結(jié)果改變了用戶的初衷,更改了最簡單的流程。
亞馬遜的設(shè)計(jì)恰恰是一個(gè)最最正常的流程,不需要交互、不需要解釋,就是一個(gè)簡單的刷新已經(jīng)告訴了用戶很多信息:點(diǎn)擊搜索按鈕,網(wǎng)址執(zhí)行了該操作,但你輸入的是空白,我也就給你一個(gè)空白的結(jié)果(這里,卓越跳轉(zhuǎn)到搜索結(jié)果頁,且提示搜索結(jié)果為0的做法是一個(gè)很不人性化的機(jī)械的執(zhí)行用戶操作的傻設(shè)計(jì))。
把這次的探討總結(jié)成一句話共勉:注重用戶體驗(yàn),就需要盡可能的減少交互,不給用戶增加不必要的負(fù)擔(dān)!
Update:發(fā)布的5G之后,老白和白鴉給出2種更優(yōu)化的方法;
之一:干嘛要刷新頁面? 這不還是讓人和機(jī)器交互了一次嗎,萬一頁面大這個(gè)刷新的成本有多少? 就讓他點(diǎn)了以后輸入框做個(gè)簡單的提醒(比如輸入框的光標(biāo)出現(xiàn),或者輸入框的顏色閃動等小到有那么有點(diǎn)反應(yīng)即可),不行嗎?
之二:沒有空搜索,搜索欄默認(rèn)熱詞,光標(biāo)過去立即清空,等待用戶錄入同時(shí)提供下拉備選。
誰還有更好的方法?歡迎探討。
幻風(fēng)閣|kent.zhu'sBlog - http://www.ikent.me/blog/1404
近期更新
- [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ā)——移動端傳播利器
- [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] 移動互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2015-12-01 10:37:20] 網(wǎng)站搜索引擎優(yōu)化的流程及教程
- [2011-09-11 13:12:39] 如何向有道youdao提交網(wǎng)站地圖
- [2016-09-23 23:07:00] 搜索引擎訪問網(wǎng)站返回碼
- [2019-06-27 10:31:07] 如何提高網(wǎng)站打開速度呢?
- [2013-10-12 00:25:14] 百度搜索結(jié)果新聞description錯誤
- [2011-09-11 13:11:32] 如何向搜狗sogou提交網(wǎng)站地圖
- [2014-11-06 10:48:40] 八個(gè)優(yōu)秀的圖片和圖標(biāo)的搜索引擎
- [2012-07-27 09:48:19] 搜索引擎網(wǎng)站提交入口
- [2011-10-18 11:26:58] 快照又回到以前的了,是什么情況?是被降權(quán)嗎?幫您分析下
- [2011-11-10 22:50:26] 如何向ASK提交網(wǎng)站地圖?(附帶谷歌/雅虎/百度/必應(yīng)/ASK等入口)
- [2011-11-10 21:21:10] 如何向谷歌提交網(wǎng)站地圖?(附帶百度/雅虎/google/必應(yīng)/ASK等入口)
- [2011-09-11 13:08:27] 如何向搜搜soso提交網(wǎng)站地圖
解決方案
輪胎行業(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)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島網(wǎng)站營銷 集團(tuán)公司網(wǎng)站建設(shè) 網(wǎng)站策劃 SEO優(yōu)化 青島做網(wǎng)站多少錢 官網(wǎng)網(wǎng)站建設(shè) 膠南網(wǎng)站建設(shè)公司 青島好的網(wǎng)站優(yōu)化公司 力圖 青島網(wǎng)站優(yōu)化 網(wǎng)站推廣 用戶界面 舒適的界面 青島網(wǎng)頁設(shè)計(jì) 審美 網(wǎng)站建設(shè)的步驟有哪些 蘋果系統(tǒng) 青島flash網(wǎng)站 色彩心理學(xué) 輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)資訊 青島網(wǎng)站案例 搜索引擎蜘蛛 中小型企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站制作 企業(yè)網(wǎng)站建設(shè) 圖形網(wǎng)格 良好的導(dǎo)航 青島黃島、紅島網(wǎng)站建設(shè)公司 新的元素