
_从创始人在租来的房子里开设的一家小型住宿和早餐酒店,到价值数十亿美元的跨国酒店公司——设计是他们成功的关键因素之一。_
这一切始于Airbnb的一位联合创始人、具有设计思维背景的 Joe Gebbia。尽管他们的第一款移动应用是在公司成立三年后才推出的,但其用户为中心的方法帮助他们赢得了首批客户。他们没有仅仅关注销售,而是致力于解决用户的问题和痛点,进行市场调研和观察——这正是用户体验设计师在其职业生涯中所追求的。而 Airbnb 从第一天起就深刻理解了这一点。

Airbnb 创始人 Nathan Blecharczyk、Brian Chesky
和 Joe Gebbia 的早期照片
这并不是 Airbnb 第一次因为有设计背景的领导者而获得成功。据悉,他们曾聘请过著名设计工作室 London DesignStudio 进行品牌设计,甚至还成立了自己的内部创新设计工作室 “Samara”。
Samara 经常聘请前苹果设计师来领导他们的设计项目,苹果的 DNA 开始渗透到 Airbnb 的设计中。通过这篇文章,我们将了解这一切发生的原因和过程。
:: 01
Baby Steps — 他们的第一个网站

2008 年至 2009 年 Airbnb 的重新设计
—
第一批设计迅速展示了 Airbnb 在业务初期的方向转变。第一个网站显然很难自然地传达其提供的服务,但独特的图形确实为网站增添了一些特色。较新的网站绝对更具商业性,并遵循某些行业标准设计。
_Θ_标志的巨大飞跃
早期的标志是由联合创始人之一 Brian Chesky 设计的,这确实是一个伟大的尝试!这个字标后来被简化,缩短为我们熟悉的名字。这样用户就可以专注于搜索目的地而不是标志。不幸的是,他们花了更长的时间来改进他们的颜色,从超亮的粉红色和蓝色到我们喜欢的微妙的鲑鱼色。
_Θ_引导用户关注重要的事情

了解设计模式非常重要,尤其是在以用户为中心的设计方面。此视觉热图清楚地表明了标题吸引了多少注意力,随后用户转向搜索栏并采取行动。
另一个相当明显的区别是页面底部的徽标集合。他们终于为自己的品牌创造了一些可信度,而这在他们第一次迭代时是不存在的。
您还会注意到一致的网格布局,这有助于网站响应迅速,同时具有更好的层次结构。他们还设法修复了排版,在整个网站上坚持使用 1-2 种无衬线字体。它终于感觉像一个真正的公司网站,而不是像一个大学项目。
:: 02
世界变得移动至上——他们的移动应用程序问世

第一个 Android 应用程序于 2012 年推出
—
随着智能手机在美国的普及,Andrew Vilcsak 带领开发团队创建了一款以用户为中心的移动应用,该应用功能丰富得令人吃惊。用户可以快速搜索 Airbnb 房源、联系房东,甚至预订行程。这款应用还附带了移动网站更新,最初仅在 Android 平台上提供。
(此处为视频,请在原文中观看)
TechCrunch 真实采访
仅通过采访,人们就能看出他们对公司及其数字平台的发展方向有多么清晰。安德鲁显然专注于可行的设计,了解客户的需求,并在数字领域平衡主人与客人的关系。
_Θ 拟物化的核心风格_
这款 Android 应用功能齐全,但更重要的是,它在当时的设计非常出色,它采用了一致的 3D 和拟物化设计,这在当时非常常见。然而,在遵循设计趋势时,实施才是关键。(Airbnb 也正是做到了这一点)

Airbnb 的用户体验很好
逼真的按钮设计被很多用户所喜爱,价格标签也非常漂亮,而且这款应用结构也非常好,价格一目了然,放在卡片结构最显眼的位置,层次分明,CTA 醒目("Call to Action" 的缩写,这通常是指在广告、营销材料、网站或其他媒介中用来促使观众采取某种行动的短语或句子。),导航简单。设计符合我们多年来学到的大部分用户体验设计法则和原则。
该应用确实存在缺乏相关数据和独特布局的问题,但对于 2012 年推出的应用来说,这也是一次超前的设计尝试。他们显然将更多的时间和精力投入到重要的事情上,而不是试图一次性清理所有内容。从目前所看到的情况来看,Airbnb 一直专注于迭代设计。
:: 03Airbnb的第一次大飞跃——“Belo”

