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
往下滑看下一篇文章
告別跨海投資焦慮!永豐金「大戶投 APP」美股 2.0 登場,一站式平台解構百萬投資人痛點
告別跨海投資焦慮!永豐金「大戶投 APP」美股 2.0 登場,一站式平台解構百萬投資人痛點

台灣人的投資版圖,正快速向海外市場擴展。

根據券商公會統計,近幾年透過券商複委託參與海外市場的人數與金額皆持續成長,美股更成為多數投資人佈局全球市場的第一站。當投資視野從台股延伸至美股,投資人對交易 APP 的期待也隨之改變:它不再只是下單工具,而是能整合分散資訊、協助解析市場脈動的投資平台。

數位 永豐金證券美股_Stanley-31.jpg
(永豐金證券「大戶投APP」美股2.0全新功能上線)
圖/ 永豐金證券

在此趨勢推動下,券商紛紛進化數位平台功能,如永豐金證券近期便啟動「大戶投 APP」美股 2.0 升級計畫,針對散戶在投資美股時經常面臨的資訊碎片化、操作繁瑣等痛點,設計五項全新功能,希望讓投資人更有效率地掌握海外市場動態。

看得到卻抓不到機會:散戶投資美股的三大痛點全解決

永豐金證券數位金融處副總經理劉柏甫觀察,散戶在進入美股市場時,最常遇到的難題往往不是資訊匱乏,而是「看得到,卻未必抓得到機會」。

在他看來,速度落差、資訊碎片化和決策成本高,是投資人與交易時機擦身而過的 3 大主因:

一、首先是速度落差。美股沒有單日漲跌幅限制且股價波動速度快,倘若報價更新不夠即時,或因時差錯過盤中關鍵行情,投資人很容易錯過最佳進出場時機。二、資訊碎片化。從報價查詢、交易下單、技術線圖分析、到財報資料產業動態,相關資訊往往分散在不同平台,投資人必須在多個平台間頻繁切換,導致進場時機很可能在過程中悄然流失。三、決策成本高,由於美股標的多達上萬檔,在缺乏高效的篩選與分析工具的情況下,投資人往往需要耗費大量時間整理資訊,讓選股過程如同大海撈針。

因此,如何在有限時間內快速整合市場訊號、精準掌握交易節奏,成為散戶在投資美股時的關鍵課題,也是永豐金證券推動「大戶投 APP」美股2.0升級的重要出發點。

劉柏甫說明,「此次改版的核心概念在於一站式整合,透過 5 大創新設計,將原本分散在不同工具中的下單、看盤與線圖分析功能整合在一起,讓投資人無須在多個介面間來回切換,只要在單一平台就能完成從判讀、選股到下單的完整流程。」

亮點1》毫秒級即時報價,解決美股交易「速度落差」

針對美股交易中常見的報價延遲問題,「大戶投 APP」導入毫秒級主動推送報價機制,使投資人能夠更快速掌握盤中價格變化。

過去散戶使用的免費看盤軟體,多半僅能提供延遲約 15 分鐘的報價,當市場在開盤或重大消息發布時出現劇烈波動,投資人往往要等待一段時間,才會在螢幕上看到更新的數字,此時可能已錯過最佳交易時機。如今,透過「大戶投 APP」美股毫秒報價機制,投資人可以即時看到價格變動,在盤中快速做出交易判斷,縮短資訊取得與實際交易之間的時間差。

亮點2》9+23 技術指標,把專業級線圖分析搬進手機

針對投資人判讀股價趨勢的需求,「大戶投 APP」導入 9+23 技術指標模組,使用者在手機上就能看到專業線圖分析,輕鬆解析個股趨勢的底層邏輯。

過去散戶若想進行完整的技術分析,往往需要在電腦上開啟專業軟體,才能查看各類指標,不僅操作繁瑣,也增加分析門檻。如今,「大戶投 APP」透過 9+23 技術指標模組,分別是 MA、布林通道與CDP等9大主圖指標,與KDJ、MACD與乖離率等23項副圖指標,協助投資人快速觀察股價趨勢與動能變化、判斷個股走勢,讓技術分析不再是專業投資人的專利。

