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
往下滑看下一篇文章
城市中被慢慢喜歡的一隅,來自臺中綠美圖的日常邀請 ——圖書館×美術館雙館長現身對談:當閱讀與藝術成為生命的一部分
城市中被慢慢喜歡的一隅,來自臺中綠美圖的日常邀請 ——圖書館×美術館雙館長現身對談:當閱讀與藝術成為生命的一部分

全台第一座結合市立圖書館總館與市立美術館的文化地標「臺中綠美圖」,將於今年12月13日正式開幕。這座由日本建築師妹島和世與西澤立衛(SANAA事務所)攜手台灣劉培森建築師事務所設計的建築,坐落於水湳中央公園北側,以柔和曲線勾勒出建築與綠意交融的輪廓。

從構想到落成,歷經十二年籌備,綠美圖的誕生,不僅象徵建築的完工,更是城市對文化生活理想的回應。開館前,《Shopping Design》邀請兩位靈魂推手——臺中市立圖書館館長曾惠君與臺中市立美術館館長賴依欣,談談綠美圖如何讓知識與美學在日常中自然發生。

十二年的醞釀,一場值得等待的城市蛻變

圖書館曾惠君館長回望這段籌備前後超過十年的過程,她形容:「不只代表一個共構建築完成的終點,更像是城市文化的接跑成果」。她回憶,「為了試營運的這一天,各單位團隊動員所有人,在大家看得到、看不到的地方,同心協力地完成這場盛大的文化場館饗宴邀請」,語氣中藏不住感動。

這份投入背後,藏著許多鮮為人知的故事。她提到,「書中蘊藏的知識、內容,就像是這個場館,包含了無數的可能性,這是我們最想分享的內蘊意義」。為了帶給愛書人遨遊書海,圖書館早在民國106年便開始購藏規劃。她透露,「大量的書籍分年購置,並暫放商借的倉儲空間,今年終於將超過46萬冊書籍運送回歸到總館,圖書館同仁即開始ㄧ本書一本書檢查、處理分類、加工等前置作業,到完成各閱覽區書籍上架。這些默默的前置作業,耗費大量體力及時間不僅可想而知,亦不為人知,每一本書都經過館員的親手整理後,才能提供市民朋友借閱。」,分享這段不為人知「和書籍長跑」細節。

台中市政府
臺中市立圖書館 曾惠君館長。
圖/ 台中市政府

美術館賴依欣館長則從另一個角度詮釋這場漫長的等待。她說,綠美圖的開幕「象徵著嶄新的跨域,一種新的視野、新的感知方式、新的感受旅程」。綠美圖不只是建築空間,更是一個「讓公共與私人交錯」的場域,「結合知識、美學與綠地的共構,提供了日常生活能夠轉化、滋養與感受探知的場域,是生活以外的休息」;人們能自由穿梭建築、綠地,徜徉在在閱讀與藝術之間,進行深度的心靈探索,「那是一種令人興奮的嶄新表達」。

台中市政府
臺中市立美術館館長賴依欣。
圖/ 台中市政府

理性與感性的交會,拓展出更廣闊的生命能量

綠美圖並非單一功能的建築,而是一種「共存的實驗」。兩位館長都關注場館之間如何彼此對話,提及它的意義不只是兩館共構,更像是理性與感性的城市對話。

曾惠君館長說,圖書館和美術館「很像是左右腦的激發,理性與感性的交融碰撞,建築與建築間的穿梭流動,人們則自然會獲得、感受到一種新的思考、生活方式」她認為,這樣的場域與歌劇院、審計新村等文化地點形成互補網絡,「每個地方都展現不同的文化表情,合起來,就是台中的整體氣質。」

台中市政府
圖書館總館內藏書多元、且超過46萬冊,期待與市民朋友們一起閱讀共好。
圖/ 台中市政府

賴依欣則認為,臺中擁有多元、包容的文化氣質,且勇於接納未知的新事物。因此,綠美圖在SANAA建築設計團隊的規劃下,使兩館邊界模糊、彼此從未分離。她說,綠美圖「提供了一個『浸潤』的空間,讓來訪者能夠浸潤其中,就像生活也從未區分;什麼是感受?什麼是知識?當下汲取的僅是總和。而某天,或許才一瞬通透,某次的浸潤帶來了解答與知曉」。

SANAA事務所的建築模糊了邊界,也讓文化不再是被陳列,而是生活本身。賴館長補充,「它與其他臺中文化場域,透過點線面的文化發生、功能補充、藝術與文創設計等,形成了一個重點地標串聯,成為文化藝術發展的日常培養」。

