全球都在用的Booking，是如何做設(shè)計(jì)改版升級的？

每一次學(xué)習(xí)改版案例，不僅僅只是去看在視覺層面的變化，更多的應(yīng)該是要學(xué)習(xí)到作者改版背后的思考。為什么要這么改，原因是什么，目的又是什么，怎么做，有哪些限制等等，有很多東西要去思考。所以，帶著問題并結(jié)合自己實(shí)際中所做的項(xiàng)目來看案例，應(yīng)該會是一個很有收獲的過程。

項(xiàng)目背景

Booking.com繽客 是一家荷蘭初創(chuàng)公司，并已經(jīng)發(fā)展成為全球最大的旅游電子商務(wù)公司之一。
在Booking上，旅客可以選擇世界上任何一處的住宿地點(diǎn)，包括公寓，度假酒店，民宿，五星級豪華度假村，樹屋甚至冰屋等等。每天，通過平臺預(yù)訂的房間數(shù)超過155萬。無論是商務(wù)旅行還是休閑旅行，人們都可以快速輕松地預(yù)訂到理想的住處。

競品分析

自從Booking發(fā)布以來，許多競爭對手都采用類似的商業(yè)模式瘋狂跟進(jìn)，搶占市場，并且在某些方面比Booking本身做的還好。

在調(diào)研的前期階段，我去搜集了一些競爭對手和類似的平臺，分析UI，用戶體驗(yàn)，用戶地圖，信息架構(gòu)和關(guān)鍵功能。但是我并不會花太多時間過于深入的去分析這些產(chǎn)品，因?yàn)槲蚁Ｍ麑⒅攸c(diǎn)放在Booking這個產(chǎn)品本身的訴求上。

使用場景

在之前的調(diào)研過程中，我發(fā)現(xiàn)了許多不同的使用場景，經(jīng)過匯總歸集，我集中關(guān)注以下3個場景：

• 場景1：用戶知道其行程的日期和目的地（默認(rèn)場景）
• 場景2：用戶明確了日期但對其旅行的目的地不清楚
• 場景3：用戶知道目的地但不確定其旅行日期

典型用戶

在進(jìn)一步的研究中，我明確了4位具有不同需求和不同目標(biāo)的典型用戶，這些數(shù)據(jù)對于改善不同用戶的體驗(yàn)非常有用。

這個分析的目的是通過梳理最佳的用戶流程并提升產(chǎn)品體驗(yàn)，來為不同需求的用戶提供最好的用戶體驗(yàn)。

△ 數(shù)據(jù)來源：在線研究和用戶訪談（30個用戶樣本）

用戶反饋

收集用戶評論，從中我收到了很多有價值的反饋，這些評論中沒有特別明確指出是可用性或功能性的問題。我將這些反饋分為4類（譯者注：對反饋的問題進(jìn)行提煉整理）：

• 預(yù)訂被取消
• App的Bug
• 投訴的處理效率
• 反饋的進(jìn)度

毫無疑問，最相關(guān)的是預(yù)訂被取消的問題。太多用戶會注意到不合理的費(fèi)用或與房間的主人取得聯(lián)系時遇到困難。

用戶訪談

基于30個用戶樣本，我試圖獲得進(jìn)一步的用戶反饋，從中注意到以下的幾點(diǎn)事實(shí)：

• 與其他平臺相比，booking的平均價格通常更高
• 產(chǎn)品過于突出好評，用戶很難發(fā)現(xiàn)一些真實(shí)的差評
• 當(dāng)房屋主人接收到用戶的回復(fù)時聯(lián)系用戶也很困難

我想引用一段話，來總結(jié)這里面遇到的問題，這段話也蠻有意思的，它說的是：

「與其他應(yīng)用比較來看，套路顯得有點(diǎn)多，會讓你覺得一切看起來都蠻劃算，總是想多賣一些東西給你。」

用戶痛點(diǎn)

總結(jié)之前的分析，我提出了以下幾點(diǎn)觀點(diǎn)：

• 沒有一個完美的解決方案能夠滿足所有用戶，用戶需要盡可能多的掌握有用信息。
• 沒有的功能沒有太多考慮到個性化需求。
• 可以改進(jìn)UI并使用戶更加集中于他的目標(biāo)，而不是完全「以推銷為中心」
• 優(yōu)化用戶與房東之間的聯(lián)系問題

解決方案

從用戶痛點(diǎn)出發(fā)，嘗試找到合適的解決方案，來提升產(chǎn)品體驗(yàn)。

1. 主頁

總的來說，我對首頁進(jìn)行了大手術(shù)。主頁的搜索功能已經(jīng)完全重新設(shè)計(jì)，減少過多的干擾信息。

導(dǎo)航：我設(shè)計(jì)了一個新的導(dǎo)航欄，剝離出「已保存」功能，這樣用戶就可以快速找到自己所收藏的商品。此外，我也優(yōu)化了「交易」的模塊，后面我會詳細(xì)的說說這塊的改動思路。

其它功能 :至于之前的版本，我保留了最新搜索和相關(guān)推薦的功能，重新設(shè)計(jì)界面以改善UI的可用性。

2. 社交功能

如今，社交網(wǎng)絡(luò)在用戶的生活中扮演重要的角色，那沒理由在booking中做的這么差。我搞了一個新功能，允許用戶關(guān)聯(lián)自己的好友并查看他們最新的選擇，包括他們的評價（喜歡/不喜歡）。我已將此功能放置到主頁的下方，因?yàn)槲蚁Ｍ趯⑵渫茝V到其他模塊之前收集更多有關(guān)它的數(shù)據(jù)。

3. 搜索功能

把這個功能分解為多個步驟。在輸入第一個詞后，即使沒有指定日期或其他信息，也能顯示相匹配的酒店。此外，我也加入了語音搜索，使搜索更容易?；谥拔覍Σ煌脩艚巧亩x，搜索的結(jié)果將根據(jù)最后的信息進(jìn)行推薦：

• 1名成人 ——背包客 ——酒店
• 2名成人——度假夫婦——酒店，賓館或B＆B（某種酒店形式）
• 2名成人+兒童——家庭——民宿公寓或酒店
• 1名成人+商務(wù)選擇——商人——酒店

4. 列表頁面

列表頁針對易用性方面做了整體的優(yōu)化：

• 我將篩選功能從3個按鈕更改為2個按鈕以減少用戶的操作步驟——將它放在頁面底部，方便使用
• 我添加了標(biāo)簽功能來更好的區(qū)分屬性類型
• 在第一時間向用戶展示物業(yè)的主要設(shè)施特點(diǎn)。注意：根據(jù)不同的用戶，可以智能突出顯示不同人正在尋找的不同信息。
• 我將報(bào)價的方式轉(zhuǎn)換為「單晚」而不是「總價」，以便在不同商品之間進(jìn)行比較

5. 詳情頁

我列出許多可以在詳情頁面中加入的修改。將總價格突出顯示，以免有些隱形消費(fèi)用戶可能會被忽略。

增強(qiáng)了一個與評論相關(guān)的次要功能，允許用戶通過不同標(biāo)簽篩選它們。

6. 交易功能

在優(yōu)化開始時，我確定了操作場景2—— 「用戶還不知道自己的目的地」作為優(yōu)化方向。為了提供更好的用戶體驗(yàn)，我增加了一個新的功能，用戶可以在其中找到不同目的地的區(qū)間。利用篩選功能，用戶可以選擇最適合其需求的區(qū)間（區(qū)間 - 大陸 - 國家等...）

動效原型

最后，我還設(shè)計(jì)了一個整個項(xiàng)目的動效原型，把之前所有重設(shè)計(jì)的頁面串聯(lián)起來。

結(jié)語

由于時間限制，分析和結(jié)果是基于我的個人經(jīng)驗(yàn)和少量數(shù)據(jù)，需要進(jìn)行深入分析和其他測試，以便完善和驗(yàn)證解決方案。

原文鏈接：《Booking.com — UX Case Study》

歡迎關(guān)注譯者的微信公眾號：「彩云譯設(shè)計(jì)」