8萬人滿分好評,Airbnb如何拿下Google年度設計獎?
8萬人滿分好評,Airbnb如何拿下Google年度設計獎?

想要說服成千上萬的人們允許陌生人住進自己家中,這可不是件容易的事,想要創造一個充滿活力的全球旅行者社區,就更加困難了。Airbnb在開始設計自己的程式時,就希望給使用者創造一個溫馨好客的環境,就像是見到一位親切的房主一樣。

透過使用Material Design,Airbnb以直截了當的方式進行溝通,創造出了一種清晰易懂的視覺語言,讓充滿多樣性的使用者群體都能普遍接受。 這種對話式界面為Airbnb贏得了超過8萬4千個五星級評價,以及2016 Material Design Focused Efficiency獎項。

統一各平臺UI

Airbnb的Android和iOS版客戶端統一使用底部導航欄,為不同的平台提供相同的舒適體驗。頻繁使用的功能,如「已保存的計畫」、「已完成的旅行」、「消息」等,將一直顯示在底部導航欄上。

Airbnb首先定義了一套核心特質,用以指導設計工作 。為了吸引來自不同地區和不同語言背景的旅行者和房東,App 必須讓人感覺是統一的、通用的、對話式的以及形象化的。這意味著基本任務的執行效率需要提升,還需要 確保每個設計元素都能融入系統全局之中 。

Airbnb在Android系統中,放棄了左側的導航欄,使用了iOS與Android通用的底部導航欄,從而更好地統一跨平台使用體驗。Airbnb首席設計師Karri Saarinen向我們解釋,這種轉變是如何強化公司願景:

Airbnb首席設計師Karri Saarinen
讓 Airbnb在任何平台上都具有鮮明識別特徵是至關重要的。在設計上,我們希望在跨平台使用時能有歸屬感,並盡可能在導航、系統圖標、上下文操作和互動等重要元素上遵循各個平台的慣例。

用文字和動畫效果讓溝通更清晰流暢

在進行點擊後,照片會動畫化並放大,讓客人在流覽時可以獲得更好的觀感。

圖/ ifanr

無論使用者身處何地,使用何種語言,簡潔的系統圖標、按鈕和配置都會給人帶來「好客而易用」的觀感。「我們很大程度上依賴著文字和排版。」Saarinen說。

設計團隊更傾向於通過文本和翻譯來促進房東和住客之間的溝通,而非完全依賴那些可能會引起歧義的圖標。使用者可使用27種語言來進行溝通,這使得對文字內容的強調將帶來清晰明確的使用體驗,在整個佈局使用不同的文字大小能夠幫助使用者快速的辨別內容的層級關係。而非襯線字體Circular的使用,則傳達出了一種友好而溫馨的氣氛。

「預訂」是Airbnb的主要功能之一。使用浮起的按鈕來進行這項操作,可在視覺上強調其重要性,也為整個佈局多了一份新的空間。

動態效果傳達了互動行為本身的調性,同時也是一種促進與使用者溝通、讓產品活躍的方式。透過在快速響應的提示中添加動態效果,可以強化主—客雙方的互動,同時為使用者提供視覺回饋,以便於他們在搜索中完成自己的目的。

比如通過使用子母式界面切換,這種通過動態效果形象地傳達出從高層級到細節視圖的切換過程的模式,就能創造出更為連貫的使用者體驗。

子母式界面切換(Parent-to-child navigational transition)
圖/ ifanr

Airbnb還利用了共享元素的UI切換,將圖片動畫化,並對使用者的關注焦點進行引導。

共享元素的 UI 切換(Shared element transition)
圖/ ifanr

在點擊後,照片會動畫化並放大,為每條列表錨定清晰的居住空間視圖。Saarinen將這種過程比作瀏覽精美的旅遊宣傳冊。

Airbnb高級設計師兼動畫師Salih Abdul-Karim
Material Design的動態效果指南對我們來說極為重要,它可以幫助我們瞭解如何才能做出更優美準確的動態效果。

使用圖片創造獨特個性

由房東提供的照片是Airbnb體驗的關鍵組成部分 。無論是大沙漠中的鄉村小屋,還是城市裡的閣樓居所,豐富的圖片都會為使用者打開一扇通往目的地的窗戶。

