<pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

          <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

          <p id="bbfd9"></p>

          <p id="bbfd9"><cite id="bbfd9"></cite></p>

            <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

            <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
            <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>
            網頁設計

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

            時間:2025-04-08 14:46:33 網頁設計 我要投稿
            • 相關推薦

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

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

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

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

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

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

              2 第搜索數據如何展示給用戶看?

              (1)搜索范圍

              (2)搜索框

              (3)搜索結果

              3 第找到數據的出口,出口,還是出口。

              搜索結束后,用戶的下一個場景是去哪里?

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

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

              實戰分析

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

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

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

              根據場景來分析因為用戶剛到一個平臺是陌生的,對于這里面的投資組合和組合的創建人都不了解,但是他對自己所持有的股票是熟悉的,所以我們把股票放在第一位。用戶搜索并進入自己的股票之后,根據持股組合知道當前什么組合持有這只股票,從組合又可以讓用戶認識達人。所以搜索結果組合放在第二位,達人放在第三位。

            【如何快速全面搞定App搜索功能設計】相關文章:

            如何設計搜索框07-21

            如何搞定磨人的英語閱讀06-18

            如何輕松搞定GRE詞匯06-25

            如何描述APP的隱藏手勢操作10-17

            該如何改進設計搜索框07-30

            如何個網頁設置搜索框10-08

            如何搞定雅思閱讀生僻詞09-29

            如何輕松搞定英語口語10-13

            如何搞定科目三電腦考官10-22

                    <pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

                    <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

                    <p id="bbfd9"></p>

                    <p id="bbfd9"><cite id="bbfd9"></cite></p>

                      <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

                      <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
                      <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>
                      飘沙影院