UX 案例分享-JFK AirTrain 的告示螢幕再設計

閱讀時間約 3 分鐘
圖片來自 Adam Fisher-Cox
Adam Fisher-Cox 是一位設計師,最近看到他分享與甘迺迪國際機場合作改造 JFK AirTrain 告示螢幕的案例,覺得很值得借鏡,在這裡摘要這個設計案的思考過程分享給大家。
JFK AirTrain 相當於台灣的桃園機場捷運,做為甘迺迪國際機場對外的捷運系統,和市內的捷運系統最大的差異是,JFK AirTrain 主要的乘客是來自於各個航班的旅客,整個設計案的假設情境也是根基於此,這些旅客絕大多數來自外地,對甘迺迪機場鄰近城際間的運輸路線並不熟悉,甚至對 AirTrain 的路線與班次也是陌生的,在這樣的假設下,如何讓陌生的旅客快速的掌握到 AirTrain 的班次與對外路線就會是這個任務的目標與挑戰。

版面重構

JFK AirTrain old screen
圖片來自 Adam Fisher-Cox
JFK AirTrain screen
圖片來自 Adam Fisher-Cox
對比同樣是位於八號航站的告示螢幕,舊的設計顏色太過花俏,版面也過於雜亂,很難讓人在幾秒內迅速獲得路線與班次資訊,經過重構後的新設計更貼近現代化的設計風格、減少了裝飾性元素(文字藝術師、過多的色彩等),也重新安排了佈局,讓旅客更關心的資訊(轉乘站、接駁運輸)佔有最多的空間、放大標示旅客當前所在的站點,剩下的空間留給顯示班次資訊,這些改變對一位初來乍到的旅客,顯然是更清晰易懂的。

取捨

JFK AirTrain master map A
圖片來自 Adam Fisher-Cox
JFK AirTrain master map B
圖片來自 Adam Fisher-Cox
在新版面的設計思考上,設計師也做了取捨,雖然上圖 A 版的設計更符合實際的地理位置,軌道也更符合實際的走向,但這對初心者來說卻可能是難以理解的,特別是在八號航站、一號航站、Federal Circle 三站之間的三角區域,不論是那行進方向混淆的紅綠線,或是環狀黃線,旅客大概都需要花上幾分鐘時間在腦中盤旋一遍才能確定自己要搭的路線,相對的 B 版則打破了貼近現實的框架,改用更簡單明確的線條和方向指示來引導旅客,由醒目的「YOU ARE HERE」開始引導旅客的視線由左至右的掃過,沿路找到自己的下一個目的地,B 版的環狀黃線也頗具巧思,刻意在七號和八號航站間做出間隔卻又留個小尾巴,讓旅客知道黃線的行進方向又不會迷惑於沒有起終點的圓環。

結語

