Airbnb從一家小型旅館發(fā)展到全球酒店業(yè)巨頭，其成功的關(guān)鍵因素之一是設(shè)計(jì)。公司始終以用戶為中心的方法，從網(wǎng)站到移動(dòng)應(yīng)用，再到品牌重塑和創(chuàng)新項(xiàng)目，Airbnb不斷通過設(shè)計(jì)提升用戶體驗(yàn)。

從一家在創(chuàng)始人租住的房子里開業(yè)的小旅館加早餐店，到價(jià)值十億美元的跨國酒店公司——設(shè)計(jì) 是他們成功的關(guān)鍵因素之一。

這一切都始于 Joe Gebbia，他是一位擁有設(shè)計(jì)思維背景的聯(lián)合創(chuàng)始人之一。盡管公司成立 3 年后才推出他們的第一款移動(dòng)應(yīng)用，然而他們 以用戶為中心的方法 幫助他們贏得了首批客戶。

除了專注于銷售外，他們還致力于解決用戶的問題和痛點(diǎn)，進(jìn)行市場調(diào)研和觀察。這正是用戶體驗(yàn)設(shè)計(jì)師的職業(yè)目標(biāo)，然而這家公司從一開始就明白了這一點(diǎn)。

Airbnb 創(chuàng)始人的早期照片

Nathan Blecharczyk，Brian Chesky和 Joe Gebbia

按順序排列

這并不是 Airbnb 第一次因?yàn)閾碛性O(shè)計(jì)背景的領(lǐng)導(dǎo)者而獲得成功。他們曾聘請(qǐng)知名的設(shè)計(jì)工作室-London DesignStudio 負(fù)責(zé)品牌設(shè)計(jì)，甚至成立了自己的內(nèi)部創(chuàng)新和設(shè)計(jì)部門，名為“Samara”。

Samara 經(jīng)常雇傭前蘋果設(shè)計(jì)師和領(lǐng)導(dǎo)者來主導(dǎo)他們的項(xiàng)目。Apple 的基因開始滲透到 Airbnb 的設(shè)計(jì)中，而這一舉措是非常成功的。

我們將通過這篇文章了解這一切是如何以及為什么發(fā)生的。

做交互设计10年，我为何转岗到产品经理？

真正转岗之后，我发现很多工作还是超出了自己的想象。产品经理的工作确实比较杂。理论上，产品经理的工作包括了产品的方方面面，从市场研究、用户调研、数据分析...

查看详情 >

01 Baby Steps 他們的第一個(gè)網(wǎng)站

Airbnb 在 2008 至 2009 年間的重新設(shè)計(jì)

最初的設(shè)計(jì)迅速體現(xiàn)了 Airbnb 在創(chuàng)業(yè)初期的方向轉(zhuǎn)變。第一個(gè)網(wǎng)站明顯難以自然傳達(dá)其所提供的服務(wù)，那些獨(dú)特的圖形確實(shí)也為網(wǎng)站增添了幾分特色。新版網(wǎng)站則明顯更加商業(yè)化，并遵循了行業(yè)標(biāo)準(zhǔn)設(shè)計(jì)。

· 標(biāo)識(shí)的一大飛躍

早期的標(biāo)識(shí)是由聯(lián)合創(chuàng)始人之一 Brian Chesky 設(shè)計(jì)，坦白說，這是一個(gè)非常出色的嘗試！后來，這個(gè)文字標(biāo)識(shí)被簡化為我們現(xiàn)在熟悉的名稱。這讓用戶能夠?qū)Ｗ⒂谒阉髂康牡兀皇菢?biāo)識(shí)。遺憾的是，他們花了稍長的時(shí)間才將過于鮮艷的粉色和藍(lán)色改進(jìn)為我們現(xiàn)在所喜愛的柔和的三文魚色。

· 引導(dǎo)用戶去做重要的事情

使用 Cluify 生成的基于人工智能的可視化熱圖

