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

更新 發佈閱讀 4 分鐘
raw-image

Adam Fisher-Cox 是一位設計師,最近看到他分享與甘迺迪國際機場合作改造 JFK AirTrain 告示螢幕的案例,覺得很值得借鏡,在這裡摘要這個設計案的思考過程分享給大家。

JFK AirTrain 相當於台灣的桃園機場捷運,做為甘迺迪國際機場對外的捷運系統,和市內的捷運系統最大的差異是,JFK AirTrain 主要的乘客是來自於各個航班的旅客,整個設計案的假設情境也是根基於此,這些旅客絕大多數來自外地,對甘迺迪機場鄰近城際間的運輸路線並不熟悉,甚至對 AirTrain 的路線與班次也是陌生的,在這樣的假設下,如何讓陌生的旅客快速的掌握到 AirTrain 的班次與對外路線就會是這個任務的目標與挑戰。

版面重構

raw-image
raw-image

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

取捨



raw-image
raw-image

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

結語

這次分享的 JFK AirTrain 告示螢幕設計案例,上面的文摘只涵蓋了原文內容的一部分,對案例或設計師有興趣的朋友,可以閱讀下面連結的原文了解更多的幕後故事。

在產品設計的理念上,設計師 Adam Fisher-Cox 有許多和我們不謀而合的地方,在流程上,我們都重視情境的擬定並以情境為出發點去追求產品在這個情境下的表現,在機場的案例,目標情境是滿足初來乍到的旅客的運輸需求,他們正趕著往下一個目的地前進;在版面資訊上,我們也都有所取捨,取捨之間的平衡,同樣是取決於情境的設定,在機場的案例,為了能讓旅客們更迅速的讀取所需要的資訊,路線圖被刻意的捨去某些次要資訊,這種做法其實在大眾運輸界相當普遍(桃機捷運路線圖也是同樣的設計),民眾也習以為常,但在別的產業,我們就需要花費更多的「巧思」來構思出高效又簡潔的產品頁面,關於我們對 POS 產品的設計原則,有興趣的朋友可以看看另外一篇〈談 POS 設計背後的原則〉,裡面有更多我們對於 POS 設計的基礎原則。