台中市政府
藏在綠美圖館中各個角落的造型椅:SANAA設計的花椅、水滴椅、深受小朋友喜歡的戶外甜甜圈造型的景觀椅及丹麥設計師設計的天鵝椅,每張都是好坐又好拍。
圖/ 台中市政府

閱讀與藝術,共奏隨心起伏的生活節奏

試營運期間,人們漫步在美術館迴廊、圖書館的閱覽區,看著光影變化,在日常中感受不平凡。對兩位館長而言,這樣的片刻,就是綠美圖存在的意義。

曾惠君館長分享,閱讀是「生活習慣」,不同年齡層的人們,都能在圖書館中找到屬於自己的天地。她以青少年區舉例,這裡「提供了挑高十米的大空間,設計規劃出『動、靜』區,無論互動討論,或想要安靜閱讀,都能有著更舒服適切的空間享受。」此外,民眾可以從二、五樓連通道走向美術館,在通透的空間中轉換心情。她歡迎民眾來綠美圖走走、坐坐,並笑著補充:「多感受留意圖書館、美術館內的椅子,是妹島和世設計的花形椅,靜謐自然又很舒服喔!」

台中市政府
【庫房裡的光】典藏教育展將會是館中為期兩年的常設展,互動裝置讓小朋友們也能參與創作。
圖/ 台中市政府

對賴依欣而言,綠美圖提供精神轉換的空間,也是生活、生命記憶串接的一部分。也許在某個午後,年輕人從公園漫步而入,沒有特定目的,只想讓自己沉澱。當他走過光影交錯的廊道,或許就在某個展覽、某件作品間,找到一絲啟發。她說,「它可以是儀式性的,也可以是很日常生活感的」,看不懂藝術,也無所謂,「或許就在未來的某天,突然因為曾經看過美術館中的某個作品、展覽,困惑的事情就出現答案了」。

台中市政府
臺中市立美術館開館首展「萬物的邀約」將於2025年12月13日開幕,展出亮點之一的巴西藝術家瑪麗亞.特蕾莎.阿爾維斯(Maria Thereza Alves)從植物與土地出發,回應在地的殖民歷史。
圖/ 台中市政府

向世界與萬物發出邀約,跨時代的索引共生

從試營運到正式開館,除了一系列的講座、假日活動外,兩館也推出開館主題展——圖書館的《世界的索引》與美術館的《萬物的邀約》。前者以十八世紀啟蒙運動的《百科全書》為靈感,串起跨世代的知識探索;後者則從中央公園的地景出發,邀請國際級與跨世代藝術家,以多元觀點對話萬物、自然、城市的共生關係。

「我們如何閱讀世界?又如何與萬物共存?」這兩個展覽將成為序章,讓知識和美學交會,透過世界的探知與跨世代的叩問,形塑台中獨特的模樣。

台中市政府
季節更迭,綠美圖的光線與空氣流通、自然與建築交織,參觀亦能感觸不同心情與氛圍,是臺中最美的城市寶藏。
圖/ 台中市政府
台中市政府
綠美圖場館不論室內室外,每一隅的美在不同視角皆有獨特的詮釋,但一切都值得親自走訪與探尋。
圖/ 台中市政府

採訪最後,兩位館長分別談起心中最動人的瞬間。圖書館曾館長笑著聊到:「這裡的每個空間,都令人感到嚮往。」,她分享團隊從春天進駐,看著光線經歷了春夏秋冬、晴天雨天,在圖書館的每一個角落,都散發獨特氛圍。她說,「尤其我特別喜歡聽下雨的聲音,如果大家有機會遇到雨天,沉浸在這個場域中,放空真的很幸福。」。

美術館賴館長則將她的期待獻給第一次來臺中綠美圖的朋友,「感覺它,無須定義它。把它當成台中的精神寶庫,在繁忙日常也能轉換愉悅心情的空間,讓它成為個人生命記憶的一部分吧!」。

冬天即將來臨,綠美圖將以城市與自然、知識與美學的交織姿態,開啟屬於台中的新篇章,陪伴人們走過下一個春夏秋冬。

【參觀資訊】
臺中綠美圖(臺中市立圖書館總館及臺中市立美術館)
地址:台中市西屯區中科路2201號
試營運:2025.10.28-11.16
開放時間:週二至週日9:00-17:00、週六9:00-20:00、國定假日照常開放
正式開館:2025/12/13(六)13點

圖書館:
週二至週六上午8點半到晚上9點、週日上午8點半到下午5點半。
每週一及國定假日休館。

美術館:
週二至週日上午9點到下午5點、週六上午9點到晚上8點。
每週一公休、國定假日照常開放。

【台中市政府新聞局廣告】採訪・撰文/楊喻婷

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
進擊的機器人
© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