JavaShuo
欄目
標籤
把搜索框還給搜索
時間 2020-02-09
標籤
搜索
還給
简体版
原文
原文鏈接
一、搜索框的意義
用戶老是和你想的不同,用戶不少時候是不會按照你設定的導航走的,他們更多的時候是上來就直接輸入關鍵字進行搜索。對於購物者而言,若是清楚的知道想要什麼,他們會很明確的使用搜索框,這種狀況下購物者顯示出了明確的購物意圖,所以搜索框可以把該意圖轉變爲真實的購買行爲。來自Fast Search的數據顯示,30%的購物者進入電子商務網站後會馬上使用搜索框,超過30%的人經過導航沒有找到須要的物品後轉而使用搜索框。
若是一個網站沒有足夠合理的信息架構體系,那麼搜索引擎不只僅是有幫助性的,甚至是相當重要的設計功能。有可能比網站的導航更對用戶有幫助。事實上,搜索是用戶瞭解在一些綜合性網站內容最直接有效的方式。最好的搜索設計就是給用戶提供一個簡簡單單的搜索框在頁面顯眼固定的位置上,但卻有強力搜索的能力和範圍寬 廣的功能。
因此,若是你的網站沒有足夠清晰的信息架構體系,那麼,請把你的搜索框還給搜索,不要再試圖去綁架你的搜索框!
二、被綁架的搜索框
http://www.zghzp.com/
不能否認,右側的背景很美,可是我是來搜索的不是來欣賞圖片的,這個背景搞的我都不知道這個搜索還有上面的頻道切換是否是能夠點擊了(我試圖去點擊新版上線,未果)。這個設計的用戶體驗差及了。
http://www.shtimber.com/
搜索跟留言板有什麼關係?搞個留言板的按鈕跟搜索放在一塊兒是什麼邏輯?這讓我在想搜索的時候很不爽
http://cn.china.cn/
這個很讓我無語,在搜索按鈕後面補個按鈕就罷了,竟然還來個比搜索按鈕還大2倍多的按鈕……
http://b2b.hc360.com
這個大概是我見過的最無語的搜索框了。想不清楚爲何如今還有設計師會把「設爲首頁」、「收藏本頁」這樣的功能擺出來,並且是擺在搜索框上。
http://www.8035.com/
對於這個,首先視覺徹底被放在了那2個「新」、「熱」上去了,壓根沒有想着點前面的東西了;不知道爲何要把這2個東西擺在搜索按鈕的後面,還有,這麼長的搜索框是不是在告訴我,大家網站的東西很難找,須要很長的關鍵詞呢?
如今不少網站都傾向於搞一個這樣會閃的gif圖片來突出某些內容,我習慣把這些東西叫小螞蟻。有的網站搞的很誇張,這小螞蟻長的胖的出奇,用戶的吸引力徹底都放在了那隻胖螞蟻上,根本沒有想着胖螞蟻前面的東西;有的網站以爲每一個欄目都須要突出因而每一個欄目上都搞個「新」、「熱點」,最後的結果就是整個網站看着就像個螞蟻窩。我的以爲要想用這個小玩意贏得好的用戶體驗,至少要保證3點:小、簡、少。小,不至於讓我感受感受突兀;簡,能表達意思就能夠了;少,不至於搞的我想點了不知道點哪裏。
三、把搜索框還給搜索
把搜索框還給搜索!搜索就是搜索,不要給搜索背上太多的東西。一個搜索頻道、一個搜索輸入框、一個搜索按鈕這樣就已經足夠多了,再多一點搜索框都會受不了!固然,你也可讓你的搜索框更精簡,精簡到只有一個搜索框。 把搜索叫搜索!搜索的位置要明顯到用戶第一眼就能看到且隨時可以找到;輸入框應該讓用戶感受能夠輸入;搜索按鈕看上去應該更像是個按鈕;不要把無關的東西在搜索按鈕邊上,它就應該一我的待着!
相關文章
1.
搜索搜索搜索搜索
2.
搜索框
3.
win10搜索框
4.
weui 搜索框
5.
iOS搜索框
6.
input搜索框的搜索功能
7.
搜索框實時輸入搜索
8.
微信搜一搜將開放搜索入口給搜狗搜索
9.
搜索框佈局
10.
Haystack搜索框架
更多相關文章...
•
SEO - 搜索引擎優化
-
網站建設指南
•
PHP 實例 - AJAX 實時搜索
-
PHP教程
•
再有人問你分佈式事務,把這篇扔給他
•
☆技術問答集錦(13)Java Instrument原理
相關標籤/搜索
搜索
搜索系列
搜索 ex-BFS
搜索算法
搜索引擎
垂直搜索
人肉搜索
人肉搜索?
搜搜
MyBatis教程
SQLite教程
Hibernate教程
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
「插件」Runner更新Pro版,幫助設計師遠離996
2.
錯誤 707 Could not load file or assembly ‘Newtonsoft.Json, Version=12.0.0.0, Culture=neutral, PublicKe
3.
Jenkins 2018 報告速覽,Kubernetes使用率躍升235%!
4.
TVI-Android技術篇之註解Annotation
5.
android studio啓動項目
6.
Android的ADIL
7.
Android卡頓的檢測及優化方法彙總(線下+線上)
8.
登錄註冊的業務邏輯流程梳理
9.
NDK(1)創建自己的C/C++文件
10.
小菜的系統框架界面設計-你的評估是我的決策
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
1.
搜索搜索搜索搜索
2.
搜索框
3.
win10搜索框
4.
weui 搜索框
5.
iOS搜索框
6.
input搜索框的搜索功能
7.
搜索框實時輸入搜索
8.
微信搜一搜將開放搜索入口給搜狗搜索
9.
搜索框佈局
10.
Haystack搜索框架
>>更多相關文章<<