當前位置:才華齋>設計>網頁設計>

如何快速全面搞定App搜尋功能設計

網頁設計 閱讀(2.14W)

黑夜給了我一雙黑色的眼睛,我卻用它尋找光明。你給了我那麼多的內容,卻不給我一個搜尋功能。就跟隨小編去了解下吧,想了解更多相關資訊請持續關注我們應屆畢業生考試網!

如何快速全面搞定App搜尋功能設計

搜尋,產品中非常常見也非常重要的一個功能,使用者可以通過他快速精準的找到自己需要的東西(內容),提高轉換率。同時使用者的搜尋資料在我們日常的設計中也會是很有效的一組資料,我們可以針對使用者的搜尋軌跡進行相應功能或者模組上的優化。如果連搜尋功能都不能搞定,怎麼好意思說咱們是產品狗呢?今天我們用萬能模型來做一個搜尋。

我不喜歡說太多廢話,直接開始吧。根據之前給大家分享過的需求分析萬能模型來進行搜尋功能的分析,主要就是三個點:

1 第一定要先找到入口,入口,還是入口。

此處主要討論搜尋關鍵字的入口?

2 第搜尋資料如何展示給使用者看?

(1)搜尋範圍

(2)搜尋框

(3)搜尋結果

3 第找到資料的出口,出口,還是出口。

搜尋結束後,使用者的下一個場景是去哪裡?

用萬用模型分析的功能框架就是這樣:

入口和出口都比較簡單,而搜尋結果的展示這裡面涉及的就會比較多,我們針對搜尋結果如何展示進行詳細的分析就會得到這樣一個腦圖:

實戰分析

依舊是結合目前手頭上正在做的仙人掌股票來實戰分析一下我們是如何進行搜尋功能的設計。首先看看仙人掌的搜尋:

UI上我們採取了功能外露式的`設計(類似設計的有淘寶,京東等),直接把搜尋框展示出來,因為考慮到炒股人群的年齡層次分佈,所以功能需要非常的直白和易於理解如何使用。

而搜尋結果展示方面我們是按照 股票-組合-投資達人-資訊文章和帖子 這樣的順序。

根據場景來分析因為使用者剛到一個平臺是陌生的,對於這裡面的投資組合和組合的建立人都不瞭解,但是他對自己所持有的股票是熟悉的,所以我們把股票放在第一位。使用者搜尋並進入自己的股票之後,根據持股組合知道當前什麼組合持有這隻股票,從組合又可以讓使用者認識達人。所以搜尋結果組合放在第二位,達人放在第三位。