留言
avatar-img
留言分享你的想法!
avatar-img
Leon的沙龍
15會員
64內容數
Where I go and what I get.
Leon的沙龍的其他內容
2024/04/10
Goolge OR-Tools 是一套以數學模型為基礎的求解器,相較於 OptaPlanner,OR-Tools 有更平緩的學習曲線,本文是 OR-Tools 最基礎的介紹。
Thumbnail
2024/04/10
Goolge OR-Tools 是一套以數學模型為基礎的求解器,相較於 OptaPlanner,OR-Tools 有更平緩的學習曲線,本文是 OR-Tools 最基礎的介紹。
Thumbnail
2024/04/09
這篇開箱另一套權限檢查工具 Vakt,相較於 Oso,Vakt 的規則直接以 Python 語法構成,不用再學 Oso 的特規語法,可以作為 Oso 的替代品。
Thumbnail
2024/04/09
這篇開箱另一套權限檢查工具 Vakt,相較於 Oso,Vakt 的規則直接以 Python 語法構成,不用再學 Oso 的特規語法,可以作為 Oso 的替代品。
Thumbnail
2024/04/09
SpiffWorkflow 是一個專門針對業務流程的流程引擎,它與商業 BPMN 產品有所區別,適合應用在自有專案中,並且需要內含稍微複雜的商業流程。例如,對於需要外部程式與前端配合才能真正讓用戶輸入決斷的場景,SpiffWorkflow 是一個適合的解決方案。
Thumbnail
2024/04/09
SpiffWorkflow 是一個專門針對業務流程的流程引擎,它與商業 BPMN 產品有所區別,適合應用在自有專案中,並且需要內含稍微複雜的商業流程。例如,對於需要外部程式與前端配合才能真正讓用戶輸入決斷的場景,SpiffWorkflow 是一個適合的解決方案。
Thumbnail
看更多
你可能也想看
Thumbnail
星宇航空和虎航在手機訂票介面上的設計差異以及如何影響使用者體驗 (UX)
Thumbnail
星宇航空和虎航在手機訂票介面上的設計差異以及如何影響使用者體驗 (UX)
Thumbnail
請訂閱【愛飛機高高飛】YouTube頻道!謝謝大家! 最近我遇到很多搭國泰航空經台北轉機達美航空欲前往西雅圖的香港朋友! 也遇到很多搭達美航空經台北要轉機國泰航空回到香港的香港朋友! 達美航空是天合聯盟! 國泰航空是寰宇一家! 這種轉機搭配真的很奇怪! 航空公司和旅行社為了賺錢什麼奇怪的
Thumbnail
請訂閱【愛飛機高高飛】YouTube頻道!謝謝大家! 最近我遇到很多搭國泰航空經台北轉機達美航空欲前往西雅圖的香港朋友! 也遇到很多搭達美航空經台北要轉機國泰航空回到香港的香港朋友! 達美航空是天合聯盟! 國泰航空是寰宇一家! 這種轉機搭配真的很奇怪! 航空公司和旅行社為了賺錢什麼奇怪的
Thumbnail
請訂閱【愛飛機高高飛】YT頻道!謝謝大家! 為了慶祝華航7月14日直飛西雅圖! 華航也和機捷合作推出彩繪列車! 華航終於不讓長榮航空和星宇航空專美於前! 華航終於也有機捷彩繪列車了! 開心! 身為華航鐵粉絕對支持華航!
Thumbnail
請訂閱【愛飛機高高飛】YT頻道!謝謝大家! 為了慶祝華航7月14日直飛西雅圖! 華航也和機捷合作推出彩繪列車! 華航終於不讓長榮航空和星宇航空專美於前! 華航終於也有機捷彩繪列車了! 開心! 身為華航鐵粉絕對支持華航!
Thumbnail
這一次來到桃園國際機場準備搭乘飛機出國,心情特別興奮。機場的氣氛總是讓人感到期待和冒險,藍天白雲的美景更是為這次旅行增添了不少美好的感受。當你站在機場的大廳,環顧四周,看到來自世界各地的旅客和多彩的行李箱,心中充滿了對未知旅途的憧憬。機場的廣播聲、人們的交談聲和行李車的滾動聲交織在一起,彷彿在奏響一
Thumbnail
這一次來到桃園國際機場準備搭乘飛機出國,心情特別興奮。機場的氣氛總是讓人感到期待和冒險,藍天白雲的美景更是為這次旅行增添了不少美好的感受。當你站在機場的大廳,環顧四周,看到來自世界各地的旅客和多彩的行李箱,心中充滿了對未知旅途的憧憬。機場的廣播聲、人們的交談聲和行李車的滾動聲交織在一起,彷彿在奏響一
Thumbnail
skyliner是連接成田機場和上野(東京東北側)最快的車種。本文介紹skyliner的票價、各種購票方式、搭乘,以及與Access特急的比較。
Thumbnail
skyliner是連接成田機場和上野(東京東北側)最快的車種。本文介紹skyliner的票價、各種購票方式、搭乘,以及與Access特急的比較。
Thumbnail
臺中國際機場 沉澱許久的野心 站徽設計概念: 將樞紐意象跟飛機啟航概念結合,象徵臺中成為亞太中心樞紐,而畫面也呈現臺中得“中”字意象。 飛機與啟航弧線中,橘色象徵臺中城市的活力。 紫色象徵成熟穩定的發展。 黃色則是代表了溫暖與熱情的服務。 營運航線......
Thumbnail
臺中國際機場 沉澱許久的野心 站徽設計概念: 將樞紐意象跟飛機啟航概念結合,象徵臺中成為亞太中心樞紐,而畫面也呈現臺中得“中”字意象。 飛機與啟航弧線中,橘色象徵臺中城市的活力。 紫色象徵成熟穩定的發展。 黃色則是代表了溫暖與熱情的服務。 營運航線......
Thumbnail
全新航廈 因為克拉克現在是政府的重點發展項目,早在好幾年前就開始規劃全新的機場航廈,目前已經上線使用,並且淘汰掉舊的航廈,筆者也趁這個月的聖誕假期好好了解,要來介紹一番。 搭乘長榮 目前台北桃園有許多航空公司有直飛,每天都有至少兩班飛機可以搭乘,非常的方便,目前有長榮跟星宇,還有菲律賓的宿
Thumbnail
全新航廈 因為克拉克現在是政府的重點發展項目,早在好幾年前就開始規劃全新的機場航廈,目前已經上線使用,並且淘汰掉舊的航廈,筆者也趁這個月的聖誕假期好好了解,要來介紹一番。 搭乘長榮 目前台北桃園有許多航空公司有直飛,每天都有至少兩班飛機可以搭乘,非常的方便,目前有長榮跟星宇,還有菲律賓的宿
Thumbnail
機場的介面設計今年開始大家開始飛出去、飛進來,我相信很多人應該對機場的規劃設計以及指標設計有點傻眼,銘傳聽過我講解字型的同學,一定知道不是什麼地方都適合用新細明體的吧!!結果台灣桃園機場的指標都是新細明體,有圖參考
Thumbnail
機場的介面設計今年開始大家開始飛出去、飛進來,我相信很多人應該對機場的規劃設計以及指標設計有點傻眼,銘傳聽過我講解字型的同學,一定知道不是什麼地方都適合用新細明體的吧!!結果台灣桃園機場的指標都是新細明體,有圖參考
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News