全栈工程师?
嗯.....目前并不是!

界面設計 | 如何將篩選功能應用到用戶場景中?

設計師認為的好,對於用戶來說可能並不是真的好。所以,產品設計更多地是要結合用戶特定場景的內容,儘可能地讓用戶只需要最少的步驟就能達到目的。產品界面設計中的“篩選功能”設計自然也需要按照這個思路來。那麼,如何設計滿足用戶需求的,簡便的篩選功能?以下,由筆者為大家仔細講述。

被解決的問題一般都不是最真實,最基礎的問題。

這篇文章講述的是:關於Hopper 應用程序的優化以及建議。

Hopper 主要提供預定機票和酒店的功能,通過檢測和對比航線、酒店在不同時間段的價格,為用戶提供性價比高的選項,從而讓用戶可以預定到低價心儀的酒店和航班。

Hopper應用程序在第一年最被需要的功能就是隱藏不需要的航線來縮小航線搜索結果。由於專註於驗證核心業務,第一年並沒有取得特別的成就。但是,關於應用中,篩選這個功能一直在待辦清單中。

然而,當最終發布篩選功能時,才意識到這根本不是用戶想要的。

他們想要更基本的內容:結合特定場景的內容,以及達到目的所需要操作的最少步驟。

設計者所謂的好,對於用戶來說並不是真正的好。

為用戶提供他們想要的東西

—— Give The Users What They Want

Hopper 每天分析數十億的航班價格,預測何時飛行以及何時購買機票可以獲得最低票價。通過航班的歷史價格來精確預測,用戶應該立即購買門票還是繼續等待。通過點擊應用中“watch”按鈕,Hopper將為您留意航班價格。 當價格達到預期的“價格划算”範圍時,就會向您發送推送通知以進行購買。

用戶不想要過濾器,他們想要更好的內容

當時,我們的系統通知僅告知用戶最低價格。

但是,這個價格可能是廉價航空公司或是裸票價的結果,可能還需要支付更多額外的費用。這種低價的原因可能是:飛行中可能需要很長時間的停留(有時超過18小時)或幾次不必要的停留。

如果用戶不想預訂這類航班,hopper 會向他們發送與其不太相關的內容。

例如:通知航班的停留時較長,價格將降至125美元。但停留時間較短的中轉航班價格也就250美元,對此,用戶可能會很失望接收到降價通知。因為他們只需要再額外支付多100美金,就可以搭乘更便捷的航班。

但實際的預測情況其實更複雜,例如:系統可能預測用戶應該等待購買從芝加哥到拉斯維加斯的中轉航班,但是,如果用戶排除了中轉,系統可能會讓你現在購買,因為當前價格很適合,不久后價格將上漲。

無論如何,不​​太相關的內容意味着我們的用戶會產生更多阻礙和騷擾,所以我們之前的解決方案會降低價值和轉換率。我們必須向用戶提供他們想要的東西。

關注篩選

——Focused Filters

其實篩選過濾已經不是一個新概念,旅行和電子商務中有無數使用到它的例子:

用戶不想要過濾器,他們想要更好的內容

我們決定不再多此一舉,而是直接在應用程序中使用簡單的“篩選過濾”按鈕。此按鈕將觸發篩選過濾列表,用戶可以在其中選擇他們想要的內容。

用戶不想要過濾器,他們想要更好的內容

鑒於我們的應用程序是預測價格,新的過濾篩選可能會影響我們的數據覆蓋率和預測準確性。

因此,我們必須非常謹慎地實施。

通過一些數據報告,我們發現超過80%的請求只需3個篩選條件即可解決:

  1. 從廉價航空中移除基礎票價或者是裸票價
  2. 移除停留中轉
  3. 移除長時間的停留

也就是通過這三個條件的過濾,用戶就可以獲得更為精確的結果。用戶的篩選操作非常精簡,感覺這滿足用戶體驗。

用戶不想要過濾器,他們想要更好的內容

Ship It!

我們很高興能夠構建一款滿足大眾需求並且簡單易用的“Hopper”。

一旦我們發布過濾篩選器,我們就可以坐下來等待用戶的愛和讚美。Fast Company 甚至用了討人喜歡的標題報道了這種做法:“Hopper的新過濾篩選更容易預訂到最便宜,最優的航班。”

令我們驚訝的是:接下來的事情竟讓我們有點失望, 所有事情都完成之後,我們監測到使用該篩選過濾的僅有總數的 2.6%。

我們有點困惑和沮喪:我們是否誤導了其中一些用戶關於該功能的重要性?或者是,用戶根本沒有發現到該功能?

我們之前在流程中有一個大按鈕,但我們希望用戶在航班列表中才使用篩選功能,因此,我們在屏幕上縮小了CTA的大小。

用戶不想要過濾器,他們想要更好的內容

但是,我們發現篩選后的轉換率高於未經篩選的,因此我們決定要增加篩選的使用率。

我從我的應用程序獲得一點幫助

—— I Get By With A Little Help From My App

為了確保用戶沒有完全錯過該功能,我們需要在界面中使按鈕更大更突出,還可為新功能添加自定義。

但是,我們其中一個產品經理提出了一個更有趣的方法來實現這個功能。我們想辦法讓篩選功能更容易找到,但並不是通過按鈕的方式。

Hopper以提供低價提醒和購買建議而出名。我們是否可以考慮:將篩選融入到界面中作為一種提醒?

為此,根據用戶的使用路徑,我們在預測屏幕上放置了一張新卡片來提供篩選功能。

我們將使用動態監控來應用該功能,從而幫助他們權衡財務支出。

用戶不想要過濾器,他們想要更好的內容

因此,用戶只需輕輕按下一個按鈕就可以使用篩選功能。

通過卡片選擇,系統自動應用該篩選條件進行過濾,用戶不需要進入列表篩選列表。如果還有更符合條件的篩選,我們會在用戶的下一步操作中進行提醒。

用戶點擊后,系統自動應用。在每次應用篩選功能的時候,我們都會自動檢測,並且更新用戶的新設置。因此用戶無需進入菜單,也無需閱覽篩選列表。

用戶不想要過濾器,他們想要更好的內容

給用戶他們 [不知道他們] 想要的

—— Give The Users What They [ Don’t Know They ] Want

在產品設計術語中,總結這功能設計的詞語就是:簡單。

我們通過一種不打擾的卡片新形式來建議用戶使用篩選功能,這提高了整體的可見性。 其實,篩選的目的就是:為用戶帶來性價比更高的航班。

通過用戶的行為路徑來提供篩選功能,而不是通過一個按鈕進入選項列表,這減少了用戶的使用成本。通過之後的數據也表明了:這樣的設計方案更能讓用戶接受。

其實,我們發現:用戶不希望通過按鈕進入一個多選項的篩選列表;人們想要更好,更相關的內容。用戶更希望可以在盡量少的操作中,系統可以幫助他們選擇最合適的選項。我們沒有理由責怪用戶,只能說我們做的還不夠好而已。

 

文章翻譯自《Users Don’t Want Filters, They Want Better Content》

原文鏈接:https://medium.com/@hopper_travel/users-dont-want-filters-they-want-better-content-3146f650b8f6

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《界面設計 | 如何將篩選功能應用到用戶場景中?》
文章链接:https://www.pmbear.com/archives/9269
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们