选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

Airbnb 如何成为用户体验设计领域的领导者

从在创始人租来的房子里开设的一家小型住宿加早餐酒店,到价值十亿美元的跨国酒店公司——对他们的成功至关重要的一件事就是设计

这一切都始于Joe Gebbia,他是具有设计思维背景的联合创始人之一。尽管他们的第一个移动应用程序在公司成立三年后才推出,但他们以用户为中心的方法帮助他们赢得了第一批客户。他们不只关注销售,而是尝试关注用户问题和痛点、市场研究和观察。这就是用户体验设计师在职业生涯中努力实现的目标,但公司从第一天起就明白这一点。

1TfAVzseCT5znLYJvJuCJmQ
Airbnb 创始人的早期照片:Nathan Blecharczyk、Brian Chesky 和 ​​Joe Gebbia(按顺序排列)

并不是Airbnb 第一次因为一位具有设计背景的领导者而取得成功。据悉,他们聘请了颇受欢迎的设计工作室——London DesignStudio进行品牌设计,甚至还推出了自己的内部创新设计工作室“Samara”。

萨马拉经常聘请前苹果设计师和领导者来领导他们的项目。苹果的 DNA 开始渗透到 Airbnb 的设计中,在这种情况下,这是一个伟大的举措。

我们将通过本文了解这一切是如何以及为何发生的。

Baby Steps——他们的第一个网站

1VGFPAcoPbn8DeDRiMTJNVg
2008 年至 2009 年间 Airbnb 的重新设计

第一批设计很快就展现了 Airbnb 在其业务最初几年的方向转变。第一个网站显然很难自然地传达其提供的服务,但独特的图形确实为网站增添了一些特色。新的网站肯定更加商业化,并遵循某些行业标准设计。

— 标志的一大飞跃

早期的标志是由联合创始人之一布莱恩·切斯基(Brian Chesky)设计的,老实说是一个很棒的尝试!这个文字标记后来被简化,缩写为我们都熟悉的名字。这使得用户可以专注于搜索目的地而不是徽标。不幸的是,他们需要更长的时间来改善颜色,从超亮的粉色和蓝色到我们越来越喜欢的微妙的鲑鱼色。

— 推动用户关注重要的事情

1KcUUNm4mrgYc9xCeCgPn-w
使用 Cluify 生成基于 AI 的视觉热图

理解设计模式非常重要,尤其是当涉及到以用户为中心的设计时。这个视觉热图清楚地表明了标题命令的焦点程度,然后用户移动到搜索栏并采取行动。

另一个非常明显的区别是页面底部的徽标集合。他们终于为自己的品牌创造了一些可信度,而这在他们的第一次迭代中是不存在的。

您还会注意到一致的网格布局有助于网站响应,同时还具有更好的层次结构。他们还设法修复了版式,在整个网站上坚持使用 1-2 个无衬线字体。它终于感觉像一个真正的公司网站,而不是感觉像一个大学项目。

世界已成为移动优先——他们的移动应用程序问世

1y9Iw_9TIcRNVlfhhUJwC8A
第一个 Android 应用程序于 2012 年推出

随着智能手机在美国的普及,Andrew Vilcsak带领开发团队创建了一款以用户为中心的移动应用程序,该应用程序的功能出人意料地丰富。用户可以快速搜索爱彼迎、与房东联系,甚至预订行程。该应用程序还附带了移动网站更新,并且最初仅在 Android 上可用。

事实上,我找到了一段 TechCrunch 采访 Andrew 的视频,展示了他们的第一个 Airbnb 应用程序。

实际 TechCrunch 采访

仅通过采访就可以看出他们对公司及其数字平台的发展方向有多清楚。安德鲁显然专注于可行的设计,了解客户的需求,并以数字方式平衡主客关系。

– 拟物化的核心

Android 应用程序功能强大,但更重要的是,它的设计非常适合当时的需要。我注意到一致的 3D 和拟物化设计,这在当时很常见。然而,在遵循设计趋势时,实施是关键。

1ByHkjPuSLYQbxkEucE0zFA
Airbnb 的用户体验刚刚好

我个人非常喜欢逼真的按钮设计,而且价格标签非常漂亮。

我自己曾在一家酒店预订公司工作过,之后发现该应用程序结构非常好,价格清晰且位于最前沿,层次结构牢固,CTA 醒目,导航简单。这些设计符合我们多年来学到的大部分用户体验设计法则和原则。

