界面設(shè)計(jì) | 如何將篩選功能應(yīng)用到用戶場(chǎng)景中?
設(shè)計(jì)師認(rèn)為的好,對(duì)于用戶來說可能并不是真的好。所以,產(chǎn)品設(shè)計(jì)更多地是要結(jié)合用戶特定場(chǎng)景的內(nèi)容,盡可能地讓用戶只需要最少的步驟就能達(dá)到目的。產(chǎn)品界面設(shè)計(jì)中的“篩選功能”設(shè)計(jì)自然也需要按照這個(gè)思路來。那么,如何設(shè)計(jì)滿足用戶需求的,簡便的篩選功能?以下,由筆者為大家仔細(xì)講述。
被解決的問題一般都不是最真實(shí),最基礎(chǔ)的問題。
這篇文章講述的是:關(guān)于Hopper 應(yīng)用程序的優(yōu)化以及建議。
Hopper 主要提供預(yù)定機(jī)票和酒店的功能,通過檢測(cè)和對(duì)比航線、酒店在不同時(shí)間段的價(jià)格,為用戶提供性價(jià)比高的選項(xiàng),從而讓用戶可以預(yù)定到低價(jià)心儀的酒店和航班。
Hopper應(yīng)用程序在第一年最被需要的功能就是隱藏不需要的航線來縮小航線搜索結(jié)果。由于專注于驗(yàn)證核心業(yè)務(wù),第一年并沒有取得特別的成就。但是,關(guān)于應(yīng)用中,篩選這個(gè)功能一直在待辦清單中。
然而,當(dāng)最終發(fā)布篩選功能時(shí),才意識(shí)到這根本不是用戶想要的。
他們想要更基本的內(nèi)容:結(jié)合特定場(chǎng)景的內(nèi)容,以及達(dá)到目的所需要操作的最少步驟。
設(shè)計(jì)者所謂的好,對(duì)于用戶來說并不是真正的好。
為用戶提供他們想要的東西
—— Give The Users What They Want
Hopper 每天分析數(shù)十億的航班價(jià)格,預(yù)測(cè)何時(shí)飛行以及何時(shí)購買機(jī)票可以獲得最低票價(jià)。通過航班的歷史價(jià)格來精確預(yù)測(cè),用戶應(yīng)該立即購買門票還是繼續(xù)等待。通過點(diǎn)擊應(yīng)用中“watch”按鈕,Hopper將為您留意航班價(jià)格。 當(dāng)價(jià)格達(dá)到預(yù)期的“價(jià)格劃算”范圍時(shí),就會(huì)向您發(fā)送推送通知以進(jìn)行購買。
當(dāng)時(shí),我們的系統(tǒng)通知僅告知用戶最低價(jià)格。
但是,這個(gè)價(jià)格可能是廉價(jià)航空公司或是裸票價(jià)的結(jié)果,可能還需要支付更多額外的費(fèi)用。這種低價(jià)的原因可能是:飛行中可能需要很長時(shí)間的停留(有時(shí)超過18小時(shí))或幾次不必要的停留。
如果用戶不想預(yù)訂這類航班,hopper 會(huì)向他們發(fā)送與其不太相關(guān)的內(nèi)容。
例如:通知航班的停留時(shí)較長,價(jià)格將降至125美元。但停留時(shí)間較短的中轉(zhuǎn)航班價(jià)格也就250美元,對(duì)此,用戶可能會(huì)很失望接收到降價(jià)通知。因?yàn)樗麄冎恍枰兕~外支付多100美金,就可以搭乘更便捷的航班。
但實(shí)際的預(yù)測(cè)情況其實(shí)更復(fù)雜,例如:系統(tǒng)可能預(yù)測(cè)用戶應(yīng)該等待購買從芝加哥到拉斯維加斯的中轉(zhuǎn)航班,但是,如果用戶排除了中轉(zhuǎn),系統(tǒng)可能會(huì)讓你現(xiàn)在購買,因?yàn)楫?dāng)前價(jià)格很適合,不久后價(jià)格將上漲。
無論如何,不??太相關(guān)的內(nèi)容意味著我們的用戶會(huì)產(chǎn)生更多阻礙和騷擾,所以我們之前的解決方案會(huì)降低價(jià)值和轉(zhuǎn)換率。我們必須向用戶提供他們想要的東西。
關(guān)注篩選
——Focused Filters
其實(shí)篩選過濾已經(jīng)不是一個(gè)新概念,旅行和電子商務(wù)中有無數(shù)使用到它的例子:
我們決定不再多此一舉,而是直接在應(yīng)用程序中使用簡單的“篩選過濾”按鈕。此按鈕將觸發(fā)篩選過濾列表,用戶可以在其中選擇他們想要的內(nèi)容。
鑒于我們的應(yīng)用程序是預(yù)測(cè)價(jià)格,新的過濾篩選可能會(huì)影響我們的數(shù)據(jù)覆蓋率和預(yù)測(cè)準(zhǔn)確性。
因此,我們必須非常謹(jǐn)慎地實(shí)施。
通過一些數(shù)據(jù)報(bào)告,我們發(fā)現(xiàn)超過80%的請(qǐng)求只需3個(gè)篩選條件即可解決:
- 從廉價(jià)航空中移除基礎(chǔ)票價(jià)或者是裸票價(jià)
- 移除停留中轉(zhuǎn)
- 移除長時(shí)間的停留
也就是通過這三個(gè)條件的過濾,用戶就可以獲得更為精確的結(jié)果。用戶的篩選操作非常精簡,感覺這滿足用戶體驗(yàn)。
Ship It!
我們很高興能夠構(gòu)建一款滿足大眾需求并且簡單易用的“Hopper”。
一旦我們發(fā)布過濾篩選器,我們就可以坐下來等待用戶的愛和贊美。Fast Company 甚至用了討人喜歡的標(biāo)題報(bào)道了這種做法:“Hopper的新過濾篩選更容易預(yù)訂到最便宜,最優(yōu)的航班?!?/p>
令我們驚訝的是:接下來的事情竟讓我們有點(diǎn)失望, 所有事情都完成之后,我們監(jiān)測(cè)到使用該篩選過濾的僅有總數(shù)的 2.6%。
我們有點(diǎn)困惑和沮喪:我們是否誤導(dǎo)了其中一些用戶關(guān)于該功能的重要性?或者是,用戶根本沒有發(fā)現(xiàn)到該功能?
我們之前在流程中有一個(gè)大按鈕,但我們希望用戶在航班列表中才使用篩選功能,因此,我們?cè)谄聊簧峡s小了CTA的大小。
但是,我們發(fā)現(xiàn)篩選后的轉(zhuǎn)換率高于未經(jīng)篩選的,因此我們決定要增加篩選的使用率。
我從我的應(yīng)用程序獲得一點(diǎn)幫助
—— I Get By With A Little Help From My App
為了確保用戶沒有完全錯(cuò)過該功能,我們需要在界面中使按鈕更大更突出,還可為新功能添加自定義。
但是,我們其中一個(gè)產(chǎn)品經(jīng)理提出了一個(gè)更有趣的方法來實(shí)現(xiàn)這個(gè)功能。我們想辦法讓篩選功能更容易找到,但并不是通過按鈕的方式。
Hopper以提供低價(jià)提醒和購買建議而出名。我們是否可以考慮:將篩選融入到界面中作為一種提醒?
為此,根據(jù)用戶的使用路徑,我們?cè)陬A(yù)測(cè)屏幕上放置了一張新卡片來提供篩選功能。
我們將使用動(dòng)態(tài)監(jiān)控來應(yīng)用該功能,從而幫助他們權(quán)衡財(cái)務(wù)支出。
因此,用戶只需輕輕按下一個(gè)按鈕就可以使用篩選功能。
通過卡片選擇,系統(tǒng)自動(dòng)應(yīng)用該篩選條件進(jìn)行過濾,用戶不需要進(jìn)入列表篩選列表。如果還有更符合條件的篩選,我們會(huì)在用戶的下一步操作中進(jìn)行提醒。
用戶點(diǎn)擊后,系統(tǒng)自動(dòng)應(yīng)用。在每次應(yīng)用篩選功能的時(shí)候,我們都會(huì)自動(dòng)檢測(cè),并且更新用戶的新設(shè)置。因此用戶無需進(jìn)入菜單,也無需閱覽篩選列表。
給用戶他們 [不知道他們] 想要的
—— Give The Users What They [ Don’t Know They ] Want
在產(chǎn)品設(shè)計(jì)術(shù)語中,總結(jié)這功能設(shè)計(jì)的詞語就是:簡單。
我們通過一種不打擾的卡片新形式來建議用戶使用篩選功能,這提高了整體的可見性。 其實(shí),篩選的目的就是:為用戶帶來性價(jià)比更高的航班。
通過用戶的行為路徑來提供篩選功能,而不是通過一個(gè)按鈕進(jìn)入選項(xiàng)列表,這減少了用戶的使用成本。通過之后的數(shù)據(jù)也表明了:這樣的設(shè)計(jì)方案更能讓用戶接受。
其實(shí),我們發(fā)現(xiàn):用戶不希望通過按鈕進(jìn)入一個(gè)多選項(xiàng)的篩選列表;人們想要更好,更相關(guān)的內(nèi)容。用戶更希望可以在盡量少的操作中,系統(tǒng)可以幫助他們選擇最合適的選項(xiàng)。我們沒有理由責(zé)怪用戶,只能說我們做的還不夠好而已。
文章翻譯自《Users Don’t Want Filters, They Want Better Content》
原文鏈接:https://medium.com/@hopper_travel/users-dont-want-filters-they-want-better-content-3146f650b8f6
本文由 @vivi 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
用戶需要更便宜的機(jī)票,篩選是為了完成這個(gè)需求而產(chǎn)生的功能需求。用戶需要使用這個(gè)功能,來達(dá)到用戶需求的實(shí)現(xiàn)。所以功能只是手段,而不是目的。手段可以玩點(diǎn)別的花樣。
被解決的問題一般都不是最真實(shí),最基礎(chǔ)的問題。
同一個(gè)功能,多種表達(dá)方式