Airbnb 是這樣打造一致性的「設計語言」
Airbnb 是這樣打造一致性的「設計語言」

本文編譯自〈Building a Visual Language

三位創辦人中有兩位是設計背景出身,Airbnb 向來以良好的設計體驗自豪。身在軟體公司,設計團隊通常被要求提供「一次性的解決方案」,不過,隨著團隊愈來愈龐大,版本更迭愈來愈頻繁,倘若解決方案缺乏穩固的基礎,很容易累積大量的技術與設計債。

如同所有語言,如果沒有建立一致的概念,與所有人共享,視覺語言也很容易產生誤解。Airbnb 首席體驗設計師 Karri Saarinen 在部落格中解釋,設計非常側重「系統」,以及設法以可規模化、可重複性的方式打造產品。只是,儘管數位產品是最能發揮系統優勢的肥沃土壤,設計系統化卻不太受到重視。

掌握最新AI、半導體、數位趨勢!訂閱《數位時代》日報及社群活動訊息

一套統一的設計系統,應當可以打造更優異的產品,讓使用者獲得連貫、且容易理解的體驗,同時也讓不同設計師在共同的語言中工作,以達成更高的效率。Airbnb 的成長速度驚人,如今他們的設計團隊由十幾個不同性質的小組組成,因此需要形塑一套系統性的方法,將協作的成果發揮到淋漓盡致。

Karri Saarinen 指出幾點設計需要系統化的原因:第一,軟體設計相對實體產品設計,雖然限制較少、設計自由度高,卻也容易造成使用體驗不連貫的問題,另外,小團隊成長的過程中加入愈來愈多設計師,不同的設計師帶來不同的解決方案與風格,體驗也容易走偏。其次,數位產品通常是跨平台的,讓設計細節同步化也是一門功夫,最後,不同於其他實體產品,軟體是綿延不斷的,即使新版本已上線,或者甚至品牌風格大改,舊有的設計與程式仍可能散落在網路各處,需要經常性的維護與升級。

因此,Airbnb 執行了「設計語言系統」的計畫,他們設定了幾個原則:

  1. 統一(unified):每個物件都應該天衣無縫地嵌入整體,不該出現突兀的功能或任何格格不入的異常。
  2. 全球通用(universal):Airbnb 是個跨國服務,因此必須設計一套全球使用者都能理解的視覺語言。
  3. 聚焦(iconic):設計與功能同樣重要,必須採取大膽且清楚的行動達成這兩個目的。
  4. 對話式(conversational):動態(motion)徹底融入我們的設計之中,讓我們與使用者的溝通暢通無阻。

建立「設計語言」的三大要素

組織基本風格指南,打地基

正式打造「設計系統」前,Airbnb 先組織了「基本風格指南」,稱之為「foundation(地基、基礎)」。這個指南針對字型、色彩、圖標、間距與資訊架構下了簡單而鬆散的定義,確立所有參與的設計師有著一致的步調與方向,但又保留能夠獨自探索創意設計解決方案的空間。隨著具體的樣式(pattern)浮現,必要時他們也在過程中逐步修正,並且開始定義標準化元件(standardized components)。

設計元件應該是不斷進化的生態系統

一般而言,許多風格指南都把元件(components)當作像是靜態的「原子」(atom)物件,可以構成不同的「分子」(molecule),但因設計太過自由,五花八門的組合反而可能造成不連貫的體驗。因此他們轉換思考,把元件變成「生物體(living organism)」,功用、個性各自不同,並分別由一組 property 定義,可與其他元件並存,也能夠自我演化。一套統一的設計語言,不該只是死板的規則與涇渭分明的原子,而是一整套不斷進化的系統。

建造一座設計資料庫

在創造這些元件的同時,他們將之編入一個稱為「library」的主資料夾,歸納出導航、背景滾動(marquee)、內容、圖片、特殊等四種類別。才一兩個禮拜,就在進行設計迭代時感受到生產力大躍進,短短幾小時便生出適配 50 種螢幕的原型。比如,平板螢幕大部分的設計與手機類同,可以直接採用 iOS 與 Android 的設計元件,在這套系統中,元件可以改變外觀與定位,像是響應式網頁一般。

一筆相當值得的投資

在設計「設計語言」時,同樣也會卡關,也一直有改進空間。不過整體而言,Karri Saarinen 表示,投資「設計語言」勢在必行,他們從此幾乎能夠在同一時間為所有平台打造、釋出功能,而工程師能夠更專注編寫功能性的程式碼,開發也更有效率;此外,設計師與工程師有了共通語言,不再聽不懂對方的話。

而且,設計師也能真正投入設計概念與體驗,而非只是在內距(padding)、色彩或字型的選擇中苦苦打轉。設計語言讓所有設計師都對視覺風格有一致的理解,並且精簡了不同裝置的設計流程,設計原型或進行實驗時亦有低成本、高效率,且高度擬真的效果。

