什么是功能設計？（解析搜索功能的3個(gè)階段） DATE: 2026-05-05 08:37:05
在之前的析搜好幾篇的文章中，我都提到了設計師如果想完成自我提升，個(gè)階就應該懂產(chǎn)品。什功索功但是計解設計師如何去跨越那條“鴻溝”，學(xué)習站在產(chǎn)品的析搜角度去構思設計，我卻很少提及。個(gè)階不是什功索功我高冷，故意賣(mài)關(guān)子，計解因為我也不是析搜很懂，所以也不敢亂說(shuō)。個(gè)階
最近我接到一個(gè)需求，什功索功是計解給一個(gè)后管系統做搜索??功能。在做的析搜過(guò)程中，我發(fā)現了搜索功能對于設計師學(xué)習產(chǎn)品可以起到一個(gè)很好的引導作用。
搜索功能的作用搜索功能的出現追根溯源上來(lái)說(shuō)是因為現在一款產(chǎn)品所包含的內容太多了，特別是阿里的產(chǎn)品。
內容越多??，用戶(hù)的學(xué)習成(′；ω；`)本也越大。用戶(hù)使用你(???)的產(chǎn)品，他們希望越簡(jiǎn)單越好，越容易上手越好。自己(′_｀)可以快速而又準確的找到期望的功能或內容是用戶(hù)的目標。所以從這個(gè)角度來(lái)說(shuō)，搜索功能的出(′?ω?`)現勢在必行。
那么為什么我建議設計師給自己的產(chǎn)品做一個(gè)搜索功能呢？因為通過(guò)建立搜索功能可以幫助你了解你現在所負責的這款產(chǎn)品里究竟有哪些東西。
其實(shí)很多(′ω｀)設計師工作的時(shí)間也蠻久的，??但是對于其產(chǎn)品所包含的內容和功能可(ke)能還不能完全吃透。 口口聲聲說(shuō)要懂得產(chǎn)品，但是連產(chǎn)品里究竟有哪些東西都不知道，其實(shí)想想挺無(wú)厘頭的。
舉一個(gè)例子，你在微信中搜索“邁克爾杰克(◎_◎;)遜”，搜索結果會(huì )出現名稱(chēng)中帶有邁克爾杰克遜的群聊／好友，關(guān)注的公眾號，聊天記錄，還有收藏記錄。當你點(diǎn)開(kāi)更多，你還會(huì )看到關(guān)于邁克爾杰克遜的新聞資訊，表情包，音樂(lè )，朋友圈等。如果你剛使用微信不久，通過(guò)這個(gè)搜索結果你就會(huì )對微信可以提供的服務(wù)有(you)了大致的了解。??所以說(shuō)通過(guò)建立搜索功能可以幫助你很好的了解一款產(chǎn)品。
搜索功能的三個(gè)階段知道了搜索功能的必要性，??接ヽ(′▽?zhuān)?ノ下來(lái)我們真正的開(kāi)始去進(jìn)入搜索功能的設計階段。
其實(shí)談到搜索功能設計，很ヽ(′▽?zhuān)?ノ多人會(huì )想到搜索框設??計。搜索框可能是搜索功能一個(gè)最主要的展現形式。但是搜索功能里學(xué)問(wèn)遠不止是簡(jiǎn)單的搜索框可以概括的，一個(gè)完整的搜(′?｀)索功能/流程應該由以下三個(gè)方面/(′?｀)階??段組成：
（打開(kāi)）搜索框信息錄入搜索結果展示搜索框搜索框的設計我覺(jué)得有三點(diǎn)需要我們注意。
第一，不同的產(chǎn)品對于搜索框的展示方式存在差異。有的產(chǎn)品搜索框直接就放在界面上方，用戶(hù)可以直接進(jìn)入信息錄入階段。
但是(//ω//)有的產(chǎn)品的搜索框需要你點(diǎn)擊放大鏡按鈕彈出。
前者的好處就是用戶(hù)隨時(shí)看到搜索框，使用起來(lái)也方便。而后者的優(yōu)勢在于占據更少(shao)的空間，適合(he)實(shí)現產(chǎn)品迭代期的搜索功能需求。
例如，在工作中我們會(huì )經(jīng)常遇到突發(fā)奇想的領(lǐng)導，他們哪天一開(kāi)心拍板說(shuō)，不如我們在這個(gè)界面里加一個(gè)搜索功能吧。而這個(gè)界面可能已經(jīng)放不下一個(gè)搜索框了，所以只能放一個(gè)搜索框的入口——放大鏡圖標。
第二，用戶(hù)需要查找的內容可能屬于不同的類(lèi)別。以UI中國為例，用戶(hù)可能需要查找的是一位設計師??，一篇文章或者一個(gè)插畫(huà)作品。在這種情況下，我們┐(′?｀)┌需要在搜索框的左邊給用戶(hù)提供了一個(gè)下拉列表給他們去選擇查找期望的內容類(lèi)別。
當然并不一定非要放在搜索框左邊，微信這種分類(lèi)樣式也很出彩。
最( ?ヮ?)后一個(gè)需要我們注意的是搜索框的設計風(fēng)格應該和產(chǎn)品里其他的輸入框保持一致，不能你這里的輸入框帶有圓角，而那里的是直角。這種比較低級的錯誤我們不要犯。
信息錄入信息錄入目前來(lái)說(shuō)最常見(jiàn)的就是文字錄??入，不過(guò)現在我們也開(kāi)始看到新興的錄入方式：語(yǔ)音錄入和圖片錄入(′ω｀)。
語(yǔ)音錄入我們最熟悉的???產(chǎn)品就是一些音樂(lè )播放軟件還有外語(yǔ)詞典，比如qq音樂(lè )或(/ω＼)者網(wǎng)易云音樂(lè )。用戶(hù)想聽(tīng)一首歌，可ヽ(′ー｀)ノ以直接輸入歌曲名，但是(shi)不知道歌名的情況下，可以通過(guò)語(yǔ)音的形式完成歌曲信息的錄入。
而使用圖片完成信息錄入的一個(gè)比較典型的例子就是淘寶的拍立淘，用戶(hù)可以拍??下心(xin)儀產(chǎn)品的照片，系統就會(huì )給你匹配相似的商品，非常方便。從這點(diǎn)來(lái)看，設計師必須要時(shí)刻掌握最ヽ(′?｀)ノ新的科技信息，要不然很容(rong)易就被淘汰。
但是淘寶和京東選擇的(de)卻是另一種布局方式。這種布局方式可以展示更多(╬?益?)的信息。這迎合了電商產(chǎn)品的一個(gè)目標，但是無(wú)法完成單條記錄的刪減，這在我看來(lái)影響不是很大。
此外為了更方便用戶(hù)操作，我們還可以在用戶(hù)錄入階段給用戶(hù)以自動(dòng)提示。這樣可以節省用戶(hù)的操作時(shí)間，避免打錯字
搜索結果當然用戶(hù)還可以通過(guò)tab切換的形式選擇合適的內容類(lèi)別。
有的情況下搜索結果過(guò)多，(°ロ°) !而用(′ω｀)戶(hù)又沒(méi)有時(shí)間一個(gè)個(gè)的去看。我們可以引入篩選器來(lái)幫助用戶(hù)在短時(shí)間內找到期望的內容，不要花時(shí)間去翻頁(yè)或者滑動(dòng)查找。
剛才說(shuō)的都是搜索結果過(guò)多的情況下應該怎么辦。我們還應該考慮的??是搜索結果為零的時(shí)候，我們如何給用戶(hù)設計合??適的空頁(yè)面。
現在一些搜索(′；ω；`)結果是通過(guò)??加載一個(gè)新的頁(yè)面來(lái)展示的，如果我們不ヾ(′▽?zhuān)??給用戶(hù)說(shuō)清楚。用戶(hù)會(huì )誤以為( ?ヮ?)是網(wǎng)絡(luò )原因導致頁(yè)面加載失敗而不是搜索不到你想要的商品。所以空頁(yè)面設計的一個(gè)重點(diǎn)要向用戶(hù)解釋清楚原因，讓用戶(hù)知道為什么沒(méi)有加載(′?｀*)出信息。
總結以上就是我對搜索功能的一些總結，肯定還有很多??知識點(diǎn)沒(méi)有涉及到，希望各位看完以后能夠有所收獲，多提??意見(jiàn)。