Airbnb 全新改版,摒棄iOS,擁抱Material Design
來源公眾號:用戶設(shè)計(IXDC獲授權(quán)轉(zhuǎn)載)
或許你還不了解 Airbnb,這家估值300億美元的獨角獸公司以共享經(jīng)濟的商業(yè)模式成功顛覆了酒店業(yè),讓用戶節(jié)省了30%-50%的花銷。而且并不要求用戶入住登記和結(jié)賬退房,便利性完勝,舒適性和衛(wèi)生條件達到了中端酒店水平。
解決用戶痛點
Airbnb 很善于發(fā)現(xiàn)用戶痛點。有住酒店需求的用戶大多是因為在旅途中需要一個棲身之地,也就是說:住酒店只是旅游需求的必要延展。尋求業(yè)務(wù)突破點,自然落到了旅游上。于是,18日凌晨 Airbnb 在洛杉磯舉行的世界房東大會上正式宣布進軍旅游業(yè)。
旅行很容易,但我們旅行時沒能像當(dāng)?shù)厝艘粯酉硎苣抢锏纳睢irbnb 可以讓用戶在當(dāng)?shù)厝说膸ьI(lǐng)下參與一些與眾不同的活動,例如和長期熱愛天文的人去看夜空中的銀河,或跟一個非常了解當(dāng)?shù)貧v史的人來一個充滿歷史故事的旅程。Airbnb 將其稱為 “體驗”。
旅游中總有很多當(dāng)?shù)氐碾[藏點,發(fā)現(xiàn)它們就需要 “攻略”,讓用戶可以在地圖上找到當(dāng)?shù)貙<覀兺扑]的附近值得去的地方,例如音樂家推薦的有不錯樂隊的酒吧,或這個街區(qū)鄰居們推薦的餐館。
UI全新改版
產(chǎn)品功能準(zhǔn)備的很完善,最終的用戶體驗是落在UI上的,我們來對比一下 Airbnb 做了哪些改動,這一部分可以抱有很高期待,前不久榮獲 2016年度 Material Design 設(shè)計獎(聚焦效率組)。
1、主頁面:
· 逆 iOS10 的設(shè)計愈發(fā)突出:用字明顯收斂了許多,不再使用那 “傻大黑粗” 的樣式了;
· 向 Material Design 靠攏:tab的使用,圖片尺寸收斂以更好完成十字滑動邏輯(play store 將其發(fā)揚光大);
· 標(biāo)簽欄文字說明:以 Airbnb 現(xiàn)在的體量,用戶已經(jīng)不光是互聯(lián)網(wǎng)深度用戶,配以文字說明,降低用戶學(xué)習(xí)陳本,畢竟這一版的層級邏輯做了修改。
2、房源列表頁:
· 收藏icon 小而精致了許多;
· 去掉了房源總數(shù),畢竟用戶的耐心有限,不太可能從第一個看到后一個;
· 盡可能不遮擋圖片信息;
· 列表頁去除房東信息,用戶關(guān)心的是房源而不是房東;
· 下置篩選與地圖查看功能,隨著手機尺寸的變大,上方操作異常困難。
3、房源詳情頁:
· 常置重要信息:價格不再依附于圖片之上,常駐底部,同時讓 “查看是否可訂” 按鈕更加友好;
· 內(nèi)容更加均衡:突出房東信息,留有必要的空白;
· 盡可能不遮擋圖片信息。
4、個人資料頁:
· 頭像信息從二級頁移置一級頁面;
· 心愿單移置便簽欄。
5、體驗頁(新增):
6、攻略頁(新增):
總結(jié)
旅游功能的推出,也許會讓那些處于休閑目的而旅游的年輕人成為Airbnb更為忠實的用戶。今天,旅游業(yè)的增長比以往任何時候都快。去年,酒店業(yè)的利潤創(chuàng)下了歷史記錄。人們愿意把錢花在旅行和看世界這類體驗上面,毫無疑問,旅游業(yè)和酒店業(yè)的紅利仍有挖掘的空間。
UI則收斂了許多,不再像之前那樣激進。從標(biāo)簽說明、下置篩選與地圖查看功能、常駐價格等諸多細(xì)節(jié)的改進,提升了用戶體驗。但整體風(fēng)格略顯怪異,部分頁面大調(diào)之后與某些頁面顯得不搭,似乎只是一個過渡版。
精選課程
共鳴設(shè)計——科學(xué)與審美的交匯,以Xiaomi SU7設(shè)計為例
李田原
小米汽車 設(shè)計總監(jiān)
設(shè)計論文寫作:如何將實踐案例轉(zhuǎn)換為可發(fā)表的文本
2024產(chǎn)品設(shè)計專業(yè)系統(tǒng)化能力提升課程
2024體驗設(shè)計專業(yè)系統(tǒng)化能力提升課程
玩轉(zhuǎn)行為設(shè)計 高效提升產(chǎn)品業(yè)績(中文字幕)
Joris Groen
Buyerminds 聯(lián)合創(chuàng)始人,創(chuàng)意總監(jiān)