TriPlan 是一款旅行計畫手機 App,讓使用者在旅行時也能輕鬆地查看或編輯行程。使用者可在 TriPlan 內儲存任何想去的地點,並將它們添加至行程中,與朋友、家人或旅行夥伴分享自己的旅行計畫。
2 個月
產品設計師
UX 研究分析
Wireframing
Mockups
Prototyping
Side Project
作為一位產品設計師,我在兩個月內開發了一個針對喜歡計劃旅行的旅客所設計的手機 App,目前我仍持續優化產品設計及完成更完整的分析,以提供更好的使用者體驗。
讓使用者隨時隨地編輯和分享他們的旅遊計畫。
喜歡放假時和家人朋友一起旅行的人們需要一個 App,協助他們輕鬆地規劃和分享旅行計畫,以便隨時隨地查看。
從調查資料內可以了解到,台灣人在國內旅遊目的以觀光度假為主,也傾向自行規劃旅遊行程,且旅遊資訊來源除了網路及社群媒體外,還有身邊認識的朋友、同事及同學。因此我將產品定位目標客群為自助旅行者,並透過後續設計研究,思考如何協助使用者更簡易編輯行程規劃、分享行程給他人。
競品分析完成後,我發現產品訂定的目標受眾會深深地影響產品的功能和介面設計。
透過使用者訪談,探索大家使用哪些工具計劃旅行以及如何規劃旅行。有趣的是雖然每個人都使用不同的工具規劃行程,但事前規劃旅行的原因都是為了使旅行更加順利。
Casie 熱愛旅遊,平常時會儲存自己感興趣的景點、餐廳等資訊,並樂於與朋友分享旅行資訊或計畫。
TriPlan 規劃了 3 個主要功能:旅行計畫、旅行願望清單和帳戶設定。
最初的 Functional Map 是依照 User Story 思考規劃。然而製作 Wireframe 時,突然想到若產品功能類似也許可以幫助使用者更快速、更輕鬆地學習如何使用產品,因此改良成第二個版本的 Functional Map。
由於「旅行計畫」和「旅行願望清單」的功能相似,其使用者流程圖也大同小異,唯一的不同點在於資料類型以及些許功能。
我將旅行計劃和旅行願望清單設計了相似的介面與功能,希望讓使用者可以快速了解如何使用 TriPlan。
為了方便使用者查看資訊和減少過多資訊的干擾,以左右滑動設計讓使用者透過此操作對清單開啟不同的功能並執行。
為提供使用者更友善的體驗,TriPlan 讓使用者可以直接將旅行景點的資訊加入現有的旅行計畫中,無需進入旅行計畫的編輯頁面。
為確保良好的使用者體驗,我設計了盡可能簡潔的介面,同時以清晰簡明的方式呈現大量的資訊。
將「新增」按鈕改至上方導覽列設計,而非懸浮動作按鈕(FAB),以保持介面簡潔。
考量使用者可能無法了解懸浮動作按鈕(FAB)指的是「新增旅遊景點」,因此調整成文字按鈕,希望使用者一眼了解按鈕功能。
考慮到勾選框設計通常位於選項之前,我進行了調整,以符合使用者習慣。
完成產品設計後,我開始進行旅行計劃介面的設計探索,您可以透過以下圖文,了解我的設計過程及想法。
我在搜尋欄中增加了篩選器和歷史紀錄功能,讓使用者可以根據日期、年份、國家和城市等選項輕鬆篩選他們的旅行計劃外,還提供歷史紀錄讓使用者直接確認。
我考量了以圖示點擊方式,讓使用者開啟清單的編輯功能,此設計的確便於未來維護和開發新功能的便利性。此外,我也有思考設計圖片式卡片清單,去吸引使用者的目光,然而在評估與照片管理及來源等相關問題後,還是決定先開發文字清單的設計。
為了滿足不同行程安排需求的使用者,我增加了一些功能,讓使用者可以標示必訪的旅遊景點,並自由拖曳和重新排列清單的位置。此外,我將時間表格設為自由選填,以便使用者可以根據自己的喜好靈活地規劃行程安排。
考慮到各個景點和場所的不同營業時間,我新增了一個功能,顯示日期和星期,讓使用者更方便地確認不同日期的行程,確保確保行程安排的準確性。
當使用者進入「旅行計畫清單」時,系統會顯示從最近日期到最遠日期排序的所有計畫資料。使用者可利用搜尋欄進行篩選或排序,快速找到目標的計畫。另外,為了保持設計和操作的一致性,在「旅行計畫清單」和「編輯旅行景點清單」中,統一設計以點擊圖示方式開啟清單的編輯功能。
在紙上寫下旅遊計畫,將紙張折成一架紙飛機,讓它帶領我們到達想要去的目的地。
紙飛機代表了穿越天空的象徵,因此選擇藍色作為品牌顏色。
渴望環遊世界的我們,從外太空看向地球,呈現出藍色(海洋)和綠色(森林)交織成一覽美麗的色調。
透過研究和使用者訪談,讓我更加了解使用者的需求及如何定位產品,也了解到在設計產品時,平衡不同的使用者需求是一個極具挑戰性的任務,以下是一些可以優化 TriPlan 的想法: