2019-9-6 資深UI設計者
每一次學習改版案例,不僅僅只是去看在視覺層面的變化,更多的應該是要學習到作者改版背后的思考。為什么要這么改,原因是什么,目的又是什么,怎么做,有哪些限制等等,有很多東西要去思考。所以,帶著問題并結(jié)合自己實際中所做的項目來看案例,應該會是一個很有收獲的過程。
Booking.com繽客 是一家荷蘭初創(chuàng)公司,并已經(jīng)發(fā)展成為全球最大的旅游電子商務公司之一。
在Booking上,旅客可以選擇世界上任何一處的住宿地點,包括公寓,度假酒店,民宿,五星級豪華度假村,樹屋甚至冰屋等等。每天,通過平臺預訂的房間數(shù)超過155萬。無論是商務旅行還是休閑旅行,人們都可以快速輕松地預訂到理想的住處。
自從Booking發(fā)布以來,許多競爭對手都采用類似的商業(yè)模式瘋狂跟進,搶占市場,并且在某些方面比Booking本身做的還好。
在調(diào)研的前期階段,我去搜集了一些競爭對手和類似的平臺,分析UI,用戶體驗,用戶地圖,信息架構(gòu)和關(guān)鍵功能。但是我并不會花太多時間過于深入的去分析這些產(chǎn)品,因為我希望將重點放在Booking這個產(chǎn)品本身的訴求上。
在之前的調(diào)研過程中,我發(fā)現(xiàn)了許多不同的使用場景,經(jīng)過匯總歸集,我集中關(guān)注以下3個場景:
在進一步的研究中,我明確了4位具有不同需求和不同目標的典型用戶,這些數(shù)據(jù)對于改善不同用戶的體驗非常有用。
這個分析的目的是通過梳理最佳的用戶流程并提升產(chǎn)品體驗,來為不同需求的用戶提供最好的用戶體驗。
△ 數(shù)據(jù)來源:在線研究和用戶訪談(30個用戶樣本)
收集用戶評論,從中我收到了很多有價值的反饋,這些評論中沒有特別明確指出是可用性或功能性的問題。我將這些反饋分為4類(譯者注:對反饋的問題進行提煉整理):
毫無疑問,最相關(guān)的是預訂被取消的問題。太多用戶會注意到不合理的費用或與房間的主人取得聯(lián)系時遇到困難。
基于30個用戶樣本,我試圖獲得進一步的用戶反饋,從中注意到以下的幾點事實:
我想引用一段話,來總結(jié)這里面遇到的問題,這段話也蠻有意思的,它說的是:
總結(jié)之前的分析,我提出了以下幾點觀點:
從用戶痛點出發(fā),嘗試找到合適的解決方案,來提升產(chǎn)品體驗。
1. 主頁
總的來說,我對首頁進行了大手術(shù)。主頁的搜索功能已經(jīng)完全重新設計,減少過多的干擾信息。
導航:我設計了一個新的導航欄,剝離出「已保存」功能,這樣用戶就可以快速找到自己所收藏的商品。此外,我也優(yōu)化了「交易」的模塊,后面我會詳細的說說這塊的改動思路。
其它功能 :至于之前的版本,我保留了搜索和相關(guān)推薦的功能,重新設計界面以改善UI的可用性。
2. 社交功能
如今,社交網(wǎng)絡在用戶的生活中扮演重要的角色,那沒理由在booking中做的這么差。我搞了一個新功能,允許用戶關(guān)聯(lián)自己的好友并查看他們的選擇,包括他們的評價(喜歡/不喜歡)。我已將此功能放置到主頁的下方,因為我希望在將其推廣到其他模塊之前收集更多有關(guān)它的數(shù)據(jù)。
3. 搜索功能
把這個功能分解為多個步驟。在輸入第一個詞后,即使沒有指定日期或其他信息,也能顯示相匹配的酒店。此外,我也加入了語音搜索,使搜索更容易?;谥拔覍Σ煌脩艚巧亩x,搜索的結(jié)果將根據(jù)最后的信息進行推薦:
4. 列表頁面
列表頁針對易用性方面做了整體的優(yōu)化:
5. 詳情頁
我列出許多可以在詳情頁面中加入的修改。將總價格突出顯示,以免有些隱形消費用戶可能會被忽略。
增強了一個與評論相關(guān)的次要功能,允許用戶通過不同標簽篩選它們。
6. 交易功能
在優(yōu)化開始時,我確定了操作場景2—— 「用戶還不知道自己的目的地」作為優(yōu)化方向。為了提供更好的用戶體驗,我增加了一個新的功能,用戶可以在其中找到不同目的地的區(qū)間。利用篩選功能,用戶可以選擇最適合其需求的區(qū)間(區(qū)間 – 大陸 – 國家等…)
最后,我還設計了一個整個項目的動效原型,把之前所有重設計的頁面串聯(lián)起來。
由于時間限制,分析和結(jié)果是基于我的個人經(jīng)驗和少量數(shù)據(jù),需要進行深入分析和其他測試,以便完善和驗證解決方案。
文章來源:優(yōu)設網(wǎng)