—每家公司在经营多年的过程中都会遇到一个转折点,对于 Airbnb 来说,他们的重大重新设计产生了真正的多米诺骨牌效应。
自从 Airbnb 成为其在线住宿预订平台领域的领导者以来,“Bélo” 符号就成为了流行文化的标志。这个新标志于 2014 年设计,将帮助 Airbnb 从单纯的旅行转向其他旅游领域。人们可以自由地解释这个标志(如上图所示)。这个标志将完全取代原来的文字标记。
我们经常看到“公司品牌重塑”之后,其整个数字形象都会发生一系列设计变化。他们的应用程序和网站有了巨大的飞跃,变得更加简约和干净,以适应屏幕上的大量信息,同时也顺应了日益兴起的极简主义设计潮流。

这次大规模重新设计期间发生了哪些变化?
- 中心对齐布局,包括文本甚至网格。
- 每个元素周围都有充足的空白,使所有内容更加分散。
- 在主要按钮上可以看到鲑鱼的颜色。
- 推销不同的产品并邀请人们成为主人。
- 登陆页面内容太少,有点让人失望。他们可以利用屏幕上的空间做很多事情。
- 新的标志已被广泛使用,这无疑会使其更加令人难忘。
:: 04
Samara 项目简介

Project Samara 徽标基于其“Belo”徽标
—
一家公司朝着以设计为中心的未来迈出的最大一步就是开设自己的设计工作室——Samara。Samara 将成为该公司的创新点之一,他们在那里聘请了一些知名设计师来打造以用户为中心的产品。
乔·杰比亚 (Joe Gebbia) 是将设计思维带入董事会的联合创始人之一,也是 Samara 的领导者。团队采用了一种非常像“实验室”的方法,他们不断地进行实验,即使这意味着他们的实验永远不会公之于众。他们的第一个实验——“吉名雪松屋”就是一个很好的例子。这个实验虽然展出了,但从未推出过。

展出的吉名杉屋实物
:: 05
Airbnb 史上最大设计新闻

Jony Ive 与已故史蒂夫·乔布斯
—
如果你认为Airbnb在设计上的投入已经到达极限,那么你还是低估了Airbnb的对设计的重视程度。在2020年,他们聘请了LoveFrom,这家由传奇苹果设计师乔尼·艾夫(正是与史蒂夫·乔布斯紧密合作,设计了iPhone、iPod、iPad、iMac等产品的那个人)创立的设计工作室(LoveFrom by Jony Ive)来进行品牌设计工作。
乔尼承担起了扩大 Airbnb 设计团队的责任,并与公司的团队建立了深厚的联系。因此,Airbnb 从这一时刻开始的,有关设计的任何重大变化,自然都将归功于乔尼·艾夫和他的团队的贡献。先是苹果,现在是Airbnb!
:: 06
Airbnb 拥抱 3D

Airbnb 最新 3D 探索
—
该公司联合创始人 Brian Chesky 在 Twitter (X) 上发布了一段简短的视频,展示了他们应用程序的一些新功能。然而,设计师注意到了 3D 插图和动作的新方法。除了展示新的 3D 风格之外,他们实际上还将其融入到他们的实时应用程序中,就像下面的一些截图一样。

Airbnb 2023 年冬季发布
:: 07
Airbnb 正在使用人工智能吗?
简单的回答是:是的。

