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