恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
爱彼迎产品设计体验分析
75.0°
2022-12-20 原创文章 经验/观点 举报 20945 62 89 6

12个维度分析爱彼迎的产品

今天和大伙分享一个非常不错的产品,那就是爱彼迎。

爱彼迎(Airbnb)是一个出租住宿民宿的网站,提供短期出租房屋或房间,让旅行者通过网站或手机发掘和预订世界各地的独特房源,为近年来共享经济发展的代表之一。

我第一次用爱彼迎产品的时候,发现爱彼迎用户体验、设计都非常的不错,给人感受专业、舒适、信任带有设计追求的产品。虽然爱彼迎今年已经退出中国市场,聚焦出境游业务,但是爱彼迎的产品体验有很多点值得学习,今天我将从12个维度进行分析。

1.品牌理念
从这张图我们清楚看出爱彼迎符号融入了人、地点和爱的品牌愿景。
爱彼迎说任何人都可以画出的心形,超越了语言和文化,颂扬了爱彼迎的热情好客精神,而热情好客的新调色板则反映了人们的开放心态。
爱彼迎的品牌色红色更好的传达了爱、热情好客品牌理念。

2.品牌符号
1.我从App Store找到最新的爱彼迎的logo,发现爱彼迎的颜色有所变化,偏向粉一些的红色,更具有活力的颜色。
2.爱彼迎的logo好看是有原因的,我发现图标是由三角形区域中设计的,导致图标给人的感觉很,同时利用简洁的线条进行图形绘制,非常不错的符号。


例如日本三菱的logo,也类似这种设计形式,虽然是三个菱形组成,但是都是在一个三角形下进行设计,显得非常的稳。同时我发现跟名字也有关联,菱字和菱形的关联。非常的经典、克制、耐看,从小就很喜欢这个logo。

3.启动页
每一个app都有启动页,而爱彼迎用浅灰色的logo作为启动页。感受最深就是这个app没有广告,保持最纯粹的页面。

4.首页设计
爱彼迎首页目标非常的明确,顶部卡片利用大投影使得视觉层级是最高的,同时配上红色大按钮“搜索房源”的描述来提高用户的点击效率

5.卡片设计
爱彼迎卡片设计非常有细节
banner的比例是3:2,用户的头像在图的右方,做了一个破形处理,让户主和图片关联起来,非常有创新的布局,让平庸的界面更加设计感,同时大部分用户都是右手操作,头像在右下角,在操作的热区,体验会更佳。

6.标签细节
1.爱彼迎标签一样很有细节,重要的标签颜色和普通不一样,重要标签是棕色色值而普通标签只是浅灰色,有个层级的对比。
2.标签的左右安全距离保持一致,当字数有变化的时候,标签感受和规范是一致的。


7.透明细节
1.爱彼迎评分标签背景是带一点透明度的,如果用纯色会突兀,而有透明度显得界面通透、清新
2.右上角爱心图标白色描边+黑色透明+微投影,为了更好兼容白色图片和黑色图片。


8.布局细节
1.爱彼迎首页下滑有一个探索全球奇屋,全屏都是美丽的民宿,采用瀑布流的设计布局,图片之间错开展示,自适应的高度设计,头部大banner,下面配上小图,具有节奏感。
2.左上角按钮大小高宽的点击区域大于88px(基于2倍图)体验非常的好。

9.沉浸式体验
1.点击进入民宿,主图铺满3/4的手机界面,用户可以进行左右滑动查看民宿图片细节,用户还可以上下切换名宿,整体给用户沉浸的感受。
2.当用户点击喜欢的按钮,界面的背景色黑色变成彩色背景,给用户明显的感知。

我发现这些介绍页面可以翻译成中文,也可以显示原文(葡萄牙语)对应各国国家爱彼迎又做了对应的翻译处理,作为用户是非常的友好,能完全看的懂,为了满足国际化设计。


10.弥散色彩
1.爱彼迎有几处用了弥散的色彩,例如选择感兴趣的民宿,背景会加入一些弥散色彩做一些设计区分。
2.个人中心也会在背景上用品牌色作为弥散色彩进行设计,让页面更加丰富。

11.图标设计
1.发现爱彼迎的图标都是灰色线性图标,同时每一个风格的民宿会专门赋予一种图标,保证了图标的一致性。
2.线性图标的优点是简洁、高效,减少对内容的视觉干扰,能给用户带来极致的感受。

12.字体设计
1.仔细的人会发现,爱彼迎专门为自己的APP设计了数字字体和英文字体airbnb-cereal-font,字体比较时尚、粗壮,特别应用在标题、评分、价格重要信息上具有很好的识别性。
2.字体也可以给产品提高品牌性,形成差异化。

总结
1.品牌符号可融入企业的愿景和理念。
2.品牌色的选择好的话,可以达成差异化。
3.为APP打造一款数字字体和英文字体可以提高产品的品牌性。
4.破形的设计还可以运用在APP的布局中,会有创新性的效果。
5.整个APP的图标风格需要保持一致,这样用户的感受是一致的。
6.图片的清晰、美观、高雅可以给整个APP提高美感,这个需要根据APP的定位来确定。

感谢大家阅读~~ 关注黄小伟设计,分享好的设计。

微信公众号:黄小伟设计

Powered by Froala Editor

更新:2022-12-20

收藏

62人已收藏

评分:

完整度:4星

启发性:4星

勤奋性:4星

排版布局:3星

推荐:
挺好的一篇产品分析文章,这是一颗遗珠分享给大家~

黄小伟

每天都要加油

  • 12

    作品

  • 137

    粉丝

  • 63

    关注

  • 3D主题设计!
  • 喜茶小程序产品设计体验分析
  • 韩国29CM产品设计语言分析
  • Instagram的视觉体验分析

    猜你喜欢

      2022-12-20 原创文章 经验/观点 举报 20945 62 89 6

      爱彼迎产品设计体验分析

      75.0°

      你确定要举报爱彼迎产品设计体验分析

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年12月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      89
      62
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录