Airbnb 全新改版,摒弃 iOS 拥抱 Material Design

用户头像
北京/UI设计师/9年前/4678浏览
Airbnb 全新改版,摒弃 iOS 拥抱 Material Design
用户头像
沄海

颠覆了酒店业的Airbnb,现在要重新定义旅游业

或许你还不了解 Airbnb,这家估值300亿美元的独角兽公司以共享经济的商业模式成功颠覆了酒店业,让用户节省了30%-50%的花销。而且并不要求用户入住登记和结账退房,便利性完胜,舒适性和卫生条件达到了中端酒店水平。


解决用户痛点

Airbnb 很善于发现用户痛点。有住酒店需求的用户大多是因为在旅途中需要一个栖身之地,也就是说:住酒店只是旅游需求的必要延展。寻求业务突破点,自然落到了旅游上。于是,18日凌晨 Airbnb 在洛杉矶举行的世界房东大会上正式宣布进军旅游业。


旅行很容易,但我们旅行时没能像当地人一样享受那里的生活。Airbnb 可以让用户在当地人的带领下参与一些与众不同的活动,例如和长期热爱天文的人去看夜空中的银河,或跟一个非常了解当地历史的人来一个充满历史故事的旅程。Airbnb 将其称为 “体验”。


旅游中总有很多当地的隐藏点,发现它们就需要 “攻略”,让用户可以在地图上找到当地专家们推荐的附近值得去的地方,例如音乐家推荐的有不错乐队的酒吧,或这个街区邻居们推荐的餐馆。


UI全新改版

产品功能准备的很完善,最终的用户体验是落在UI上的,我们来对比一下 Airbnb 做了哪些改动,这一部分可以抱有很高期待,前不久荣获 2016年度 Material Design 设计奖(聚焦效率组)。


1、主页面:

逆 iOS10 的设计愈发突出:用字明显收敛了许多,不再使用那 “傻大黑粗” 的样式了;
向 Material Design 靠拢:tab的使用,图片尺寸收敛以更好完成十字滑动逻辑(play store 将其发扬光大);
标签栏文字说明:以 Airbnb 现在的体量,用户已经不光是互联网深度用户,配以文字说明,降低用户学习陈本,毕竟这一版的层级逻辑做了修改。


2、房源列表页:

收藏icon 小而精致了许多;

去掉了房源总数,毕竟用户的耐心有限,不太可能从第一个看到后一个;

尽可能不遮挡图片信息;

列表页去除房东信息,用户关心的是房源而不是房东;

下置筛选与地图查看功能,随着手机尺寸的变大,上方操作异常困难。


3、房源详情页:

常置重要信息:价格不再依附于图片之上,常驻底部,同时让 “查看是否可订” 按钮更加友好;

内容更加均衡:突出房东信息,留有必要的空白;

尽可能不遮挡图片信息。


4、个人资料页:

头像信息从二级页移置一级页面;

心愿单移置便签栏。


5、体验页(新增):


6、攻略页(新增):


总结

旅游功能的推出,也许会让那些处于休闲目的而旅游的年轻人成为Airbnb更为忠实的用户。今天,旅游业的增长比以往任何时候都快。去年,酒店业的利润创下了历史记录。人们愿意把钱花在旅行和看世界这类体验上面,毫无疑问,旅游业和酒店业的红利仍有挖掘的空间。


UI则收敛了许多,不再像之前那样激进。从标签说明、下置筛选与地图查看功能、常驻价格等诸多细节的改进,提升了用户体验。但整体风格略显怪异,部分页面大调之后与某些页面显得不搭,似乎只是一个过渡版。



Airbnb 官方宣传视频

不能播放?点这里

67
阅读原文
|
举报
|
64
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】游戏/娱乐icon
钱包ui模板
【新年UI图标】家具icon
UI应用平面图标
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
柠檬黄主题UI作品集模版
【新年UI图标】影音icon
【新年UI图标】美食icon
【新年UI图标】30个图标
矢量立体简约UI蓝白图标
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
新拟态风格 UI设计组件库
盲盒APP UI设计
高级表盘系列UI源文件
UI界面 组件
UI 登录界面设计模板包
我的钱包-UI界面设计-app
【新年UI图标】珠宝icon
手表表盘UI系列
【新年UI图标】美妆icon
UI_3D图标火箭炮<新春促销>
科技医疗透明柜UI界面设计
你可能喜欢
大家都在看
登录注册