Airbnb AI 房源功能
—
人工智能驱动的首批公共功能之一最近已为【房东】用户更新。房东现在可以拍照,人工智能会以有组织和自动标记的方式整理他们房源的所有照片。实话说,这其实并不是什么大事,但这绝对是 Airbnb 进军人工智能的第一步。
上面的动画强调了他们对 3D 设计的深入。庆祝动画是一堆 3D“球”和五彩纸屑四处飘扬。
:: 08
释放创造力
Airbnb.design 网站
—
作为一名设计师,你需要让你的创意源源不断。将自己限制在工作角色和设定任务上会让创意工作变得无聊。为了避免这种情况,Airbnb 会鼓励他们的设计师承担一些超出他们预期工作角色,但又很酷的创意项目。
Airbnb.design 就是这样一个项目,它展示了一些创意项目,以及一些幕后博客。他们还制作了一些用户体验研究与包容性设计的案例研究。除了文章和案例研究外,还有视频、特别项目,甚至还有透露 Airbnb 下一步计划的活动(包括一份时事通讯)
:: 09
简而言之,我们可以从 Airbnb 学到什么?
1、具有设计背景的公司领导者确实可以发挥作用。
2、如果你的项目有一个明确的方向,那么花费数百万就能赚到数十亿美元。
3、让设计师进行实验并创造性地表达自己可以给公司带来回报。
4、公开构建和迭代您的产品可以帮助您在成长的同时学习。
5、创新有多种不同的形式,设计就是其中一种形式。
纸上得来终觉浅
学园也为大家准备了最新的UX设计资源
点击在看+分享
即可联系智将菌老师获得资源地址哦~
资源一:Magic UI

包含 20 多个使用React、Typescript、Tailwind CSS和Framer Motion构建的免费开源动画组件。帮助你“无痛”实现丝滑的组件交互效果!
资源二:Figr Identity

在 Figma 中快速构建设计系统,可帮助你轻松创建和管理样式和变量等元素,使设计保持一致且符合品牌形象。
资源三:Figr Identity

一个 AI 插画分享平台 无论你是网站设计师、还是内容创作者,都能助你一臂之力,无版权问题,下载即用,完全免费。只需一键,即可将插画导入到 Figma 中,轻松编辑和应用。


选校定位 & 课程咨询可联系我们~👇微信:zhaojundesign2

¯\_(ツ)_/¯
朝菌学园考研成绩
了解教学质量,可重点观察机构专业属性、教学成果、课程内容大纲、师资团队等方面。教学成果非常重要,但也是虚假信息的重灾区,同学们要多咨询多辨识,防止被迷惑欺骗。
1、榜单中均为在朝菌学园考研主课学习过的学员,2019年之前的榜单则是朝菌学园现任讲师曾经的学生;
2、部分同学会同时出现在其他机构成绩单中,这可能是由于该同学曾在多个机构中学习,也可能是其他机构假冒成绩单,如有疑问可以咨询教务老师;
3、本榜单中不包含朝菌的保研录取成绩与留学录取成绩;


朝菌团队始终非常感谢各位同学的关注与喜爱, 2020-2023年,朝菌学园的同学们在考研、保研、留学领域取得了超过100个国内外高校的交互设计专业的录取Offer! 多数offer为国内名校、985高校及全球Top100名校,我们对2024年度的专业课程更加充满信心!
¯\_(ツ)_/¯
朝菌学园保研成绩
在2023年度,有数十名同学参加了朝菌学园的保研推免课程,所有学员均成功上岸,共收获42份offer,保研成功率高 达100%!其中有 95% 的同学成功保研至985/211/双一流院校, 外保成功率达86%! 往年若有同学未得到本校保研资质,也在学园的辅导下,转向申请非大陆院校、或求职工作、转向考研并最终录取上岸。
从保研院校去向来看,同学收获了顶尖设计院校&985院校的33份offer,其中清华、 北大 共 7 份offer上交、 浙大、 同济 共 7 份offer中大、 川大、 哈工大 共 10 份offer东大、 北师大 共 4 份offer湖大、 华南理工 共 5 份offer
除了985院校,还有 9 份offer来自国内的top50院校/设计强校,包括 南科大、 北科大、 华东理工、 广工 等。