该应用程序确实缺乏相关数据和独特的布局,但对于 2012 年制作的应用程序来说,这是一次伟大的尝试。他们显然在重要的事情上投入了更多的时间和精力,而不是试图一次性清理所有内容。从我们到现在所看到的,他们一直专注于迭代设计。

他们的第一次大飞跃——“Belo”

1fp62rIT0YPF4EO4FKlKhXg
他们的“Bélo”设计焕然一新

每家公司在经营多年时都会有一个转折点,对于 Airbnb 来说,他们伟大的重新设计产生了真正的多米诺骨牌效应。

自从 Airbnb 成为流行文化领域的领导者以来,“Bélo”符号已成为流行文化的标志。这个新标志于 2014 年设计,将帮助他们从单纯的旅行转向其他旅游领域。人们可以公开地解释该标志(如上图所示)。这个标志将完全取代原来的文字标志。

我们经常看到“公司品牌重塑”之后,整个数字化形象都发生了一系列设计变化。他们的应用程序和网站取得了巨大的飞跃,本质上变得更加简约和干净,以便容纳屏幕上的大量信息,同时也遵循不断发展的简约设计运动。

1GvTnce_lAnvFX-8Cp_SPPw
2014 年 Airbnb 网站

大的重新设计期间发生了什么变化?

  • 居中对齐的布局,包括文本甚至网格。
  • 每个元素周围都有大量的空白,一切都更加间隔。
  • 鲑鱼色出现在主按钮中。
  • 推广不同的产品并邀请人们成为主人。
  • 登陆页面上缺乏内容有点令人失望。他们可以利用屏幕上的空间做很多事情。
  • 新标志随处可见,这无疑让它更令人难忘。

萨马拉项目简介

1XHWHo3RmaGbGCz113STU_Q
萨马拉项目标志基于他们的“Belo”标志

公司迈向以设计为中心的未来的最大举措之一就是开设自己的设计工作室——萨马拉。萨马拉将成为该公司的创新点之一,他们聘请了一些知名设计师来创造以用户为中心的产品。

还记得我写过关于 Joe Gebbia 的文章吗?他是将设计思维带入董事会的联合创始人之一?嗯,他是领导萨马拉的人。

他们采用了一种非常“实验室”的方法,不断进行实验,即使这意味着他们的实验从未向公众公开。一个很好的例子是他们的第一个实验——“吉名雪松屋”。该作品曾被展出,但从未推出。

1zV10tth33Bs3d8r89eejbw
实际展出的吉名杉屋

Airbnb 有史以来最大的设计新闻

1pOHgP1tjPZlpMK5dxCQgLg
乔尼·艾维和已故的史蒂夫·乔布斯

如果你认为 Airbnb 不能在设计上投入更多,那么他们在 2020 年聘请了由传奇苹果设计师 Jony Ive 创立的Lovefrom设计工作室。 (来自 Jony Ive 的爱情)

就背景而言,乔尼·艾维 (Jony Ive) 是与史蒂夫·乔布斯 (Steve Jobs) 密切合作设计 iPhone、iPod、iPad、iMac 等产品的人。

Jony 承担起发展 Airbnb 设计团队的责任,并多年来与他们的团队建立了深厚的关系。因此,从这里产生的任何重大设计变化自然都是 Jony Ive 和他的团队的贡献。先是苹果,现在是 Airbnb!

Airbnb 拥抱 3D

10TwpgqUeYD2-H4QT5rctwA
Airbnb 最新进军 3D 领域

该公司联合创始人 Brian Chesky 在 Twitter (X) 上发布了一段短视频,展示了他们应用程序的一些新功能。然而,设计师注意到了 3D 插图和动作的新方法。

除了展示新的 3D 风格之外,他们实际上还将这些风格融入到他们的实时应用程序中,如下面的一些屏幕截图所示。

1dRnXu_hKV1wSTX_KrxgNfA
Airbnb 2023 年冬季发布

Airbnb 正在使用人工智能吗?

简单的答案是,是的。

1L7lyWzyg-AnZNjhIe4Q6Jw
Airbnb AI 房源功能

由人工智能支持的第一个公共功能最近针对主机进行了更新。房东现在可以拍照,人工智能将以有组织且自动标记的方式整理房源的所有照片。老实说,这没什么大不了的,但这绝对是他们进军人工智能的第一步。

上面的动画强化了他们对 3D 设计的深入研究。庆祝动画是一堆 3D“球”和四处飘扬的五彩纸屑。

翻译:云瑞设计

原文:prototypr

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。