這次分享的 JFK AirTrain 告示螢幕設計案例,上面的文摘只涵蓋了原文內容的一部分,對案例或設計師有興趣的朋友,可以閱讀下面連結的原文了解更多的幕後故事。
在產品設計的理念上,設計師 Adam Fisher-Cox 有許多和我們不謀而合的地方,在流程上,我們都重視情境的擬定並以情境為出發點去追求產品在這個情境下的表現,在機場的案例,目標情境是滿足初來乍到的旅客的運輸需求,他們正趕著往下一個目的地前進;在版面資訊上,我們也都有所取捨,取捨之間的平衡,同樣是取決於情境的設定,在機場的案例,為了能讓旅客們更迅速的讀取所需要的資訊,路線圖被刻意的捨去某些次要資訊,這種做法其實在大眾運輸界相當普遍(桃機捷運路線圖也是同樣的設計),民眾也習以為常,但在別的產業,我們就需要花費更多的「巧思」來構思出高效又簡潔的產品頁面,關於我們對 POS 產品的設計原則,有興趣的朋友可以看看另外一篇〈談 POS 設計背後的原則〉,裡面有更多我們對於 POS 設計的基礎原則。
為什麼會看到廣告
avatar-img
13會員
64內容數
Where I go and what I get.
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Leon的沙龍 的其他內容
介紹一下 MailPoet 和它的發信設定。
本文描述 Plesk / Cloudflare / Lightsail 混合架構下的一些好像很安全,令人感到安心的安全規劃。
建立資安意識絕對只會是 top-down 的策略,頭家不對內宣示對資安的重視程度與相關教育作為,就不可能期待員工會有相對的資安意識。
Jamstack 是個描述前後端分離下的字彙,因為老外就愛發明新字,所以這篇我們來用 Jamstack 的角度來看前後端分離。
圖片來自 Nilesh Thonte 只有 LaTeX 能打出優美、結構優良的文件的神話早就破滅了,那些期刊出版商只用 LaTeX 範本也是完全故步自封的作法,從一篇  paper  賣幾十塊美金就看得出來,做研究的也不是它們憑什麼賣這麼貴,它們也只會把你的成果轉寄給大師評而已,沒跟它簽約的個人戶誰
圖片來自 Julien G. 這一篇文談談揪竟為什麼我要買 Mac。 話說我有一台從大三至今用了五年以上的電腦,這台聯強的筆電作業系統當然是  Windows,不過我既不用 IE,也不用 Office,我慣用的瀏覽器以前是 Firefox,後來是 Google Chrome(←  因為實在是太快了
介紹一下 MailPoet 和它的發信設定。
本文描述 Plesk / Cloudflare / Lightsail 混合架構下的一些好像很安全,令人感到安心的安全規劃。
建立資安意識絕對只會是 top-down 的策略,頭家不對內宣示對資安的重視程度與相關教育作為,就不可能期待員工會有相對的資安意識。
Jamstack 是個描述前後端分離下的字彙,因為老外就愛發明新字,所以這篇我們來用 Jamstack 的角度來看前後端分離。
圖片來自 Nilesh Thonte 只有 LaTeX 能打出優美、結構優良的文件的神話早就破滅了,那些期刊出版商只用 LaTeX 範本也是完全故步自封的作法,從一篇  paper  賣幾十塊美金就看得出來,做研究的也不是它們憑什麼賣這麼貴,它們也只會把你的成果轉寄給大師評而已,沒跟它簽約的個人戶誰
圖片來自 Julien G. 這一篇文談談揪竟為什麼我要買 Mac。 話說我有一台從大三至今用了五年以上的電腦,這台聯強的筆電作業系統當然是  Windows,不過我既不用 IE,也不用 Office,我慣用的瀏覽器以前是 Firefox,後來是 Google Chrome(←  因為實在是太快了
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
在當今多元化的商業環境中,產品和服務的收益流對用戶體驗有著深遠影響。本文探討了不同收益模式(如廣告、訂閱、租賃等)如何影響用戶的行動成本與付出代價,並指出UX設計師在設計過程中需要如何平衡收益與用戶體驗,以提高用戶滿意度和維持穩定收益。透過這些策略,UX設計師能確保產品在不斷升級的市場中取得成功。
Thumbnail
UX研究員在進行質性研究時遇到的三大挑戰,包括研究時間長、受訪者代表性不足和研究效果難以衡量。針對這些挑戰,本文提供實用的解決方案,如限縮研究範疇、逐步交付研究、明確受訪者標準、結合量化研究及使用業務指標來評估效果等,幫助團隊更有效地執行質性研究,以滿足需求。這篇文章適合想深入質性研究的UX研究員。
Thumbnail
The Metaverse and Extended Reality (XR) are rapidly emerging as the next frontier in digital interaction, blending the physical and virtual worlds...
Thumbnail
本文討論UX設計師面試中的常見問題,並提供有效的回答建議。這些問題涉及個人介紹、職位申請動機、貢獻、擅長項目、薪酬期望、職業發展計劃等。
Thumbnail
歡迎來到 UX(用戶體驗)設計顧問的世界!每一天,我們像是探險家般,深入用戶的心智地圖,解開產品與服務中的謎題。想知道如何讓一天的工作既有成就感又富有創意嗎?讓我帶你一探究竟!
Thumbnail
在設計的世界裡,字體遠遠不止是文字的表達,它們是情感的傳遞者,是風格的塑造者。選擇正確的字體對於達成溝通目的至關重要。一個不恰當的字體選擇可能會讓你的設計失去本應有的魅力。為此,我們在這裡推薦一系列與不同情緒相匹配的字體,讓你的設計作品更加精準地傳達出想要的感覺。
Thumbnail
設計師經常尋找可以提升工作效率和創意的資源。幸運的是,Figma社群總是樂於分享,這裡我們整理了一些免費的Figma檔案和設計資源,幫助你在App/ 網頁設計界面(UI)和呈現方面更上一層樓。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
在當今多元化的商業環境中,產品和服務的收益流對用戶體驗有著深遠影響。本文探討了不同收益模式(如廣告、訂閱、租賃等)如何影響用戶的行動成本與付出代價,並指出UX設計師在設計過程中需要如何平衡收益與用戶體驗,以提高用戶滿意度和維持穩定收益。透過這些策略,UX設計師能確保產品在不斷升級的市場中取得成功。
Thumbnail
UX研究員在進行質性研究時遇到的三大挑戰,包括研究時間長、受訪者代表性不足和研究效果難以衡量。針對這些挑戰,本文提供實用的解決方案,如限縮研究範疇、逐步交付研究、明確受訪者標準、結合量化研究及使用業務指標來評估效果等,幫助團隊更有效地執行質性研究,以滿足需求。這篇文章適合想深入質性研究的UX研究員。
Thumbnail
The Metaverse and Extended Reality (XR) are rapidly emerging as the next frontier in digital interaction, blending the physical and virtual worlds...
Thumbnail
本文討論UX設計師面試中的常見問題,並提供有效的回答建議。這些問題涉及個人介紹、職位申請動機、貢獻、擅長項目、薪酬期望、職業發展計劃等。
Thumbnail
歡迎來到 UX(用戶體驗)設計顧問的世界!每一天,我們像是探險家般,深入用戶的心智地圖,解開產品與服務中的謎題。想知道如何讓一天的工作既有成就感又富有創意嗎?讓我帶你一探究竟!
Thumbnail
在設計的世界裡,字體遠遠不止是文字的表達,它們是情感的傳遞者,是風格的塑造者。選擇正確的字體對於達成溝通目的至關重要。一個不恰當的字體選擇可能會讓你的設計失去本應有的魅力。為此,我們在這裡推薦一系列與不同情緒相匹配的字體,讓你的設計作品更加精準地傳達出想要的感覺。
Thumbnail
設計師經常尋找可以提升工作效率和創意的資源。幸運的是,Figma社群總是樂於分享,這裡我們整理了一些免費的Figma檔案和設計資源,幫助你在App/ 網頁設計界面(UI)和呈現方面更上一層樓。