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

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

本文來自於合作媒體 iFanr,INSIDE 授權轉載

想要說服成千上萬的人們允許陌生人住進自己家中,這可不是件容易的事,想要創造一個充滿活力的全球旅行者社區,就更加困難了。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 在任何平台上都具有鮮明識別特徵是至關重要的。在設計上,我們希望在跨平台使用時能有歸屬感,並盡可能在導航、系統圖標、上下文操作和互動等重要元素上遵循各個平台的慣例。—— Airbnb 首席設計師 Karri Saarinen

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

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

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

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

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

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

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

▲子母式界面切換(Parent-to-child navigational transition)

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

▲共享元素的 UI 切換(Shared element transition)

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

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

使用圖片創造獨特個性

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

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

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

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

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

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


新國科會主委吳政忠:部會協力串聯,打造不只科技部的科技,回應社會多元需求

國家科學及技術委員會揭牌及主任委員布達儀式 7 月 27 日於科技大樓舉行,原科技部部長吳政忠出任首任主任委員,承接過去使命再提出四點精進方向,期待透過跨部會協力,布局新興科技與產業。
評論
Photo Credit:TNL Brand Studio
評論

科技部改制為「國家科學及技術委員會」(以下稱「新國科會」),7 月 27 日於科技大樓舉行揭牌及主任委員布達儀式,與會貴賓不只涵蓋產官學界,總統蔡英文及行政院長蘇貞昌也親臨會場,共同見證我國科研事務推動最高權責機關成立,為政府組織改造立下重要的里程碑。

Photo Credit:TNL Brand Studio

新國科會打造不只是科技部的科技,建立科技與臺灣社會的多元聯繫

臺灣的科技不應該只有科技部,而是還有經濟部、衛福部等所有部會在一起,但是用科技部的名稱出去國外,好像就變成全臺灣的科技都是科技部的。所以我說,科技不會只有科技部的科技,應該是所有部會的總合。

新國科會首任主委吳政忠在致詞開頭即強調「部會合作」的組織核心,表示「科技不只是科技,科技與經濟、社會、環境等面相都有密切的關係」,也因此不應侷限於某個部分,應當是多個部會、學術界、產業界等攜手合作推動。

有別於過去科技部與行政院科技會報辦公室以合作關係來協調部會,未來新國科會改以委員會的組織形式運行,透過每月主要部會的首長共同商議策略方向,能夠整合部會資源,協作共達目標,此舉不只立下我國科技發展全新的里程碑,也讓臺灣能夠更靈敏的面對國際競爭。

Photo Credit:TNL Brand Studio
新國科會主委 吳政忠。

新國科會前身是 1959 年行政院國家科學委員會,又於 2014 年改制為科技部,過去肩負推動全國整體科技發展、支援學術基礎研究,以及發展科學園區等三大使命,在歷任部長的努力下,更將創新創業加入推動目標。如今的新國科會不只承接過去使命,主任委員吳政忠更提出以下四點未來新國科會所精進的方向:

一、跨部會協力,布局新興科技與產業
儘管臺灣小、科技預算不如國外,但臺灣部會之間高效率、精準連結的合作模式,將成為與國外競爭時的最大優勢,而「跨部會」溝通不只是未來新國科會的努力目標,也是新國科會最核心的思考架構。

二、基礎學術研究奠基
回顧過去兩年臺灣新冠疫情的防疫成果,無論在病毒醫學還是疫苗研發領域,基礎科學研究一直都是技術開發的堅強後盾;所以在臺灣邁向國際頂尖的路上,無論半導體、太空、還是人工智慧,科技的基礎研究與國際互動都將是新國科會注重的發展方向。

三、打造精緻多元的生活科學園區
過去半導體產業已替臺灣打下堅實的基礎,科技園區的產值從 2.7 兆成長到去(2021)年 3.7 兆,但除了半導體,其他的產業也需要布局,尤其是精準健康、智慧農醫、電動車、太空科技、低軌衛星等「接近生活」的重點產業。

四、實踐科技的人文社會價值
隨著科技與生活拉近距離,未來的科技發展必然需要與社會需求、環境永續連結,回應外在社會環境的變化;此外,科技人才培育、加強臺灣女性在科技面的投入比例,都將是未來新國科會欲強化的目標。

Photo Credit:TNL Brand Studio

進一步探究,就會發現上述新國科會的策略方針並非憑空發想,而是源自對產業發展的細微觀察與豐富的知識、經驗的珍貴結晶。早在吳政忠任職行政院科技顧問組副執行秘書時,就已觀察到「當科技更接近生活,產品價值就會大幅度的翻倍成長」的現象,再回顧臺灣善於代工製造零件的發展歷史,才萌生「將臺灣強而有力的製造技術與創新想法整合」的初步想法。

但是「整合」一詞的背後,需要的是基礎研究、應用研究,產業實務之間的環環相扣,過程不只涉及公私跨部門、跨領域的協調,也是一個漫長轉換的過程,並非一蹴可及。最後,在數年醞釀及無數人的共同努力下,儘管過程困難重重,以「部會合作」思考為核心的組織架構「新國科會」終於順利誕生,讓整體國家的科技發展得以提升至行政院層級的高度,向下整合上中游的基礎研究、下游的應用研究及產業實務的連接,創造更多的商機與價值。

Photo Credit:TNL Brand Studio

新國科會的挑戰與期許,後疫情時代的科技人文關懷

如今全球進入後疫情時代,國際關係變動不定,更面臨供應鏈重組、數位轉型等產業挑戰,科技作為國家發展重要的中堅力量,勢必需要更快速的布局因應,在變動中搶得先機。但除了研究與創新,科技與人文社會的結合也是新國科會的一大核心。

隨著人工智慧、太空等科技發展,生活中科技將無所不在,因此未來傳統產業必然將被完全翻轉,此時人文社會科學就扮演嫁接技術與生活文化的重要橋樑,彰顯科學研究成果對人類福祉的巨大貢獻。但這一切的前提是科技與社會必須主動伸手,彼此接觸、相互了解,攜手促進社會總體的福祉發展。新國科會成立之日,同時也是「國科會職場互助教保服務中心 [ 註 ] 」揭牌日,便能看見國科會對人文的用心,除了前述四大重點外,對於女性人才的培育、原住民教育的深耕、環境永續,都將是國科會的重點目標,如何透過科技連結社會的需求,正是新國科會追求的核心,因此新國科會不只是部會整合、資源分配與未來展望而已,更是將科技應用在民間的推動者,同時成為科技與人文交流的平台,最大化科技對總體社會福祉的貢獻。

國科會科技辦公室 廣告


[ 註 ] :國科會職場互助教保服務中心於 110 年 8 月開辦,位於科技大樓 1 樓,是臺灣公共托育協會承接的第一間職場教保中心。以平價、優質、非營利、社區化之方向營運,希望透過政府與公益法人團體協力的方式,結合民間團體資源,提供孩子優質的教保品質,減輕社區家庭照顧負擔,提升教保人員工作環境與權益。資料來源:財團法人彭婉如文教基金會