圖片為先,意味著讓UI擁有鮮明而齊整的外觀,讓使用者可以輕鬆舒適地在不同的界面之間切換。

airbnb
透過對照片的強調和充分的留白,使用者可以更專注於關鍵資訊。

獨特的設計魅力使其屢獲殊榮

Airbnb擁有來自全球的忠實使用者,他們無不讚賞其簡潔和易用性。Airbnb擁有4.3星的評級,超過13萬8千條點評,曾被Google Play Store選為「編輯推薦」與「頂級開發者」APP,更榮獲2016 Material Design Focused Efficiency 獎項。

Airbnb的設計師們使用Material Design作為框架來清晰地表達自己的品牌特質,創造出了一個氛圍友好、功能專注的應用,贏得了全球各地旅行者和房東的廣泛贊譽。

本文授權轉載自:愛范兒

關鍵字: #UI/UX設計 #Airbnb
往下滑看下一篇文章
門市越展越多,如何降低管理與維運負擔?不用全面汰換設備,也能逐步升級智慧化多據點管理
門市越展越多,如何降低管理與維運負擔?不用全面汰換設備,也能逐步升級智慧化多據點管理

快速展店背後的挑戰 如何降低跨據點管理與維運負擔

對連鎖零售企業而言,展店代表商機與成長,但當門市數量快速增加,營運與管理的複雜度也隨之提升。尤其對便利商店(C-store)、餐飲連鎖與其他高密度展店型態的企業而言,總部需要面對的不只是據點數量增加,更包括不同門市的設備管理、系統維護、日常維運與人力配置等多方面挑戰。

過去多據點門市的設備與資訊管理,往往以單一門市為單位,各據點可能擁有不同的攝影機、錄影設備配置與管理模式。當總部需要掌握事件狀況、確認門市營運情形,或進行跨區域管理時,往往需要投入大量人力逐一確認資訊,不僅增加管理負擔,也提高維運成本。

此外,零售產業本身具有高度變動性。門市可能因應市場策略進行展店、搬遷、改裝,甚至調整營運規模。傳統一次性設備投資模式,容易讓企業在面對據點變化時缺乏彈性,也增加設備重新配置與後續維護的負擔。

因此,現代零售企業所需要的不只是單純記錄事件的設備,而是一套能隨企業成長彈性調整、協助總部有效掌握多據點安全資訊,並支援未來智慧應用發展的智慧化管理架構。

晶睿通訊-2.png
圖/ 晶睿通訊

從既有設備開始升級 降低全面汰換設備的轉型負擔

面對智慧化轉型需求,許多企業最大的挑戰並非是否需要升級,而是如何在不中斷現有營運的情況下完成轉型。

對已經投入大量資源建置安全系統的零售企業而言,全面汰換既有架構不僅成本高,也可能影響門市日常運作。因此,能夠兼容既有設備並逐步升級的彈性架構,成為企業導入智慧安全管理的重要關鍵。

透過混合雲架構,企業可以從既有設備開始,逐步整合不同據點的安全資訊與管理需求,同時導入雲端管理能力。相較於一次性重新建置,新一代平台架構能協助企業延續既有投資價值,並依照實際需求逐步導入更集中化、智慧化的管理能力。

此外,訂閱式雲端服務模式和混合雲安防架構,也為零售企業帶來更靈活的資產管理方式。相較於頻繁的硬體汰換、傳統一次性採購或繁瑣的跨品牌安防系統的管理,企業更有彈性的因應門市拓展、搬遷、調整或營運規模調整,精準配置資源,降低一次性投入壓力,也減少因據點變動造成設備閒置的情況。

對快速成長的連鎖零售企業而言,安全管理不再是一套固定且難以調整的架構,而是一個能隨企業規模與需求持續演進的平台。無論是新增門市、跨區域管理,或因應營運策略調整,都能以更彈性的方式完成管理升級。

晶睿通訊-3.png
圖/ 晶睿通訊

AI 不只是安防工具 更開始協助零售提升營運效率

隨著 AI 技術快速發展,安全管理的角色也正在改變。過去企業導入影像系統主要用於事件記錄、事後查看與追蹤;如今,智慧雲端安防平台則能進一步從大量影像資訊中辨識人、車與行為,協助企業從「看見發生什麼」進一步「理解正在發生什麼」,甚至主動協助管理者發現與處理事件。對門市數量眾多、人力有限的連鎖零售業者而言,AI 正逐步成為降低管理負擔、提升營運效率的重要工具。

