PC端產品的搜索設計如何做?
最近在公司剛做完搜索設計優化,在這分享一下搜索設計的體驗,老鳥看完求指點,新人看了望共勉。搜索的技術與算法不談,因為不懂。
1.0 搜索的必要性
用戶使用搜索情況:
1.1 自我主導——一個典型的調查回復“我不希望按照他們希望的方式瀏覽整個網站,我只想找到我想要的東西?!边@也是樓主在很多電商網站直奔搜索框的原因。
1.2 “逃生口”——只想找個地方點擊一下(但求頁面變化不大),尤其是通過瀏覽找不到想要的東西的時候。只想找一個“逃生口”釋放百無聊賴的壓迫感。
2.0 搜索的目的
搜索框設計目的,協助用戶快速找到想要的東西。
3.0 搜索入口
良好的入口,良好的用戶指引,為用戶快速找到搜索框所在的位置。要顯眼,但又不能占過多的比重。畢竟不是專業的搜索網站。頁內搜索很多時候也是輔助性的存在(部分網站還是沒有的)。
搜索展示的位置——根據自己的網站不同只能自己慢慢體驗最佳效果,并不是說要放在左邊或者啥的。
搜索展示的形式—— 可以只出現一個“放大鏡”,點擊后便展示搜索框出來。也可以搜索框一同顯示出來。基本來說都是根據自己的需求來定義。
點擊后,入口的設計樣式很多種,根據自己的“口味”來就好。下面介紹一些常見的入口樣式:
如圖1,最簡單的一種,就一個搜索框。獲取光標的時候,會有一個下拉框鏈接選擇?;径际腔跓衢T或者最優產品鏈接推薦給用戶方便快速獲取。用戶只要輸入想要輸入的內容,回車即可實現搜索。這個默認全部搜索,不給用戶增加負擔。但技術層面與服務器方面相對會增加壓力,對于用戶這“關我鳥事啊”。所以要解決困難,給用戶最優的體驗。
如圖2,與圖1相比較多了一個搜索范圍的選擇,里面的選擇是什么鬼知道,總體來說增加了用戶的認知性,又要去選擇(討厭,真煩?。R话阌脩艉苌贂c擊選擇,只有找不到想要的內容時,若還不離開網站,才會去選擇范圍。默認all的話還好,較多的網站基本沒有all,下面全部是細分的版塊,搜索成功率嚴重降低。把用戶這么揮霍真是任性。
如圖3,與圖2相比選擇的模塊為可見性,但還是要去選擇。信息量大幾乎都是這樣的的Title 與 keyword 一起展示。整體來說用戶指引還是比較好,但缺少一個all。并不是樓主對all有強被迫癥,而是用戶搜不到,就離開了。(嗚呼哀哉,嗚呼哀哉?。。。?/p>
4.0 搜索跳轉頁
跳轉頁,要跳到一個獨立的搜索頁面——因為這是搜索頁。有些與其他模塊下的頁面共用,真心惡心(這也是一些技術不到位,分模塊搜索的緣故)。技術與服務器又要跑出來說的啥了,可用戶一句回絕“管我鳥事!”。
5.0 搜索結果
第一頁的內容非常重要,第一頁的內容非常重要,第一頁的內容非常重要,因為幾乎沒人去點擊下一頁并查看內容。找不到人都直接走掉了。內容展示的數量很關鍵,我會滾動鼠標,但拒絕點擊事件的發聲。相對點擊,滾動更簡單。
基本要有的東西如圖4:置頂搜索框、Title、數量、排序、內容、分頁。
6.0 總結:
搜索設計,網頁最初出現的時候就有了,設計在不斷的更新變化中(在進步,呵呵?。。。?,用戶的使用熟練度卻在不斷的下降(輸入內容——>結果),沒結果沒想要的內容就走人已經是慣性了。那么在設計的時候,怎么辦?我們要知人心,懂任性。路漫漫其修遠兮,吾將上下而求索。加油吧,少年!
本文由 @Aloong 原創發布于人人都是產品經理?,未經許可,禁止轉載。
沒啥營養啊
建議先了解你說的不懂的技術
毫無質量可言