理解設(shè)計(jì)模式至關(guān)重要，特別是以用戶為中心設(shè)計(jì)領(lǐng)域。這張可視化熱力圖清晰地展示了標(biāo)題的受關(guān)注程度 ，隨后用戶的視線移動(dòng)到搜索欄并執(zhí)行相應(yīng)操作。

另一個(gè)顯著的差異點(diǎn)是頁面底部的標(biāo)識(shí)集合。他們終于為自己的品牌創(chuàng)造了一些 可行度，而這在最初的版本中是不存在的。

我們也能注意到統(tǒng)一的網(wǎng)格布局，不僅有助于網(wǎng)站的響應(yīng)迅速，同時(shí)也改善了層次結(jié)構(gòu)。他們還優(yōu)化了排版，整個(gè)網(wǎng)站僅使用 1-2 種無襯線字體。最終呈現(xiàn)出企業(yè)站該有的感覺，擺脫了校園項(xiàng)目的稚嫩。

…

02 移動(dòng)優(yōu)先時(shí)代來臨-他們的移動(dòng)應(yīng)用

2012 年推出的首款安卓應(yīng)用程序

隨著智能手機(jī)在美國日益普及，Andrew Vilcsak 帶領(lǐng)開發(fā)團(tuán)隊(duì)創(chuàng)建了一款以用戶為中心的移動(dòng)應(yīng)用程序，豐富的功能令人驚嘆。

用戶可以快速搜索“Airbnb”，與房東進(jìn)行聯(lián)系，甚至預(yù)訂行程。推出這款應(yīng)用還附帶了移動(dòng)端網(wǎng)站的更新，最初僅在 Android 系統(tǒng)上可用。

實(shí)際上，我找到了一段 TechCrunch 采訪 Andrew 的視頻，展示了他們的第一款 Airbnb 應(yīng)用程序。Airbnb interviewhttps://youtu.be/FXhvZR1eV7Q

過這段采訪，我們可以看出他們對(duì)公司和數(shù)字平臺(tái)的發(fā)展方向有多么清晰的認(rèn)識(shí)。很顯然 Andrew 專注可行的設(shè)計(jì)，了解客戶的需求，并在數(shù)字平臺(tái)上平衡房東房客之間的關(guān)系。

· 擬物化的核心

在當(dāng)時(shí)，這款 Android 應(yīng)用不僅功能齊全，而且在設(shè)計(jì)方面也非常出色。使用當(dāng)時(shí)常見的 3D 和擬物化設(shè)計(jì)風(fēng)格。然而，在遵循設(shè)計(jì)趨勢時(shí)，關(guān)鍵的關(guān)鍵在于實(shí)施。

Airbnb 的用戶體驗(yàn)恰到好處我個(gè)人非常喜歡逼真的按鈕設(shè)計(jì)，同時(shí)，價(jià)格標(biāo)簽的設(shè)計(jì)也是一個(gè)非常精美的點(diǎn)綴。我曾經(jīng)在一家酒店預(yù)訂公司工作，憑借經(jīng)驗(yàn)，我認(rèn)為這款應(yīng)用的結(jié)構(gòu)非常合理。

價(jià)格清晰且突出，層次分明，醒目的行動(dòng)號(hào)召按鈕（CTA），導(dǎo)航也很便捷。這些設(shè)計(jì)符合我們多年來學(xué)到的大多數(shù)的用戶體驗(yàn)設(shè)計(jì)法則和原則。

這款應(yīng)用確實(shí)存在相關(guān)數(shù)據(jù)不足和布局缺乏獨(dú)特性的問題，但作為一款在 2012 年設(shè)計(jì)的應(yīng)用程序，這已經(jīng)是一個(gè)偉大的嘗試。

顯然，他們在重要的方面投入了更多的時(shí)間和精力，而不是試圖一次性完善所有內(nèi)容。到現(xiàn)在，我們所看到的，他們始終專注于迭代設(shè)計(jì)。

