中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術設計 > 設計理論 > 空搜索如何設計?
tab(標簽)在使用時的禁忌 回到列表 把搜索框還給搜索
 空搜索如何設計?

作者:kent.zhu 時間: 2009-04-14 文檔類型:轉載 來自:幻風閣|kent.zhu’sBlog

題續(xù) 上篇,繼續(xù)說說關于搜索的設計。

下午的時候群里一個童鞋列出了一些電子商務網(wǎng)站對于空搜索的處理結果,然后引發(fā)了一個關于空搜索處理的討論。這里,空搜索指的是:不在搜索框里輸入任何內容,直接點擊搜索按鈕。

可以肯定的是,造成空搜索的用戶的比例應該不大,主要是誤操作,當然也不排除向我這樣的探索者。但是作為電子商務網(wǎng)站用戶體驗的一部分,這個地方必須要考慮到。

我們先來看看主流電子商務網(wǎng)站的處理結果(這里不需要討論搜索引擎的返回結果,因為它就是做搜索的,沒有也沒必要去給你推送什么其他的內容):

  •  阿里巴巴中國站;彈出提示框“請輸入產(chǎn)品名稱”,點擊確定后沒有任何反應
  • 慧聰;彈出提示框“請輸入查詢內容”,點擊確定后光標落在輸入框內“輸入你感興趣的內容”后面
  • 百度有;跳轉到查看所有分類頁面
  • 淘寶;跳轉到查看所有分類頁面
  • 拍拍;跳轉到查看所有分類頁面
  • 卓越;跳轉到搜索結果頁面,提示找到0條搜索結果
  • 亞馬遜;刷新一次頁面

從結果上看,主要分為4類:彈出窗口提示、跳轉到列表頁、顯示0條搜索結果、刷新一次頁面。那么,哪個網(wǎng)站的設計的用戶體驗最爽呢?

前幾天我正好對網(wǎng)站搜索部分做了一次改版,采取的是優(yōu)化了的彈窗形式:彈出窗口提示輸入關鍵詞,該窗口自動在3秒內關閉,關閉后光標被移動到搜索輸入框內,且框內原先的提示信息被清除掉,彈窗的位置控制在離搜索框很近的位置,目的在于不要造成寬屏用戶的鼠標長途奔襲

于是我最開始的時候傾向與這種結果的返回。出發(fā)點是在于對于用戶的誤操作給出善意的提醒,同時盡最大可能不給用戶造成額外的負擔。

洗澡的時候突然覺得這樣的做法有點不符合老大經(jīng)常教導我的“產(chǎn)品要和運營掛鉤”的原則。應該盡最大的努力展示網(wǎng)站的內容給我的用戶,同時想辦法引導他們去點擊去使用,那么,從這個角度來看,淘寶、拍拍的做法應該是合理的。

擦干身子抽了顆煙,覺得這樣似乎也不是很妥,于是找 wkcow 討教了一下,被點醒了,其實最好的用戶體驗設計應該是亞馬遜。

首先,空搜索既然是用戶的誤操作就需要給用戶一些提醒,那么沒有任何反應的設計必然是錯誤的,因為用戶看到?jīng)]動,可能認為是網(wǎng)站出問題了,這種設計是最最傻的;其次,對于彈出窗口的設計用戶是不愿意去等待那3秒的,那么就必須要點一次確定,這樣就多了一次交互,還是給用戶增加了負擔,且在設計上要考慮彈出窗口的位置、光標的位置的問題,這種設計事實上很累也很傻;第三,返回列表頁的設計是想給用戶推送一些其他的內容,但是實際上用戶是不會理睬這些內容的,且這個結果改變了用戶的初衷,更改了最簡單的流程。

亞馬遜的設計恰恰是一個最最正常的流程,不需要交互、不需要解釋,就是一個簡單的刷新已經(jīng)告訴了用戶很多信息:點擊搜索按鈕,網(wǎng)址執(zhí)行了該操作,但你輸入的是空白,我也就給你一個空白的結果(這里,卓越跳轉到搜索結果頁,且提示搜索結果為0的做法是一個很不人性化的機械的執(zhí)行用戶操作的傻設計)。

把這次的探討總結成一句話共勉:注重用戶體驗,就需要盡可能的減少交互,不給用戶增加不必要的負擔!

Update:發(fā)布的5G之后,老白和白鴉給出2種更優(yōu)化的方法;

  • 之一:干嘛要刷新頁面?   這不還是讓人和機器交互了一次嗎,萬一頁面大這個刷新的成本有多少? 就讓他點了以后輸入框做個簡單的提醒(比如輸入框的光標出現(xiàn),或者輸入框的顏色閃動等小到有那么有點反應即可),不行嗎?
  • 之二:沒有空搜索,搜索欄默認熱詞,光標過去立即清空,等待用戶錄入同時提供下拉備選。

誰還有更好的方法?歡迎探討。

原文:http://www.ikent.me/blog/1404

本文鏈接:http://m.95time.cn/design/doc/2009/6617.asp 

出處:幻風閣|kent.zhu’sBlog
責任編輯:bluehearts

相關文章 更多相關鏈接
tab(標簽)在使用時的禁忌
把搜索框還給搜索
從通用提示中提升用戶體驗
雅虎音樂的改版
15個網(wǎng)站用戶體驗優(yōu)化禁忌
作者文章
把搜索框還給搜索
關鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設計
培養(yǎng)用戶的使用習慣
優(yōu)秀名片設計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾

藍色理想版權申明:除部分特別聲明不要轉載,或者授權我站獨家播發(fā)的文章外,大家可以自由轉載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權歸我站和作者共有。

轉載要求:轉載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯(lián)系,版權歸原作者所有,文章若有侵犯作者版權,請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內容無關的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關法律法規(guī)
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權保留或刪除其管轄評論中的任意內容
·您在本站發(fā)表的作品,本站有權在網(wǎng)站內轉載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設計》
犀利開發(fā)—jQuery內核詳解與實踐
作品集 更多內容

雜⑦雜⑧ Gold NORMANA V2