關鍵字: #UI/UX設計 #Airbnb
往下滑看下一篇文章
70%企業陷AI困境!「AI TAIWAN 未來商務展」助攻AI落地:一次集結逾250家技術服務商
70%企業陷AI困境!「AI TAIWAN 未來商務展」助攻AI落地:一次集結逾250家技術服務商

根據人工智慧科技基金會的《台灣產業 AI 化大調查》,過去兩年,台灣企業對 AI 的認知度顯著提升,但仍有高達七成的企業尚未跨越應用門檻。這是因為 AI 不只是單點技術的導入,更需要建構在完整的數據整合與組織協作基礎之上。在真正推動 AI 之前,必須先打穩「數位轉型」的基礎,透過全面數位化、調整管理流程與思維架構,才能真正開啟 AI 賦能的下一步,協助企業在市場變局中穩健應對。

正是在這樣的需求脈絡下,今年邁入第 11 屆的「AI TAIWAN 未來商務展」以「AI in Action」為主題,聚焦企業在導入過程中可能面臨的軟硬體挑戰與應用瓶頸。作為全台最大的 AI 轉型企業解決方案大展,展會邀請超過 250 家解方廠商與技術服務供應商,帶來管理應用、MarTech、生成式 AI、系統整合等多元解決方案,全面協助企業突破應用挑戰,加速 AI 落地。

六大展區全面出擊,解決企業軟硬體轉型需求

為完整串聯從技術到應用的多元需求,20205 AI TAIWAN 未來商務展規劃「營運解決方案」、「產業應用」、「企業 AI 導入與學習」、「AI 關鍵技術」、「國際創新」與「AI/數位人才媒合」六大展區。攜手 AWS、微星、威剛、女媧創造、正新等策展夥伴,呈現最新的 AI 應用;參展的解決方案供應商陣容則橫跨電信、雲端、行銷、零售、製造等產業,全面協助企業在 AI 技術導入過程中,一次找到合適的合作夥伴與服務模式。

本次展會更針對製造、科技行銷、零售等產業,舉辦「Solution Guide 解方媒合會」。媒合會邀請專業解方供應商分享實戰經驗與應用洞察,並提供現場一對一媒合服務。協助企業快速對接具體方案,進一步掌握落地細節與可行路徑。

五大技術研討會+高峰論壇,直擊前沿應用與趨勢

除了尋找合作解方,企業在面對 AI 落地時,更需要掌握最新的技術與市場趨勢。今年「AI TAIWAN 未來商務展」舉辦多場高峰論壇,邀請 Appier 及 iKala 董事、Google 前董事總經理簡立峰,以及美而快總經理王志仁等產業 20 多位重量級講者,分享他們對國際趨勢、產業發展與未來應用的第一手觀察。從市場動態到落地實例,協助企業一次掌握前線的商業機會與應用脈絡。

展會期間,亦將舉辦五場「AI 技術應用研討會」,涵蓋 AI 感知技術、生成式 AI、AI 代理、AI 資安、邊緣 AI 五大主題,透過深入剖析最新技術及應用模式,協助企業強化未來競爭力。

img-1723530102-15296.jpg
AI TAIWAN 未來商務展。
圖/ FC未來商務

國際團隊進駐+人才媒合,打開合作與成長新格局

當企業數位轉型與 AI 應用的基礎逐步到位,更長遠的競爭課題則是國際化布局與人才鏈接。今年展會特別與日本 Everidge 株式會社攜手合作,邀請來自 10 個國家、近 80 間的解決方案供應商,共組國際展區,協助台灣企業串聯全球 AI 生態圈,開啟跨國合作新契機。

同時,展會與數位人才媒合平台 Yourator 攜手合作,設立「AI/數位人才媒合專區」,協助企業補足 AI 專業人才缺口,為企業長期營運與競爭力奠定基礎。同時,專區也會透過職涯諮詢與快速面試,支援求職者釐清職務需求與瞭解未來 AI 人才趨勢。

不只是看見 AI,還要真正「用好 AI」!

當 AI 已成為顯學,企業不能再停留在「看見」的階段。2025 AI TAIWAN 未來商務展,正是企業找到最完整的軟硬體解方、國際夥伴、人才資源與轉型藍圖的最佳場域。6 月 26 日至 28 日,台北花博爭艷館將見證 AI 如何真正「in Action」,成為企業實現新商業價值、強化競爭力的重要驅動力。

.展會名稱:2025 AI TAIWAN 未來商務展
.時間:2025 年 6 月 26 日(四)~ 6 月 28 日(六)
.地點:台北花博爭艷館(Taipei Expo Park Ex
.報名連結:https://fcexhibition.pse.is/7p7h2b
.展會官網:https://www.futurecommerce.tw/

延伸閱讀:哪一款AI最會讀書?冠軍「不是ChatGPT」:5款主流AI大PK,只有「它」沒出現幻覺

本文授權轉自:FC未來商務

關鍵字: #AI #未來商務
追蹤我們
電商終局戰
© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