大眾點評、攜程旅行APP中酒店“篩選”功能對比分析
本文作者基于大眾點評、攜程旅行APP中酒店的“篩選”功能進行相應的對比分析,希望通過此文能夠給各位帶來一些啟發。
引言
在正式進行“篩選”功能對比之前,我想我們首先要考慮和解答以下問題:
一、關于用戶
1、用戶使用“篩選”功能的需求或者想要達到的目的是什么?
可以更精準、快速、高效地找到自己期望獲得的產品
2、用戶使用“篩選”功能的場景或流程是什么?相對應的行為有哪些?
二、關于產品
1、設計產品“篩選”功能的目標是什么?
一方面是幫助用戶解決“精準高效地找到產品”的需求;另一方面是提高用戶體驗,讓用戶對產品產生粘性,積累用戶,從而獲得更大的轉化價值。
2、如何實現上述目標?
實現上述目標,需要我們從用戶的角度出發,對產品進行設計。諾曼在其《設計心理學》一書中指出,用戶的認知包括三個層面:
- 本能層面,和視覺有關,需要在產品的界面、樣式、視覺效果上提升用戶體驗;
- 行為層面,和交互、用戶的操作有關,需要我們在產品操作的流程、操作成本、操作反饋上做到簡化、高效;
- 反思層面,這與用戶更深的思考和認知有關,前面兩個層次是否做好,決定著用戶是否會思考將來繼續使用該產品或者向他人推薦該產品。
因此,若能對有關用戶認知的三個層面進行了解,并以此作為產品功能設計的參考,這對我們設計出更好的產品很有幫助。
正文
基于對以上問題的思考和回答,接下來,讓我們進入正文,來看大眾點評、攜程旅行APP中酒店版塊的“篩選”功能是如何設計的,他們為用戶做了哪些工作,是否能夠很好地解決用戶需求,并為用戶帶來很好的體驗。
本文將按照三個關鍵的用戶篩選流程,“篩選前、篩選中、篩選后”來作為行文結構,此外,在每一個關鍵流程中,我們又將會從“主要功能點”、“UI樣式與交互”這兩大部分進行對比和分析。
最后,通過對比和分析,本文希望能夠為大眾點評APP中酒店版塊“篩選”功能的設計提出一些改進的建議。
注:競品分析版本
一、篩選前
用戶在進入大眾點評、攜程旅行APP進行酒店預訂時,首先面對的問題是如何找到酒店預訂的入口,接著才會面對使用“篩選”功能的問題。
在有關酒店預訂入口方面,如下圖一黑色標注,大眾點評、攜程旅行都將其放在了APP首頁,較為明顯的位置。用戶很容易找到并可以點擊進入。兩者在視覺和用戶操作上,都有較好的體驗。
圖一
當用戶點擊“酒店”,則正式進入酒店預訂、搜索、篩選界面,如下圖二紅框部分:
圖二
通過圖二(左),我們可以看出,大眾點評在地址選擇、日期選擇、搜索框、篩選維度等功能點的布局上,更加有次序、也更加清楚和明了。用戶很容易讀懂,并可以進行下一步的操作。
相比于大眾點評,攜程在這一功能界面上,就相對比較復雜和繁瑣。用戶需要花費較多的時間和認知成本,來確定并區分哪一塊屬于哪一個功能點。此外,有大又有小的字體、不一致的布局,會給用戶帶來困擾。
實際上,攜程如此設計,是希望方便用戶可以在此界面有一個對酒店的初步篩選,因為點擊上圖的“查詢”按鈕以后,它會跳到另一個界面(如下圖三),下圖三的界面和大眾點評一開始就跳轉進入的界面相似。但是,從用戶的角度來說,像大眾點評APP這樣,直接跳轉進入篩選界面,會更加方便、明了。對用戶來說,不需要在攜程上多跳轉一個頁面。
圖三
二、篩選中
1、篩選維度、篩選項對比
結合上文圖二、圖三,我們可以看到大眾點評、攜程在酒店“篩選”功能上,主要包括以下篩選維度:
從上表中,我們看不出兩者在篩選維度上的顯著差異,因此我們通過結構圖來進行更進一步的對比,尋找其中的差異,如下圖四、圖五:
圖四:大眾點評酒店“篩選維度”
圖五:攜程酒店“篩選維度”
基于以上圖四、圖五,我們可以做以下對比和分析:
(1)智能排序
在智能排序方面,大眾點評與攜程旅行功能點基本一致,只是文字表達上的差異。
(2)星級價格
在星級/價格方面,大眾點評使用“經濟型”,而攜程采用“二星及以下/經濟”的描述,基本上沒有篩選項上的差異。對于價格也是如此。
(3)全城/位置距離
在有關這一篩選維度上,大眾點評與攜程旅行存在兩個顯著的差異:
移動互聯網時代,會有更多的用戶,傾向于不做規劃,到達當地以后再進行酒店的預訂,而這其中,基于自己所處的位置,選擇距離自己在一定范圍內的酒店,就成為了用戶預訂酒店的一個重要決策點。像筆者這樣的用戶,就常常會基于酒店和自己具體的距離來選擇酒店。因此,若能夠增加一個“距離”篩選項,來告訴用戶酒店距自己有多遠,會受到用戶歡迎。
我們可以看到,大眾點評還沒有“距離”這樣的篩選項功能,而攜程有。
此外,攜程有更為豐富的熱門地標,對地標的分類也更加詳細和細致,一定程度上在于攜程擁有更多的酒店資源。在此方面,大眾點評可以慢慢發展和積累。
(4)篩選
作為以上三個篩選維度的補充,此處的“篩選”維度中的篩選項,更多的是被隱藏起來。此維度中的一些篩選項,對于用戶來說,使用頻率不是很高,也不是用戶進行決策和篩選的很重要的參考。但有些篩選項具有的話,會是對用戶的一種驚喜。
不過,大眾點評與攜程旅行在此維度上的“篩選項”還是具有較大的差異:
首先,對于“特色”、“品牌”、“服務”、“公司服務”這幾個篩選項來說,由于酒店資源上的差距,大眾點評在此些方面的豐富程度和多樣化程度上,需要進一步發展。
其次,對于“床型早餐”、“支付方式”這兩個篩選項來說,大眾點評可以在其“篩選”維度中增加,但不是必須具有的功能點。
最后,對于“點評”這一篩選項,作為以“用戶點評”起家的大眾點評,需要給予這一篩選項重視,如果可以納入進來,或者將其放在更為突出的“篩選”維度上,對于其他使用的用戶將是一個重要的參考。這也可以更加突出大眾點評產品本身的特色。
2、UI樣式與交互對比
(1)全城/位置距離
圖六
首先,對于選中相應的篩選維度之后,“全城”、“位置距離”字體的顯示,大眾點評沒有變化,攜程進行了顏色和高亮的變化。對于用戶來說,后者更具有區分度。點評可以作為參考,字體顏色可以變為橙色,并高亮顯示。
其次,對于篩選項的呈現,點評選擇某一篩選項,比如“熱門”之后,被選中的狀態顯示不明顯,并且與其他未被選中的篩選項區分度不高,用戶在選擇和辨別時會有困難。攜程在此方面的處理,用戶體驗更好一些。比如當“商業區”被選中時,其顏色會變化,并高亮顯示,其他的篩選項則是處于灰色狀態,用戶很容易辨別。
最后,對于“清空”和“確定”的設置,大眾點評在該篩選維度下沒有進行設置,應該是為了降低用戶的操作成本,簡化交互的流程。但這帶來另一個問題是,當用戶想要回到最初篩選的起點時,用戶會發現自己在這一篩選維度下回不去了。
(2)星級/價格
圖七
首先,點評的“星級/價格”字體,在篩選時,沒有顏色的變化和高亮顯示,若有同于攜程的顏色變化和高亮,用戶體驗會更好。
其次,對于價格和星級布局的問題,用戶對價格的概念、重視程度往往會重于對星級的程度。所以,將價格布局在上,將星級布局在下,會更有利于用戶進行快速地篩選。對于攜程在價格布局處,增加價格選擇的“滑塊”這一功能,筆者操作起來的體驗并不是很好,需要費時間調整。對于價格選擇的問題,筆者認為加入“價格輸入框”會更好一些。如下圖八紅框處,淘寶APP上的價格輸入框,可以作為借鑒:
圖八
最后,從界面布局次序和設計元素的一致性來看,大眾點評要優于攜程。我們可以從上圖7中,視覺層面,感受到大眾點評的界面更加簡約、并且和諧一致;然而攜程沒有展現其簡約及一致性。
(3)智能排序
關于此篩選維度的對比,大眾點評和攜程沒有太大的UI樣式與交互差異。如下圖九:不過,還是有兩點可以指出:一是,從設計的協調一致上來說,字數的一致、和諧,大眾點評要優于攜程。二是,從使用更易被用戶理解的“箭頭”符號上,可以看出攜程的用心。
大眾點評可以考慮將“到”字,都改為更易解讀的箭頭符號。
圖九
(4)篩選
在“篩選”這一維度上,大眾點評與攜程旅行采取了完全不同的UI樣式與交互方式。如下圖十:
圖十
可能是由于自身“服務”、“品牌”、“特色”所包含的內容有限,大眾點評在“篩選”這一維度,采用了標簽式的布局,并努力實現布局的整齊,給用戶帶來一致、簡潔的體驗。在其布局中,有“查看更多”的提示圖標,但是其發揮的作用并不是很明顯,一定程度上會給用戶帶來混淆。用戶不知道點擊圖標以后可以查看更多。
改進的一些建議:可以考慮增加前文提到的“點評”、“支付方式”、“床型早餐”等等篩選項到“篩選”這一維度中,從而可以變化呈現的方式。
若保持呈現方式不變,可以考慮在“查看更多”圖標的旁邊,添加“更多或全部”兩個字,便于用戶理解和操作。以下圖十一,紅色標注部分,可以作為借鑒:
圖十一
3、對大眾點評改進的建議(基于“篩選中”的分析)
(1)功能篩選項上
- 非常需要增加的:
“距離”這一篩選項,便于用戶查找在其一定距離范圍內的酒店;
“點評”這一篩選項,便于用戶參考其他用戶的評價,并且突出大眾點評產品的特色。
- 可有可無,但有會更好的:
“支付方式”、“房型早餐”等篩選項
- 有待逐漸發展、完善、豐富的:
隨著大眾點評酒店資源的增多,其可以逐漸開展更多的“服務”、“品牌”、“特色”、“熱門地標”等。
(2)UI樣式與交互設計上
- 篩選完成后,各個篩選維度上漢字的顏色和高亮變化設計。
- 在“全城”這一維度下,被選中篩選項與未被選中篩選項,設計顏色和高亮來區分。
- “在全城”這一維度下,添加“清空”、“確定”這一設置,便于用戶回到初始狀態;或者直接添加一個“全城”篩選項在“全城”這一維度下,用戶直接點擊“全城”,就可以回到全城初始狀態。
- 在“星級/價格”這一維度下,考慮將價格的布局,整體移到上面,而星級移到下面。此外,也可以添加一個“價格輸入框”,更靈活地滿足用戶對價格的篩選。
- 在“智能排序”這一維度下,考慮將“到”這一字,換成箭頭符號。更易于用戶獲取和處理信息,提升篩選的效率。
- 在“篩選”這一維度下,在查看更多的圖標旁邊,輔助以“更多或全部”的漢字。
三、篩選后
用戶在選擇相應的篩選項,進行篩選后,“篩選”功能要能夠及時、準確地呈現“篩選結果”給用戶。及時地結果反饋,會給使用篩選功能的用戶帶來很好的體驗,也能夠指導用戶接下來進一步的操作行為:開始選擇產品或者更改條件重新篩選。
篩選結果主要分為兩類:一是成功篩選到用戶希望篩選到的相應產品;二是根據用戶的篩選條件,沒有篩選到符合期望的產品。
對于第二種結果,就涉及到“篩選”功能如何去提醒用戶、并指導用戶更改篩選條件,重新進行篩選。本文接下來也主要是對比“沒有篩選到符合期望的產品”這一反饋結果。如下圖十二:
圖十二
對于大眾點評來說,“沒有篩選到符合條件的產品”的反饋,無論是從文字還是從人物圖標的角度,都能夠給用戶情感化的支持,會讓用戶感到很親切,從而有助于減輕用戶篩選不到結果的失望。然而,攜程旅行的反饋,從文字的角度來說,就顯得有些冷漠,像是在吩咐用戶需要做什么,給用戶一種高高在上的感覺,使用戶不易接近。
此外,對于篩選不到結果以后,給用戶其他推薦的“推薦語”中,“您可能對以下酒店感興趣”讓用戶同樣可以感受到大眾點評的親切,而“以下酒店滿足您的部分要求”就會讓用戶感覺到攜程旅行的疏遠。
最后,對于用戶要返回重新篩選,攜程旅行在“反饋結果”中,呈現可以直接刪除的篩選項或篩選條件,很大程度上方便了用戶。用戶不需要再次點開篩選維度進行重置或清空,然后再更改篩選條件。用戶可以在反饋結果的界面,直接選擇刪除、清空一些篩選項。這一點對于大眾點評來說,可以作為一個借鑒。
總結
本文筆者基于大眾點評、攜程旅行APP中酒店的“篩選”功能,對用戶使用“篩選”功能時的流程,包括篩序前、篩選中、篩選后,以及每一個流程中涉及的篩選功能點、UI樣式與交互進行了對比和分析,并通過對比和分析,提出了大眾點評酒店“篩選”功能的一些改進建議。其中的分析不乏有很多不足之處。相關的建議也僅代表我個人的想法。希望這篇文章能夠帶來價值。
本文由 @Peter Du 原創發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自PEXELS,基于CC0協議
寫得好淺,為了分析而分析
很棒,希望日后能持續跟蹤哈~
謝謝你的鼓勵!
所以你順利拿到offer了嗎
沒有 ??
好坑,,,文章都發表了也不給,,,
哈哈,不著急,慢慢來。學姐也加油!
“沒有篩選到符合條件的產品”的反饋,無論是從文字還是從人物圖標的角度,都能夠給用戶情感化的支持,會讓用戶感到很親切,從而有助于減輕用戶篩選不到結果的失望。然而,攜程旅行的反饋,從文字的角度來說,就顯得有些冷漠,像是在吩咐用戶需要做什么,給用戶一種高高在上的感覺,使用戶不易接近。
在用戶體驗上真的有那么大的差別么,就我個人而言,感覺沒有…… ??
可能我是一個比較感性、更加注重情感體驗的用戶吧。 ??
那我就是將就行的 ?? 。再一個大眾點評和攜程旅行的定位應該是不同的,我下了攜程旅行APP可能不會因為這個小小細節而棄用他,但就如你所說的用戶體驗好總比差強。
同意@儒雅的小兵的看法,不是什么時候都需要把用戶情感照顧好的,攜程的定位可能更偏商務和專業性,與大眾點評的定位不同。從UI風格上也能看出來。
文章復制了 兩遍 嗎?
我也發現了這個問題。不知道是不是操作失誤。sorry。 ??