行业关键字
UI设计UI理论和资料 → 正文
Airbnb成为用户体验设计领域标杆
作者: TCC翻译情报局 来源: 公众号:TCC翻译情报局 时间: 2024年10月22日
从一家在创始人租住的房子里开业的小旅馆加早餐店,到价值十亿美元的跨国酒店公司——设计 是他们成功的关键因素之一。

这一切都始于 Joe Gebbia,他是一位拥有设计思维背景的联合创始人之一。尽管公司成立 3 年后才推出他们的第一款移动应用,然而他们 以用户为中心的方法 帮助他们赢得了首批客户。

除了专注于销售外,他们还致力于解决用户的问题和痛点,进行市场调研和观察。这正是用户体验设计师的职业目标,然而这家公司从一开始就明白了这一点。


Airbnb 创始人的早期照片
Nathan Blecharczyk,Brian Chesky和 Joe Gebbia
(按顺序排列)

这并不是 Airbnb 第一次因为拥有设计背景的领导者而获得成功。他们曾聘请知名的设计工作室-London DesignStudio 负责品牌设计,甚至成立了自己的内部创新和设计部门,名为“Samara”。

Samara 经常雇佣前苹果设计师和领导者来主导他们的项目。Apple 的基因开始渗透到 Airbnb 的设计中,而这一举措是非常成功的。

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

01 Baby Steps 他们的第一个网站


Airbnb 在 2008 至 2009 年间的重新设计

最初的设计迅速体现了 Airbnb 在创业初期的方向转变。第一个网站明显难以自然传达其所提供的服务,那些独特的图形确实也为网站增添了几分特色。新版网站则明显更加商业化,并遵循了行业标准设计。

· 标识的一大飞跃

早期的标识是由联合创始人之一 Brian Chesky 设计,坦白说,这是一个非常出色的尝试!后来,这个文字标识被简化为我们现在熟悉的名称。这让用户能够专注于搜索目的地,而不是标识。遗憾的是,他们花了稍长的时间才将过于鲜艳的粉色和蓝色改进为我们现在所喜爱的柔和的三文鱼色。

· 引导用户去做重要的事情


使用 Cluify 生成的基于人工智能的可视化热图

理解设计模式至关重要,特别是以用户为中心设计领域。这张可视化热力图清晰地展示了标题的受关注程度 ,随后用户的视线移动到搜索栏并执行相应操作。

另一个显著的差异点是页面底部的标识集合。他们终于为自己的品牌创造了一些 可行度,而这在最初的版本中是不存在的。

我们也能注意到统一的网格布局,不仅有助于网站的响应迅速,同时也改善了层次结构。他们还优化了排版,整个网站仅使用 1-2 种无衬线字体。最终呈现出企业站该有的感觉,摆脱了校园项目的稚嫩。

02 移动优先时代来临-他们的移动应用


2012 年推出的首款安卓应用程序

随着智能手机在美国日益普及,Andrew Vilcsak 带领开发团队创建了一款以用户为中心的移动应用程序,丰富的功能令人惊叹。

用户可以快速搜索“Airbnb”,与房东进行联系,甚至预订行程。推出这款应用还附带了移动端网站的更新,最初仅在 Android 系统上可用。

实际上,我找到了一段 TechCrunch 采访 Andrew 的视频,展示了他们的第一款 Airbnb 应用程序。Airbnb interviewhttps://youtu.be/FXhvZR1eV7Q

过这段采访,我们可以看出他们对公司和数字平台的发展方向有多么清晰的认识。很显然 Andrew 专注可行的设计,了解客户的需求,并在数字平台上平衡房东房客之间的关系。

· 拟物化的核心

在当时,这款 Android 应用不仅功能齐全,而且在设计方面也非常出色。使用当时常见的 3D 和拟物化设计风格。然而,在遵循设计趋势时,关键的关键在于实施。

Airbnb 的用户体验恰到好处我个人非常喜欢逼真的按钮设计,同时,价格标签的设计也是一个非常精美的点缀。我曾经在一家酒店预订公司工作,凭借经验,我认为这款应用的结构非常合理。

价格清晰且突出,层次分明,醒目的行动号召按钮(CTA),导航也很便捷。这些设计符合我们多年来学到的大多数的用户体验设计法则和原则。

这款应用确实存在相关数据不足和布局缺乏独特性的问题,但作为一款在 2012 年设计的应用程序,这已经是一个伟大的尝试。

显然,他们在重要的方面投入了更多的时间和精力,而不是试图一次性完善所有内容。到现在,我们所看到的,他们始终专注于迭代设计。

