TriPlan

▍專案概要

I. 專案背景

作為一位產品設計師，我在兩個月內開發了一個針對喜歡計劃旅行的旅客所設計的手機 App，目前我仍持續優化產品設計及完成更完整的分析，以提供更好的使用者體驗。

II. 專案目標

讓使用者隨時隨地編輯和分享他們的旅遊計畫。

III. 定義問題

喜歡放假時和家人朋友一起旅行的人們需要一個 App，協助他們輕鬆地規劃和分享旅行計畫，以便隨時隨地查看。

IV. User Story

• 作為一個旅行者，我希望能夠規劃我的行程，以便安排好每一天的行程。
  
• 作為一個旅行者，我希望知道旅行景點的位置，以便確認每一個地點間的交通方式、距離及時間。
• 作為一個旅行者，我希望在旅行期間記錄我當下的想法和感受，以便未來回顧。
• 作為一個旅行者，我希望能夠與朋友分享我的旅行計畫和推薦的景點，以提供他們旅行計畫的靈感。
• 作為一個旅行者，我希望能夠建立一份想去旅行願望清單，以便未來能輕鬆地規劃每一次的行程。

▍研究分析

市場分析

從調查資料內可以了解到，台灣人在國內旅遊目的以觀光度假為主，也傾向自行規劃旅遊行程，且旅遊資訊來源除了網路及社群媒體外，還有身邊認識的朋友、同事及同學。因此我將產品定位目標客群為自助旅行者，並透過後續設計研究，思考如何協助使用者更簡易編輯行程規劃、分享行程給他人。

競品分析

競品分析完成後，我發現產品訂定的目標受眾會深深地影響產品的功能和介面設計。

競品功能

• TripIt：
  TripIt 提供使用者將電子郵件訂單確認資訊同步至 App 中，讓使用者可以在 App 內輕鬆管理行程。
• TripHugger：
  TripHugger 使用 Google Maps API 簡化使用者的搜尋流程，系統直接擷取並顯示 Google Map 的資料，使用者無需手動輸入。

使用者訪談

透過使用者訪談，探索大家使用哪些工具計劃旅行以及如何規劃旅行。有趣的是雖然每個人都使用不同的工具規劃行程，但事前規劃旅行的原因都是為了使旅行更加順利。

• 研究目標：
  了解人們如何安排他們的旅行計畫。
• 研究洞察：
  1. 提前計劃旅行有助於在面對意料外的情況時，減輕焦慮感。
  2. 旅行計畫的計畫方式可能會因為旅伴人數、旅行天數，以及國內外旅行而有所不同。
  3. 訪談者通常會先選擇一至二個旅行目標地點，再安排附近其他的旅行景點。
  4. 訪談者會遵守飛機航班、大眾運輸系統或活動的表訂時間排定行程，其他行程則可彈性化安排。
  5. 旅行計畫可以與旅伴們共享或共編。
  6. 每一個旅行地點和聯繫方式，對於旅行者來說是重要的。
  

人物誌

Casie 熱愛旅遊，平常時會儲存自己感興趣的景點、餐廳等資訊，並樂於與朋友分享旅行資訊或計畫。

▍Functional Map

TriPlan 規劃了 3 個主要功能：旅行計畫、旅行願望清單和帳戶設定。

為何旅行計畫和旅行願望清單的功能如此相似？

最初的 Functional Map 是依照 User Story 思考規劃。然而製作 Wireframe 時，突然想到若產品功能類似也許可以幫助使用者更快速、更輕鬆地學習如何使用產品，因此改良成第二個版本的 Functional Map。

▍流程圖

由於「旅行計畫」和「旅行願望清單」的功能相似，其使用者流程圖也大同小異，唯一的不同點在於資料類型以及些許功能。

▍Wireframe

I. 一致的介面與功能

我將旅行計劃和旅行願望清單設計了相似的介面與功能，希望讓使用者可以快速了解如何使用 TriPlan。

II. 左右滑動開啟清單編輯功能

為了方便使用者查看資訊和減少過多資訊的干擾，以左右滑動設計讓使用者透過此操作對清單開啟不同的功能並執行。

III. 將旅行願望清單加入旅行計畫

為提供使用者更友善的體驗，TriPlan 讓使用者可以直接將旅行景點的資訊加入現有的旅行計畫中，無需進入旅行計畫的編輯頁面。

