「項目分享」- 維珍航空產品設計全記錄

01-29

大概需要 8 - 10 分鐘閱讀

項目背景

這次我們面臨的挑戰，是要在兩周內將維珍航空的航班服務集成到APP內。旨在為用戶提供無縫的飛行體驗。

客戶簡介

維珍航空目前每年飛行人次約540萬人。他們商業上的成功源自於其悠久的企業文化基石，他們竭盡一切提升商旅客戶和休閑客戶的出行效率，使客戶利益最大化。

著眼點

目前形式的航班服務：

航空手冊（提供食品和飲料服務，以及用來召喚空乘人員）
多媒體設備（電影、音樂、遊戲、地圖）

維珍公司需要在手機上實現所有的航班服務。

團隊與計劃

從右至左依次是 Stefano，Dafna 和我。我們在2周內始終奮鬥在第一線：

第一周：探索並定義目標。這其中包括項目畫布、項目計劃和業務分析。以及問卷調查、用戶訪談、親和圖、角色建模以及用戶體驗歷程圖。
第二周：開發並交付任務。其中包括紙質原型、中保真原型、高保真可交互原型。我們還進行了一些迭代以及可用性測試。

在整個衝刺期間，我參與了所有的設計流程，但也扮演了團隊協調員的角色。我得確保每個人都處在同一進度，一切都必須與項目計劃一致。

我們的原則

我們本著維珍航空的核心價值觀，逐漸構建出問題的解決方案。

「我們總是力求超越平凡，為我們的客戶提供難忘的體驗。」——維珍航空

我們的目標就是讓產品能夠體現這種價值觀，並能覆蓋所有業務需求。

用戶研究

問卷調查

起初，我們在社交媒體上發布了一項問卷調查。有60個用戶響應了我們。

我們用設計好的問題篩選目標用戶，詢問他們是否經常長途飛行。這幫我們過濾掉了11%的非受眾。

用戶訪談

我們通過電話採訪了11個人，並記錄下了這些對話音頻。

親和圖

我們將訪談得到的數據分組到不同的類別中。這有助於更好地了解我們的最終用戶。

角色建模

根據親和圖，我們推斷我們有三類客戶。我們創造了三個角色來代表他們。

克勞迪婭——我們的精準用戶。她經常從香港飛往紐約工作，並利用飛行時間工作或娛樂。

鮑勃——我們的次精準用戶。他是一名IT顧問，經常出差參加工作會議。他喜歡一直在飛機上看電影或電視節目。

安娜，相對較少飛行。當她出行時，她希望登機時盡量不被打擾以及整個飛行過程盡量平穩舒適。

這是我們繪製的故事板，用來總結我們的人物痛點。

方案目標

我們需要通過這款APP一併解決他們的痛點。

「這款APP要提供給乘客一個無縫的、愉悅的飛行體驗」——UX團隊

功能優先順序

我們根據研究結果記錄了所有的功能構思，並按不同的象限將它們分類。這幫助我們得以聚焦首版的「最簡可行產品」。

具體任務

對這個UX團隊來說，我們專註於兩個主要流程：

1.克勞迪婭的無縫體驗飛行之旅。她並不必在機場中斷她的購物體驗。登機口信息應自動顯示在她的手機上，而無需再去查看機場的滾動顯示屏了。

2.鮑勃的超凡娛樂飛行之旅。他可以通過APP控制座位上的屏幕，悠閑地看電影。

具體成果

我們輸出了一份紙制原型，並準備測試。

1.無縫體驗飛行之旅的原型

2.超凡娛樂飛行之旅的原型

測試紙質原型

我們測試了原型，並及時發現了一些問題：

界面措辭語焉不詳
導航複雜
與飛機內置屏幕配對時流程混亂

我們決定回到上一步，重新審視我們的產品架構。在一次短暫的頭腦風暴後，我們更新了我們的架構。

產品架構圖

我們將底導簡化，並減少了頁面數量。並且還刪除了手動配對流程，用自動配對取而代之。

中保真原型

根據新的產品架構，我們輸出了新的中保真交互流程圖。

1.無縫體驗的飛行之旅

2.超凡娛樂的飛行之旅

中保真原型測試

新的原型似乎挺奏效。我們不斷迭代，直到我們確信可以將中保真線框升級為高保真級別。

高保真原型

我們每人都用 Sketch，我們沿著 Stefano 發起的設計風格進行設計。

設計成果

我們前前後後共輸出了15版略有不同的設計風格，並對每種都進行了評審。最終決定去粗取菁，將所有優點匯聚到最後的主設計中。我們時刻謹記著維珍航空的品牌標識特徵。

可用性測試結果

設個設計的問題在於一些輔助環節。比如某些元素很難讀取，並且在某些情況下顏色之間缺乏足夠的對比度：

文本難以閱讀
底導的圖標缺乏對比度而不夠醒目
底導的高度太高

最終設計

修改後，我們解決了可用性測試階段的問題。我們將文本加大、標題加大，並減小了底導的高度。

最終我們生成了2套UI：

方案1

在這套方案中，我們試圖保持維珍航空傳統的吸引眼球的鮮艷顏色。底導 tab 的焦點狀態為紅色，而默認狀態則在紫色背景中反白。

方案2

這套基本是方案1的極簡版本。我認為這套設計看起來乾淨並專業。我們保持了維珍航空的鮮紅色，但有所突破的是，我們同時在白色背景上運用了一些明度較低的紅。

我們針對 Icon 也做了不少細化。默認狀態下，圖標為黑色鏤空。而焦點狀態，圖標轉為紅色填充，文字變粗。

項目小結

這是一次極具挑戰性的任務，需要在短時間內提出儘可能多的問題，並通過一個簡要的方案一併解決掉。最終，我們做到了。我們與很多行業資深工作者分享了原型，而他們對體驗與界面都報以了積極的反饋。

在不久的將來，我們還會輸出一份可點擊的高保真原型。而與此同時，我想引用維珍航空的一句格言來結束這篇文章。

「追隨你的夢想，尋求新的體驗並將你的想法變為現實」——維珍航空

原文地址：https://blog.prototypr.io/let-it-fly-redesigning-virgin-atlantics-flying-experience-a6df7663a07#.dcexaxyxo

原作者：Chaymae Lougmani
譯者：林南