數位 永豐金證券美股_Stanley-38.jpg
(永豐金證券「大戶投APP」四大選股策略)
圖/ 永豐金證券

亮點3》四大選股策略,一鍵跨越決策門檻

針對投資人面對龐大美股標的時的選股難題,「大戶投 APP」導入四大策略工具,包含市場熱股快選、基本面首選、趨勢動能選以及專業機構等級的 Barra 量化因子選,加速選股決策流程。

投資人在選股時,往往需要自行查閱公司資料或逐一比對財務與技術指標,不僅耗時,也容易錯過機會。而「大戶投 APP」則善用 AI 力量,將複雜的選股策略簡化為直觀的篩選標籤,從不同面向協助投資人快速篩選標的。例如,從財報獲利挑出體質好的穩健成長股,或是從成交量與價格波動狀況找出市場最火熱的標的,讓原本如同大海撈針的選股過程變得更有效率。

亮點4》全新盤勢儀表板,一眼掌握市場資金流向

針對美股市場資訊龐雜、投資人難以快速掌握當日市場重點的問題,「大戶投 APP」推出美股焦點儀表板,以圖表方式集中呈現多項市場資訊,讓投資人一眼就知道當晚「美股漲什麼」。

過去投資人若想了解當天的市場動態,往往需要在多個網站與平台查詢資料,才能拼湊出整體輪廓。而美股焦點儀表板的產業熱力圖與個股漲跌幅分佈圖,則運用區塊大小與色澤深淺設計,讓投資人可以直觀了解當日市場資金流向哪些產業,輕鬆跟上整體產業輪動趨勢,還能判斷今日大盤是「全面普漲」還是「只漲龍頭股」,有效避開大盤虛紅、持股真綠的陷阱。

亮點5》分析師評級指南針,降低美股研究門檻

針對投資人解讀國際投資機構研究報告的困難,「大戶投 APP」獨家推出分析師評級指南針,整合由美國上市的金融數據與分析服務公司提供的機構級數據。

透過串接全球超過 200 個資料庫,大戶投 APP 提供涵蓋投行分析師與私募市場的權威數據與多元市場觀點的數據資訊,協助投資人降低資訊碎片化帶來的判讀成本。同時,平台亦提供中文版公司背景介紹,讓投資人在交易前能快速掌握企業核心業務與產業定位,並參考國際機構的整體共識,提高投資決策效率。

劉柏甫強調,這賦予了散戶與法人同等的「專業底氣」,協助投資人告別盲目跟單,掌握基本面優勢,更有信心地執行每一筆交易決策。

數位 永豐金證券美股_Stanley-12.jpg
(永豐金證券數位金融處副總經理劉柏甫(前排中)、平台發展部部長莊俊賢(前排左二)、平台發展部副部長黃亮喻(前排右二),與大戶投APP開發團隊合影。)
圖/ 永豐金證券

「大戶投 APP」上線至今吸引超過百萬人下載,背後正是永豐金證券持續投入資源、發展各項數位服務的成果。未來,永豐金證券仍將持續創新「大戶投 APP」功能,並整合金控集團內部資源,不斷提升投資體驗,成為客戶心中值得信賴的「投資第二大腦」。

此外,為降低投資全球市場的門檻,永豐金證券攜手永豐銀行,串聯DAWHO數位外幣帳戶與「大戶投 APP」美股交易,投資人除可享有更順暢的資金調度體驗,亦能搭配銀行端外幣換匯減分或不定期優利方案。投資人僅需一鍵線上申請,即可同步開立新臺幣、外幣、信託、國內證券與複委託等五大帳戶,大幅簡化跨市場投資流程。

即日起至6月30日止新開立永豐金證券帳戶,即可享30天「豐學PRIME 2.0」投資專欄免費試閱體驗;升級永豐銀行大戶Plus加碼再領30天,每月定期定額存台股也能輕鬆達成大戶Plus升等任務,投資人若想體驗在全球市場直覺便利、極致流暢的交易體驗,享受一站式理財的便利性,現在正是申請「永豐DAWHO數位帳戶 X大戶投」帳戶的好時機。(詳情請見官網:https://sinourl.tw/SF98Zh)

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

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