▍Mockup

為確保良好的使用者體驗，我設計了盡可能簡潔的介面，同時以清晰簡明的方式呈現大量的資訊。

I. 增加旅行計畫 / 旅行願望清單

將「新增」按鈕改至上方導覽列設計，而非懸浮動作按鈕（FAB），以保持介面簡潔。

II. 編輯旅行計畫

考量使用者可能無法了解懸浮動作按鈕（FAB）指的是「新增旅遊景點」，因此調整成文字按鈕，希望使用者一眼了解按鈕功能。

III. 將旅行願望清單加入旅行計畫

考慮到勾選框設計通常位於選項之前，我進行了調整，以符合使用者習慣。

▍Prototype

旅行計畫

旅行願望清單

▍產品優化

完成產品設計後，我開始進行旅行計劃介面的設計探索，您可以透過以下圖文，了解我的設計過程及想法。

I. 搜尋欄

我在搜尋欄中增加了篩選器和歷史紀錄功能，讓使用者可以根據日期、年份、國家和城市等選項輕鬆篩選他們的旅行計劃外，還提供歷史紀錄讓使用者直接確認。

• 目標：
  提供額外的資訊選項，讓使用者能快速搜尋到他們所期望的旅行計畫。

• 修改內容：
  1. 透過文字引導使用者如何開始進行搜尋。
  2. 整合排序搜尋結果和選擇搜尋紀錄的功能。

II. 旅行計畫清單

我考量了以圖示點擊方式，讓使用者開啟清單的編輯功能，此設計的確便於未來維護和開發新功能的便利性。此外，我也有思考設計圖片式卡片清單，去吸引使用者的目光，然而在評估與照片管理及來源等相關問題後，還是決定先開發文字清單的設計。

• 目標：
  提供使用者查看清單中計劃的重要資訊後，再決定是否點擊進一步查看完整計劃。
• 修改內容：
  1. 提供城市標籤以利搜尋。
  2. 修改成透過點擊圖示開啟清單編輯功能。

III. 旅行景點清單

為了滿足不同行程安排需求的使用者，我增加了一些功能，讓使用者可以標示必訪的旅遊景點，並自由拖曳和重新排列清單的位置。此外，我將時間表格設為自由選填，以便使用者可以根據自己的喜好靈活地規劃行程安排。

• 目標：
  優先考量重要資訊的排版，包括時間、日期、地點、位置和類型等資訊。
• 修改內容：
  1. 提供重要景點標示功能。
  2. 修改成透過點擊圖示開啟清單編輯和自由排列清單位置功能。

IV. 旅行日程

考慮到各個景點和場所的不同營業時間，我新增了一個功能，顯示日期和星期，讓使用者更方便地確認不同日期的行程，確保確保行程安排的準確性。

• 目標：
  允許使用者透過日期、星期或旅行天數輕鬆查看當天的行程安排。
• 修改內容：
  1. 透過不同日期標示，方便使用者查看不同天的行程。

UI Flow

當使用者進入「旅行計畫清單」時，系統會顯示從最近日期到最遠日期排序的所有計畫資料。使用者可利用搜尋欄進行篩選或排序，快速找到目標的計畫。另外，為了保持設計和操作的一致性，在「旅行計畫清單」和「編輯旅行景點清單」中，統一設計以點擊圖示方式開啟清單的編輯功能。

▍企業識別系統

Logo 設計理念

在紙上寫下旅遊計畫，將紙張折成一架紙飛機，讓它帶領我們到達想要去的目的地。

品牌色設計理念

紙飛機代表了穿越天空的象徵，因此選擇藍色作為品牌顏色。
渴望環遊世界的我們，從外太空看向地球，呈現出藍色（海洋）和綠色（森林）交織成一覽美麗的色調。

▍學習總結

透過研究和使用者訪談，讓我更加了解使用者的需求及如何定位產品，也了解到在設計產品時，平衡不同的使用者需求是一個極具挑戰性的任務，以下是一些可以優化 TriPlan 的想法：

• 增加共同編輯功能，讓使用者能夠與旅行同伴一同協作旅遊計畫。
• 串接 Google Map API，讓使用者能夠輕鬆搜尋目的地後，系統直接同步其相關資訊內容至 App 中。
• 考慮如何設計旅行計畫的時間軸功能，以容納需要詳細資訊和不需要詳細資訊的使用者。