03 Bélo 他們的第一次大躍進(jìn)

他們的“Bélo”設(shè)計(jì)煥然一新

每家公司在經(jīng)營多年后都會(huì)迎來一個(gè)轉(zhuǎn)折點(diǎn)，而對(duì)于 Airbnb 而言，轉(zhuǎn)折點(diǎn)就是他們那次產(chǎn)生了真正多米諾效應(yīng)的重大重構(gòu)設(shè)計(jì)。

自從 Airbnb 成為其細(xì)分領(lǐng)域的領(lǐng)導(dǎo)者以來，“Bélo”符號(hào)已經(jīng)成了流行文化標(biāo)志。這個(gè)在 2014 年設(shè)計(jì)的新標(biāo)志幫助 Airbnb 從單純的旅行領(lǐng)域拓展到旅游業(yè)其他相關(guān)領(lǐng)域。

每個(gè)人都可以對(duì)這個(gè)標(biāo)志進(jìn)行開放式的解讀（如上圖所示）。這個(gè)標(biāo)志最終完全取代原來的文字商標(biāo)。

通常一個(gè)“公司進(jìn)行品牌重塑”之后，他們的整個(gè)數(shù)字形象都會(huì)發(fā)生一系列的設(shè)計(jì)變化。他們的應(yīng)用程序和網(wǎng)站都實(shí)現(xiàn)了巨大的飛躍，變得更加簡約干凈，既能容納大量的屏幕信息，同時(shí)也順應(yīng)了不斷發(fā)展的極簡設(shè)計(jì)潮流。

2014 年的 Airbnb 網(wǎng)站

• 在這次大規(guī)模重構(gòu)設(shè)計(jì)中，發(fā)生了哪些變化？
• 居中對(duì)齊的布局，包括文本甚至網(wǎng)格。
• 每個(gè)元素周圍都有大量的留白，整體布局更加開闊。
• 三文魚色開始出現(xiàn)在主按鈕上。
• 推出不同的產(chǎn)品服務(wù)，并邀請(qǐng)用戶成為房東。
• 著陸頁缺乏內(nèi)容，有些令人失望。他們本可以更好地利用屏幕上的空間。
• 新標(biāo)志隨處不在，這無疑讓人更難忘。

…

04 Samara 項(xiàng)目簡介

基于他們的“Belo”標(biāo)志的 Samara 拉項(xiàng)目標(biāo)志

一家公司朝著以設(shè)計(jì)為中心的未來邁進(jìn)的最大舉措之一，就是成立自己的設(shè)計(jì)工作室-Samara 。Samara 將成為公司的一個(gè)創(chuàng)新點(diǎn)，他們聘請(qǐng)了一些知名設(shè)計(jì)師來創(chuàng)造以用戶為中心的產(chǎn)品。

還記得我提到過的 Joe Gebbia 嗎？他是將設(shè)計(jì)思維帶入董事會(huì)的聯(lián)合創(chuàng)始人之一。就是他領(lǐng)導(dǎo)Samara 公司。

他們采用一種非常類似“實(shí)驗(yàn)室”的方法，不斷進(jìn)行實(shí)驗(yàn)，這意味著他們的實(shí)驗(yàn)成果可能永遠(yuǎn)不會(huì)公之于眾。他們的第一個(gè)實(shí)驗(yàn)-“吉野雪松屋 ”就是一個(gè)很好的例子。這個(gè)項(xiàng)目雖然展出過，但從未正式推出。

實(shí)際展出的吉野雪松屋

05 Airbnb 有史以來最大的設(shè)計(jì)新聞

Jony Ive 與 已故的 Steve Jobs我們認(rèn)為 Airbnb 不會(huì)在設(shè)計(jì)上的投入更多，但是在 2020 年，他們雇傭了 Lovefrom ，這是由傳奇 Apple 設(shè)計(jì)師 Jony Ive 創(chuàng)立的設(shè)計(jì)工作室 。