從基本事件偵測到自然語言規則 讓 AI 主動理解更多異常情境。 AI 智慧辨識已能針對跌倒、奔跑、徘徊、跨線等常見事件進行自動偵測,協助門市減少人工查看影像的需求。而進一步透過 Think Alert,管理者更可以直接以自然語言設定客製化的偵測條件,將 AI 應用延伸至傳統事件規則以外。以門市尖峰時段為例,店員往往需要同時處理結帳、補貨與顧客服務,總部也難以持續掌握每個據點的即時狀況。透過 Think Alert,管理者可以直接以自然語言設定「在門店入口抽菸的人」等情境;當符合設定條件的畫面出現時,系統即可主動發出警報,協助管理者即時掌握異常狀況。對於門市數量龐大的企業而言,這代表 AI 不只是協助辨識既定事件,更能依據不同營運需求,讓管理者以更直覺的方式設定希望 AI 主動關注的情境。

從大海撈針到快速完成調查 Think Search 搭配 Case Vault(案例庫) 掌握完整事件脈絡。 當事件發生後,如何從大量、多據點的影像中找到關鍵人物與事件脈絡,往往是最耗費人力的環節。透過 Think Search,管理者可以直接用自然語言描述想尋找的對象與情境,例如,當家長反映孩童可能在門市附近走失時,店員或總部人員不需要逐一查看不同攝影機的錄影畫面,只要在 Think Search 輸入「昨日上午,牽著小女孩的男性」等自然語言描述,系統即可協助從大量影像中篩選相關畫面,快速找到相關人物可能出現的時間與位置。若需要進一步追蹤,還能將不同搜尋階段找到的重要畫面與資訊整理至 Case Vault,建立事件時間線與人物移動路徑,協助管理者更完整掌握事件脈絡。

從安全管理延伸至顧客服務與門市營運 讓既有影像創造更多價值。 AI 的應用也不只限於安全事件。例如在咖啡店、餐飲等場景,若顧客將手機、包包等物品遺留在座位或櫃台附近,遺留物與遺失物偵測可以協助門市人員更快發現異常,主動確認並協助顧客處理失物問題;人流分析則能協助企業掌握不同時段的門市活動趨勢,作為空間配置與人力安排的參考;車牌辨識可應用於停車區域或門市周邊管理,而工安防護裝備辨識則能協助後場、倉儲等區域進行安全規範管理。透過這些應用,企業能在既有設備基礎上,進一步將影像資料延伸至安全、服務與營運等不同場景。

對連鎖零售業而言,AI 的價值已不只是「看得更清楚」,而是讓企業更快發現問題、更快找到資訊,並進一步理解事件脈絡與營運狀況。從基本事件偵測、自然語言設定規則,到 AI 搜尋與事件調查,再延伸至顧客服務與營運分析,雲端安防平台正讓影像從被動的紀錄工具,逐步成為支援多據點安全管理與營運決策的重要資訊來源。

晶睿通訊-4
圖/ 晶睿通訊

85°C 北美導入 VIVOTEK AI 雲端安防平台 加速 80+ 門市智慧營運升級

隨著零售產業持續朝向多據點與數位化營運發展,如何在快速展店的同時兼顧營運效率、安全管理與服務品質,已成為企業的重要課題。

為支援持續拓展的營運需求,85°C Bakery Cafe 北美導入 VIVOTEK VORTEX AI 雲端安防平台,透過雲地整合架構與 AI 智慧應用,將原本分散的監控系統整合至單一平台,全面提升多據點管理效率、事件處理速度與日常營運效能。

此案例呈現零售企業如何從既有設備與架構出發,分階段導入雲端安防平台,並為未來智慧化管理與 AI 應用建立基礎。

閱讀完整案例

85°C Bakery Cafe North America 如何透過 VIVOTEK 雲端安防平台打造更智慧的門市管理模式

觀看案例影片

了解 85°C Bakery Cafe North America 如何應用 VIVOTEK VORTEX AI 雲端安防平台

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
台達電全解讀
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