基于心智模型,解析蜻蜓Fm【搜索】功能

0 評論 4999 瀏覽 32 收藏 9 分鐘

本文以心智模型為理論依據,分析了蜻蜓Fm【搜索】功能的用戶操作路徑以及app設計。

最近在做搜索相關的改版設計工作,以下是我在體驗現有搜索邏輯的情況下,產生的一些想法:

對于搜索這個功能,用戶到底是怎么認知這個功能的,我們還能做什么?用戶只是鍵入信息點擊搜索這么簡單?如何最大限度的準確的定義用戶想要的信息?

一、用戶到底是怎么認知這個功能的,我們還能做什么?

“大象的裝冰箱要分幾步?”這是我們童年一個非常好笑的一個小品——打開冰箱、大象放進去、關門,結束。

其實現在想來,這就是對用戶心智模型的高度概括。

什么是心智模型?

我自己的理解就是由自我和他人的生活經驗和教育形成的,對外圍世界的主觀執行(態度、行為、觀念);它是不完整的、局限性的、不穩定的、不科學的、沒有明確邊界的、簡約的。

用戶對于搜索框的認知大致也是如此–點擊搜索框–鍵入信息–搜索–出結果。這就是用戶最基本的心智模型。

基于這樣的心智模型,用戶是怎么操作的,App又是如何運轉的,可以看下圖:

梳理出最基本的行為后,我在想用戶還可能做什么?還會做什么?還想做什么?我要如何去完善他們的行為,在不破壞他們心智模型的前提下,去突破搜索本身帶來的局限。

二、用戶只是鍵入信息點擊搜索這么簡單?

1. 搜索前

首先是搜索前,我們現在的階段是:圖標+搜索框+引導暗文,沒有其他輔助性的元素。所以我希望在用戶在搜索前就能有一些基本的建議性、引導性的搜索建議,幫助用戶進行信息的鍵入。如下圖:

2. 搜索中

首先是對焦與失腳焦狀態的體驗;現有的版本聚焦的情況下搜索框本文符閃爍,鍵盤彈起,失焦情況下,露出整個搜索頁面。

這個頁面存在的問題是:

  1. 搜索框左側的分類本質作用是進行分類,并不能直觀地展示給用戶;
  2. 運營位當前只有收起鍵盤的時候才能進行看到(猜測產品策略就是這樣)。

基于現狀,我進行了這樣的修改:

  1. 將搜索框的左側篩選功能外放,使搜索維度更加扁平;
  2. 對底部的推薦信息,放出播放量,原因是想放大用戶的點擊欲望(從眾心理、獵奇信息、以及懶惰心理)。

期望是:

  1. 希望用戶可以有更扁平,更直觀的搜索頁面;
  2. 提高用戶對熱門推薦的感知度,點擊率和轉化。

模糊跟隨這邊體驗下來整體是比較混亂的:用戶鍵入的信息和跟隨出的結果混亂,第一個并不是用戶想要的,且沒有一個明確的建議性的告知引導用戶去執行相應的操作。他們并沒有在跟隨結果上給予一個機制進行排列。如下圖:

出現這樣的情況我猜測是搜索的機制不夠完善:

  1. 增加詞庫錄入:針對主播和熱搜詞(每天搜索次數排在前兩千的詞語,由機器或者人工批量導入,每日更新維護)的搜索提示詞詞庫。
  2. 增加按照召回詞的歷史搜索次數降序排序的策略(每次召回100個,若該詞庫中無匹配詞則不取。)
  3. 在熱搜詞庫中進行匹配音頻專輯,如果與用戶搜索信息一致則展示,如果沒有則不展示。

3. 搜索后

現有的邏輯是不管用戶鍵入的信息是否有效,都會匹配出結果(其結果可能與鍵入信息完全不匹配),所以按照現有的策略,頁面上應該出現一個反饋入口:因為當用戶得到的結果并不是自己鍵入的信息,就會產生迷惑,為什么結果與自己輸入的完全不一樣?如下圖:

這樣的做原因是:

  1. 弱化沒有找到結果的失落感,強調用戶正向反饋,旨在收集用戶建議。
  2. 強調沒有找到結果,為用戶推薦優質內容,希望只展示節目列表,旨在可以讓用戶快速聽起來。

如何最大限度地準確地定義用戶想要的信息?

從搜索框的輪廓、顏色、元素組成、字段和跟隨機制等方面進行一個闡述。

1. 品牌色的運用

在各家的產品中,很大一部分都會在搜索框上添加自己的品牌色,借此強化自己的產品記憶點,呈現方式分成搜索邊框進行顏色展現,或者文本閃爍符上進行展現。以及模糊跟隨結果的展示顏色,都可以進行考慮和使用。

2. 搜索框需要帶一個圖標

比如放大鏡,現在已經是所有搜索框必須要帶的一個元素,即使沒有文字暗文的引導,用戶能知道這個控件是什么作用。

3. 搜索框的形式分成 2 種:外方式和收斂式

  • 外方式也就是把搜索框以一個長條的形式平鋪在頁面明顯的位置。
  • 收斂式則是一般放在頁面的右側或者左側,用戶可以使用常見的F形掃描模式輕松找到它。

理想情況下,搜索框應該匹配產品的整體設計,并在用戶需要時輕松展現。

4. 字段的數量問題

調查發現輸入框重的字符到達27個字符時即可滿足用戶查找信息的需求,所以我們在設計的時候,在資源允許情況下,可以根據搜索框的尺寸和用戶鍵入信息的字符個數進行適當縮小,以保證用戶的鍵入信息的完整和可讀性。

5. 自動建議機制

這樣的好處是用戶在進行模糊搜索時可以盡可能地快速匹配用戶的需求??梢酝ㄟ^詞庫的增加、平臺實際產品的策略排序等方式進行機制的建立。

6. 更多方式的搜索錄入

拍照、掃描、語音等方式的接入,也可以提供更多維度的搜索方式。

在做設計改版的過程中我們還是要從功能出發,綜合考慮業務類型、業務策略、功能定位、目標用戶、使用場景,選用最合適的形式,提升搜索體驗,讓用戶使用得更加順暢,平臺展現得更加準確。

 

作者:海鮮君,微信公眾號:海鮮君的設計物語

本文由 @海鮮君 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!