就設(shè)計(jì)經(jīng)歷而言， Jony Ive 曾與 Steve Jobs 密切合作，他們設(shè)計(jì)了 iPhone、iPod、iPad、iMac 等產(chǎn)品。

多年來，Jony 承擔(dān) Airbnb 設(shè)計(jì)團(tuán)隊(duì)的發(fā)展，并且與他們團(tuán)隊(duì)建立了深厚的關(guān)系。因此，在這里產(chǎn)生的任何重大設(shè)計(jì)變革自然都將歸功于Jony Ive 和他的團(tuán)隊(duì)。先是 Apple，現(xiàn)在是 Airbnb！…

06 Airbnb 擁抱 3D 技術(shù)

Airbnb 對(duì) 3D 的最新探索

公司的聯(lián)合創(chuàng)始人 Brian Chesky 在 twitter（X）上發(fā)布了一段短視頻，展示了他們應(yīng)用程序的一些新功能。然而，設(shè)計(jì)師們注意到的是一種 3D 插圖和動(dòng)態(tài)的新方法。

除了預(yù)告新的 3D 風(fēng)格外，他們實(shí)際上正在將這些整合到他們的實(shí)時(shí)應(yīng)用程序中，就像下面的一些截圖一樣。

Airbnb 2023 年冬季發(fā)布

…

07 Airbnb 正在使用人工智能嗎？

答案很簡單，是的。

Airbnb 人工智能房源功能

最近，Airbnb 為房東更新的一項(xiàng)由 AI 驅(qū)動(dòng)的首批公共功能，房東現(xiàn)在可以拍攝照片，AI 會(huì)以有序且自動(dòng)標(biāo)記的方式整理他們的房源圖片。坦白說，這并不新奇，但是，這無疑是 Airbnb 邁向人工智能的第一步。  

上面的動(dòng)畫加強(qiáng)了他們對(duì) 3D 設(shè)計(jì)的深入研究。慶祝動(dòng)畫是一堆 3D “球”和彩紙?jiān)谥車鲃?dòng)。

08 釋放他們的創(chuàng)造力

在我的設(shè)計(jì)生涯中，學(xué)到了關(guān)鍵的一課，就是作為一名設(shè)計(jì)師，我需要讓自己的創(chuàng)造力自由迸發(fā)。將自己局限于特定的工作角色和既定任務(wù)可能會(huì)使創(chuàng)意工作變得乏味。

為了避免這種情況，Airbnb 實(shí)際上鼓勵(lì)他們的設(shè)計(jì)師參與一些超出他們預(yù)期工作范圍的酷炫創(chuàng)意項(xiàng)目。

其中一項(xiàng)舉措是 Airbnb.design，這個(gè)平臺(tái)展示了一些這樣的創(chuàng)意項(xiàng)目，還有一些幕后花絮內(nèi)容。他們還公開了一些案例研究，無論是用戶體驗(yàn)研究還是包容性設(shè)計(jì)。

Airbnb.design 網(wǎng)站

除了文章和案例研究，他們還有視頻、特別項(xiàng)目，甚至宣布 Airbnb 未來動(dòng)向的活動(dòng)。他們還有一個(gè)時(shí)事通訊！

09 我們可以從Airbnb 學(xué)到什么？

• 具有設(shè)計(jì)背景的領(lǐng)導(dǎo)者能為公司帶來真正的變革
• 項(xiàng)目方向明確，百萬投入可創(chuàng)造十億回報(bào)
• 給予設(shè)計(jì)師創(chuàng)意實(shí)驗(yàn)的自由，能為公司贏得豐厚回報(bào)
• 公開研發(fā)并持續(xù)迭代產(chǎn)品，有助于在成長中不斷學(xué)習(xí)
• 創(chuàng)新形式多樣，設(shè)計(jì)正是其中之一