03 Bélo 他们的第一次大跃进


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

每家公司在经营多年后都会迎来一个转折点,而对于 Airbnb 而言,转折点就是他们那次产生了真正多米诺效应的重大重构设计。

自从 Airbnb 成为其细分领域的领导者以来,“Bélo”符号已经成了流行文化标志。这个在 2014 年设计的新标志帮助 Airbnb 从单纯的旅行领域拓展到旅游业其他相关领域。

每个人都可以对这个标志进行开放式的解读(如上图所示)。这个标志最终完全取代原来的文字商标。

通常一个“公司进行品牌重塑”之后,他们的整个数字形象都会发生一系列的设计变化。他们的应用程序和网站都实现了巨大的飞跃,变得更加简约干净,既能容纳大量的屏幕信息,同时也顺应了不断发展的极简设计潮流。


2014 年的 Airbnb 网站

·在这次大规模重构设计中,发生了哪些变化?
·居中对齐的布局,包括文本甚至网格。
·每个元素周围都有大量的留白,整体布局更加开阔。
·三文鱼色开始出现在主按钮上。
·推出不同的产品服务,并邀请用户成为房东。
·着陆页缺乏内容,有些令人失望。他们本可以更好地利用屏幕上的空间。
·新标志随处不在,这无疑让人更难忘。

04 Samara 项目简介


基于他们的“Belo”标志的 Samara 拉项目标志

一家公司朝着以设计为中心的未来迈进的最大举措之一,就是成立自己的设计工作室-Samara 。Samara 将成为公司的一个创新点,他们聘请了一些知名设计师来创造以用户为中心的产品。

还记得我提到过的 Joe Gebbia 吗?他是将设计思维带入董事会的联合创始人之一。就是他领导Samara 公司。

他们采用一种非常类似“实验室”的方法,不断进行实验,这意味着他们的实验成果可能永远不会公之于众。他们的第一个实验-“吉野雪松屋 ”就是一个很好的例子。这个项目虽然展出过,但从未正式推出。


实际展出的吉野雪松屋

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

Jony Ive 与 已故的 Steve Jobs我们认为 Airbnb 不会在设计上的投入更多,但是在 2020 年,他们雇佣了 Lovefrom ,这是由传奇 Apple 设计师 Jony Ive 创立的设计工作室 。

就设计经历而言, Jony Ive 曾与 Steve Jobs 密切合作,他们设计了 iPhone、iPod、iPad、iMac 等产品。

多年来,Jony 承担 Airbnb 设计团队的发展,并且与他们团队建立了深厚的关系。因此,在这里产生的任何重大设计变革自然都将归功于Jony Ive 和他的团队。先是 Apple,现在是 Airbnb!…

06 Airbnb 拥抱 3D 技术


Airbnb 对 3D 的最新探索

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

除了预告新的 3D 风格外,他们实际上正在将这些整合到他们的实时应用程序中,就像下面的一些截图一样。


Airbnb 2023 年冬季发布

07 Airbnb 正在使用人工智能吗?

答案很简单,是的。


Airbnb 人工智能房源功能

最近,Airbnb 为房东更新的一项由 AI 驱动的首批公共功能,房东现在可以拍摄照片,AI 会以有序且自动标记的方式整理他们的房源图片。坦白说,这并不新奇,但是,这无疑是 Airbnb 迈向人工智能的第一步。 

上面的动画加强了他们对 3D 设计的深入研究。庆祝动画是一堆 3D “球”和彩纸在周围流动。

08 释放他们的创造力

在我的设计生涯中,学到了关键的一课,就是作为一名设计师,我需要让自己的创造力自由迸发。将自己局限于特定的工作角色和既定任务可能会使创意工作变得乏味。

为了避免这种情况,Airbnb 实际上鼓励他们的设计师参与一些超出他们预期工作范围的酷炫创意项目。

其中一项举措是 Airbnb.design,这个平台展示了一些这样的创意项目,还有一些幕后花絮内容。他们还公开了一些案例研究,无论是用户体验研究还是包容性设计。


Airbnb.design 网站

除了文章和案例研究,他们还有视频、特别项目,甚至宣布 Airbnb 未来动向的活动。他们还有一个时事通讯!

09 我们可以从Airbnb 学到什么?

·具有设计背景的领导者能为公司带来真正的变革
·项目方向明确,百万投入可创造十亿回报
·给予设计师创意实验的自由,能为公司赢得丰厚回报
·公开研发并持续迭代产品,有助于在成长中不断学习
·创新形式多样,设计正是其中之一

(责任编辑: Admin

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版