在前面的文章中，我提到如果設(shè)計師想要完成自我改進(jìn)，他們應(yīng)該了解產(chǎn)品。但是，設(shè)計師如何跨越這種“差距”，從產(chǎn)品的角度學(xué)習(xí)設(shè)計，我很少提及。這不是我很冷，我故意賣它，因為我不太了解它，所以我不敢談?wù)撍?。最近我收到了為后期管道系統(tǒng)執(zhí)行搜索功能的請求。在這樣做的過程中，我發(fā)現(xiàn)搜索功能可以成為設(shè)計師學(xué)習(xí)產(chǎn)品的良好指南。

搜索功能的作用

搜索功能的出現(xiàn)可以追溯到這樣一個事實，即產(chǎn)品現(xiàn)在包含太多內(nèi)容，尤其是阿里的產(chǎn)品。

內(nèi)容越多，用戶學(xué)習(xí)的成本就越高。用戶使用您的產(chǎn)品，他們希望越簡單越好，就越容易上手。用戶的目標(biāo)是快速準(zhǔn)確地找到所需的功能或內(nèi)容。所以從這個角度來看，搜索功能的出現(xiàn)勢在必行。

那么為什么我建議設(shè)計師為他們的產(chǎn)品做搜索功能呢？因為構(gòu)建搜索功能可以幫助您了解您當(dāng)前負(fù)責(zé)的產(chǎn)品中的內(nèi)容。

事實上，許多設(shè)計師長期工作，但他們的產(chǎn)品的內(nèi)容和功能可能無法完全理解。我一直說我需要知道產(chǎn)品，但我甚至不知道產(chǎn)品中有什么。事實上，我認(rèn)為這是非常不合理的。

例如，如果您在微信上搜索“邁克爾杰克遜”，搜索結(jié)果將顯示與邁克爾杰克遜的群聊/朋友的名稱，公共興趣數(shù)，聊天記錄和最喜歡的記錄。當(dāng)您打開更多時，您還會看到有關(guān)邁克爾杰克遜，表情包，音樂，朋友等的新聞。如果您剛剛使用過微信，您將對微信可以通過此搜索結(jié)果提供的服務(wù)有一個大致的了解。因此，通過創(chuàng)建搜索功能，您可以幫助您更好地理解產(chǎn)品。

搜索功能的三個階段

知道了對搜索功能的需求，我們終于開始進(jìn)入搜索功能的設(shè)計階段。

事實上，在搜索功能設(shè)計方面，很多人都會想到搜索框設(shè)計。搜索框可能是最重要的搜索功能之一。但是在搜索功能中學(xué)習(xí)不僅僅是一個簡單的搜索框。完整的搜索功能/過程應(yīng)包括以下三個方面/階段：

1（打開）搜索框2信息輸入3搜索結(jié)果顯示

搜索框

搜索框的設(shè)計我認(rèn)為有三點需要我們關(guān)注。

首先，搜索框中不同產(chǎn)品的顯示方式存在差異。一些產(chǎn)品搜索框直接放置在界面上方，用戶可以直接進(jìn)入信息輸入階段。

但是有些產(chǎn)品搜索框要求您單擊放大鏡按鈕彈出。

前者的優(yōu)點是用戶可以隨時查看搜索框，使用方便。后者具有占用較少空間的優(yōu)點，適用于產(chǎn)品迭代的搜索功能要求。

例如，在工作中我們經(jīng)常遇到奇思妙想的領(lǐng)導(dǎo)者，他們有一個快樂的日子說，最好在這個界面中添加搜索功能。并且此界面可能無法放置搜索框，因此您只能放入搜索框條目——放大鏡圖標(biāo)。

其次，用戶需要查找的內(nèi)容可能屬于不同的類別。以UI China為例。用戶可能需要找到設(shè)計師，文章或插圖。在這種情況下，我們需要在搜索框的左側(cè)為用戶提供下拉列表，以選擇所需的內(nèi)容類別。

當(dāng)然，它不必放在搜索框的左側(cè)。微信的分類風(fēng)格也很好。

我們需要注意的最后一件事是搜索框的設(shè)計應(yīng)該與產(chǎn)品中的其他輸入框一致。您不能在輸入框中有圓角，但有一個直角。我們不應(yīng)該犯這樣一個相對低級的錯誤。

信息輸入

信息輸入是目前最常見的文本輸入類型，但現(xiàn)在我們也開始看到新興的輸入方法：語音輸入和圖像輸入。

語音輸入我們最熟悉的產(chǎn)品是一些音樂播放軟件和外語詞典，如qq音樂或網(wǎng)易云音樂。如果用戶想要收聽歌曲，他可以直接輸入歌曲名稱，但如果歌曲名稱未知，則可以通過語音輸入歌曲信息。

使用圖片完成信息錄入的典型例子是淘寶的寶麗來，用戶可以拍下自己喜歡的產(chǎn)品照片，系統(tǒng)會給你一個類似的產(chǎn)品，非常方便。從這個角度來看，設(shè)計師必須始終跟上最新的科技信息，否則他們將很容易被淘汰。

我們可以看到許多產(chǎn)品的搜索功能為用戶提供搜索和熱門搜索服務(wù)。某些搜索記錄和熱門搜索是通過下拉列表的樣式實現(xiàn)的。例如，了解

但淘寶和京東選擇了另一種布局。此布局可以顯示更多信息。這迎合了電子商務(wù)產(chǎn)品的目標(biāo)，但是不可能完成單個記錄的刪除，這在我看來并不是很重要。

另外，為了使用戶的操作更方便，我們還可以在用戶輸入階段給用戶提供自動提示。這節(jié)省了用戶的操作時間并避免了拼寫錯誤。

搜索結(jié)果

我搜索結(jié)果中最難的部分是如何顯示不同類型和級別的內(nèi)容。例如，如果您在支付寶中搜索賬單，搜索結(jié)果將包括與賬單相關(guān)的應(yīng)用程序，生命號和信息。為了區(qū)分，更高級別的應(yīng)用程序和生命號碼將以圖標(biāo)顯示。

當(dāng)然，用戶還可以通過標(biāo)簽切換來選擇適當(dāng)?shù)膬?nèi)容類別。

在某些情況下，搜索結(jié)果太多，用戶沒有時間逐個查看。我們可以引入過濾器，以幫助用戶在短時間內(nèi)找到他們正在尋找的內(nèi)容，并且不會花時間翻頁或滑動查找。

我剛才說的是如果搜索結(jié)果太多會發(fā)生什么。我們還應(yīng)該考慮在搜索結(jié)果為零時如何為用戶設(shè)計合適的空白頁面。

如果我們沒有向用戶說明，現(xiàn)在通過加載新頁面顯示一些搜索結(jié)果。用戶可能會錯誤地認(rèn)為網(wǎng)絡(luò)導(dǎo)致頁面無法加載而不是搜索您想要的項目。因此，空頁面設(shè)計必須向用戶解釋原因。

總結(jié)

以上是我對搜索功能的總結(jié)，希望對您有所幫助。

« 從贊美到轉(zhuǎn)換，如何做內(nèi)容營銷？ | 幾次蘑菇街的改造，流血事件被列為新生？ »