發(fā)布時間:2024-04-13 20:06:53 瀏覽量:232次
搜索對于一個互聯(lián)網(wǎng)產(chǎn)品來說,看起來是個小功能,能搜出東西就行,但是其實是一個很細(xì)致的功能,甚至有可能形象到產(chǎn)品內(nèi)的轉(zhuǎn)化。
最近在優(yōu)化上線的app,發(fā)現(xiàn)搜索框其實是一個很細(xì)致的東西,在做電商項目和用戶溝通的時候,很多用戶覺得這個APP或者小程序不好用,很大程度是因為搜索不到自己想要的東西。
我需要的是蘋果,搜索后你給我的結(jié)果是梨子。這就會讓用戶覺得很困擾,并且會想這個平臺到底有沒有我需要的東西。如果多次搜索結(jié)果都是達(dá)不到預(yù)期,用戶很有可能會放棄這個產(chǎn)品。
所以搜索功能其實并不小,甚至有可能影響到業(yè)務(wù)轉(zhuǎn)化數(shù)據(jù),并不是說能有這個功能就可以了。
以下的思維導(dǎo)圖為思考的方向。
以淘寶為例,點擊搜索框后輸入內(nèi)容,搜索框下方會實時顯示內(nèi)容相關(guān)的條目,并且會補(bǔ)充搜索關(guān)鍵字。
進(jìn)行了第一部根據(jù)關(guān)鍵字的搜索后,跳轉(zhuǎn)到新的頁面,才能進(jìn)行更細(xì)致的分類搜索。
實時搜索出的內(nèi)容會根據(jù)關(guān)鍵字進(jìn)行補(bǔ)充,沒有對具體商品的機(jī)型、品牌進(jìn)行預(yù)分類。
淘寶的首頁的搜索框無論是點擊搜索框還是搜索按鈕,最后都會跳轉(zhuǎn)到新的頁面,也就是說,兩者其實是相同的功能,引導(dǎo)搜索。
按照視覺動線來說,輸入內(nèi)容后,更多人會選擇會點擊下方的顯示條目,而不是搜索按鈕。
搜索按鈕的功能性被弱化,淘寶的搜索更多是為了補(bǔ)充搜索內(nèi)容的信息,進(jìn)行更精準(zhǔn)的定位。
電商平臺的產(chǎn)品會有一個很明顯的特稱,產(chǎn)品的名稱或者簡介都會有很多的關(guān)鍵字,有時候一個商品名可能長達(dá)30個字,目的就是為了用戶搜索的時候可以能夠根據(jù)關(guān)鍵字搜到商品,所以一個商品的關(guān)鍵字足夠多,那么被搜到的概率就會提升。
這種實時并補(bǔ)充關(guān)鍵字的設(shè)計個人認(rèn)為很大程度上就是為用戶去篩選長名稱的商品,而且給用戶提供具體的性別信息,設(shè)計取向,從而減少用戶的時間成本。
而且全局搜索的種類繁多,一個商品可能會有多個分類屬性,因為進(jìn)行了商品定位后,在進(jìn)行商品分類,得出的搜索結(jié)果會更讓用戶滿意。
建議像電商、應(yīng)用商城等這些有較多的分類,較多商品的應(yīng)用,適用這種搜索模式,一步步引導(dǎo)用戶做精準(zhǔn)的搜索,如果搜索不到相應(yīng)內(nèi)容,也應(yīng)該給出提示,說你想要的蘋果我們這里沒有賣,建議你看一下梨子。
而不是把梨子放出來說,你愛要就要,不要這里你也搜不到。
以微信為例,首頁的搜索并非完全實時,會區(qū)分為兩個模塊,一個模塊是該賬戶關(guān)注的內(nèi)容,以及聊天信息,朋友圈等實時顯示,另一部分為未關(guān)注的內(nèi)容等需要點擊“搜一搜”跳轉(zhuǎn)到另一個頁面顯示。
微信首頁的搜索不僅僅針對用戶本身產(chǎn)生行為的內(nèi)容,也就是進(jìn)行聊天、關(guān)注后的內(nèi)容,而且也針對其他用戶產(chǎn)生的內(nèi)容。
首頁的搜索內(nèi)容包括朋友圈、文章、公眾號、小程序、音樂、表情,而被分類的內(nèi)容包括關(guān)注的公眾號、聊天記錄等等。
個人認(rèn)為將這些內(nèi)容進(jìn)行模塊分類的原因,其一是方便用戶查找信息,很多時候我們查找自己行為產(chǎn)生的信息,其實已經(jīng)定位過我是在哪里看到的,比如是公眾號的某一段,比如是聊天的時候的信息;其二是因為它并沒有像商品一般有過長的條目,搜索的內(nèi)容并不需要曝光量,而是用戶自己的行為,用戶需要找到因為自己的行為而產(chǎn)生的內(nèi)容,或許是進(jìn)行二次分享,或許是進(jìn)行查看等操作。
從圖上我們能更明顯的看到,微信對比淘寶,它連搜索按鈕都沒有給到,而是直接在下方給予搜一搜的入口,搜索框后面是“取消”功能,點擊取消后可以直接跳轉(zhuǎn)到上一個頁面。取消按鈕放在搜索框的后方,而且不顯眼,用戶一般很少會用到這個功能,因為視覺動線和視覺效果都并不引起用戶的關(guān)注。
試想一下我們會在社交產(chǎn)品里進(jìn)行搜索操作的時候會搜索什么?好友、聊天記錄、文章。也就是說,實時顯示里有的就是有了,沒有你就只能去搜索別的用戶產(chǎn)生的內(nèi)容。
根據(jù)視覺動線,下方的“搜一搜”入口其實是強(qiáng)化了搜索入口的視覺,而它在我個人看來,比起一個搜索按鈕,更像是一個搜索出來的內(nèi)容的標(biāo)題。
對于通信社交產(chǎn)品而言,搜索功能可能承載的需求并沒有那么的重要,不像電商一樣是一個轉(zhuǎn)化的入口,而這個搜索功能更像是一個目錄的存在,內(nèi)容都已經(jīng)寫好了,你把目錄找出來就可以看到對應(yīng)的內(nèi)容。
可能對于某些內(nèi)容輸出者而言這個功能還是挺有用的,比如可以找到對應(yīng)的公眾號或者文章,但是前提還是要讓用戶先知道有這篇東西,有這個公眾號。
所見即所得,所知即所查。
習(xí)慣了實時顯示這種搜索內(nèi)容顯示的方式之后,還是我第一次遇到非實時顯示搜索內(nèi)容的情況,比如需要搜索GOOGLE MAP的地址的時候,如果讀者有遇到其他有限制的情況歡迎評論~
輸入內(nèi)容后需要點擊搜索按鈕才可以顯示對應(yīng)的搜索內(nèi)容。
僅僅搜索用戶在地址簿上的內(nèi)容。
因為個人信息的問題這里就不貼圖了,但是個人認(rèn)為其實可以按照省/市的方式去進(jìn)行分類,像外貿(mào)的產(chǎn)品,一個用戶可能會有高達(dá)數(shù)十個地址,那么除了搜索功能之外,更容易定位到具體地址的方式就是按照地址所在區(qū)域進(jìn)行分類。
像這種搜索有限制的話,搜索按鈕的功能意義大于象征意義,輸入后必須要進(jìn)行搜索才可以得出內(nèi)容。
因此,在設(shè)計搜索功能交互的時候,最好去了解一下某些限制條件,避免需求完成后卻達(dá)不到想要的結(jié)果。
從圖上看功能意義大于象征意義的時候,搜索按鈕更應(yīng)該做一些突出顯示,現(xiàn)在的設(shè)計其實是不符合用戶體驗的,搜索按鈕僅僅是文字,而且為灰色,對于新用戶而言其實會造成一定的操作困擾,優(yōu)化方向可以使用品牌色將文字進(jìn)行按鈕化,其次可以把搜索放在搜索框的下方,而不是放在搜索框的后方。
既要做全局搜索,又要做局部搜索,個人認(rèn)為需要將局部搜索的入口放在特定的頁面,而不是將它放在同一個頁面,這樣會造成用戶的迷惑,兩個功能是否一樣?哪一個入口能夠滿足我的需求。
如果以WEB端為例的話,以下這個搜索就是一個錯誤的設(shè)計。
優(yōu)化方式可以把局部的搜索刪除,最上面的全局搜索如果在點進(jìn)了分類之后,搜索范圍與分內(nèi)的內(nèi)容自動適配。 也就是說,搜索框的范圍會隨著點擊的分類范圍而改變。
對應(yīng)有限制的搜索,如果不知道有這些限制的話,在測試的時候應(yīng)該盡早提出優(yōu)化方案,如果提前知道的話,更應(yīng)該配合設(shè)計去做一些界面上的優(yōu)化。
搜索功能的設(shè)計,搜索出來的內(nèi)容對于下一步的操作有著很重要的意義,搜索作為最容易得到結(jié)果的功能,如果操作步驟上有卡頓或者讓用戶感到迷茫,就會很容易造成流失。
最好的話,搜索功能可以進(jìn)行埋點,用數(shù)據(jù)去看搜索后到下一個頁面的轉(zhuǎn)化情況。數(shù)據(jù)驅(qū)動,可以得到更優(yōu)解,但是前提數(shù)據(jù)是較為準(zhǔn)確的情況。
搜索對于一個互聯(lián)網(wǎng)產(chǎn)品來說,看起來是個小功能,能搜出東西就行,但是其實是一個很細(xì)致的功能,甚至有可能形象到產(chǎn)品內(nèi)的轉(zhuǎn)化。功能雖小,作用很大,以上就是我對搜索功能的一些思考。
歡迎指正。
本文由 @Feng 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
熱門資訊
1. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 10個免費學(xué)習(xí)UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會。
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 設(shè)計中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
10. 武漢UI設(shè)計培訓(xùn)班費用怎么樣?想學(xué)UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎?不知道學(xué)UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓(xùn)班的學(xué)費價格以及學(xué)習(xí)內(nèi)容。
最新文章
同學(xué)您好!