01 | 團隊目標
此為 Bootcamp 團隊專案，透過已知的使用者故事，發想並設計出功能與頁面，確保符合使用者需求，並提供流暢的操作體驗。同時需要符合專案的評選機制。
02 | 角色與產出
在這個專案中，我與其他五位 UI Designer 合作，執行市場調查、競品分析、Wireframe、Mockup 的製作，最後交付 Figma 設計文件，包含 UI mockups、UI Flow、Design System 等。
03 | 專案挑戰
專案主題為旅遊訂房，市場上已有眾多成熟的產品與服務，我們如何創造市場區隔？
04 | 專案成果與影響
我們最終在三週內成功交付，獲得業師 Design Review 回饋，最終順利取得完課證書。
參與 AAPD UI 實戰營所執行的團隊專案。實戰營著重在提升 UI 設計能力以及與業界接軌能力。 我與其他五位參加者隨機分配為一組，主題上選擇了旅遊訂房。依循實戰營提供的專案範圍，在三週內完成必要項目的產出。 經歷前期研究，小組專注於背包客這一特定使用者群體，我們在 App 集成交流、探索和放鬆三個關鍵元素，我們將確保 App 的介面簡潔舒適，提供流暢的使用體驗。
旅人間更多的探索與交流
可以看見他人的旅遊心情與照片，提供更多旅遊的想像與動機，也增進與他人的交流，是觸發訂房動機的關鍵因素。
更符合獨旅需求的篩選條件
在床型、設施、周邊環境等篩選條件，我將符合獨旅者需求的資訊層級提高。
由 AAPD 實戰營所提供，需在三週內完成下方使用者故事（User story）與必要項目（Must Have）。
使用者故事（User Story）
必要項目（Must Have）
如何創造市場區隔？
我們不希望只是「換了視覺風格的 airbnb 」，我們該如何發現尚未被滿足的使用者需求？
六位剛認識的 UI Designer 如何在短時間完成專案？
彼此間有很多不同的地方 : 設計風格、設計流程、身處的設計師階段...等等，我們如何包容這些差異，在每一次的討論中達成共識，最後完成團隊專案？
而團隊合作是我參與實戰營的主要原因之一，期待參與多人協作的專案，實際了解多人開發的分工與設計過程。
我們挑選六個直接競品做競品分析，分析維度著重在主要客群、房源類型與平台特色，我主要負責 Booking.com
這個品牌。
發現除了基本的的訂房功能，每個產品都會因應客群或是品牌定位，延伸其他附加功能，例如套票行程、活動資訊等。透過競品分析，我們發現 :
房型與優先選項大多以家庭、雙人以上為主。
我進一步調查市場趨勢，發現後疫情時代，享受獨自旅遊已經成為一股風氣，根據外媒報導，去年在 Google 上搜尋一人遊的人數，相較五年前是幾乎翻了一倍，而過去三年在 TikTok 上，標註一人遊的內容，更是成長了近十倍。
2023 年獨旅航班的搜尋上升
36％
正在考慮今年的獨旅行動
54％
已經預訂獨旅行程
31％
我們發現...
在過去，旅遊是一群人的玩樂，競品也多是雙人以上的選項為主；但後疫情時代，獨旅的選擇越來越多
因此我們決定以獨旅的使用者作為目標客群。並進行了使用者研究。我們透過訪問身邊有過獨旅經驗者，他們在旅遊前、旅遊中開啟訂房 App 的情境、需求與感受，我們發現以下幾個共同點 :
洞察 1 : 深度交流
在旅行過程中大部分為一個人，而他們的目的主要為與陌生人交流、了解當地特色文化、追尋自我等。
洞察 2 : 地圖與訂房平台切換
部分使用者偏好未知的彈性旅程，視當天旅遊到哪裡，再搜尋附近適合的住宿。因此在地圖與訂房平台切換，立即取得附近的住宿，對他們來說重要。
洞察 3 : 即時的訂房
背包客更容易有說走就走的旅遊動機，也因為彈性行程，希望可以即時與住宿方聯繫，以確認訂房狀況。
獨旅在乎什麼？
我們提出設計假設，認為獨旅與一般旅遊者最大的是需求差異，一般旅遊者的需求是放鬆、吃些美食。觀光為導向。但獨旅除了想放鬆之餘，更多的是透過旅遊做向內的探索，以及找尋與和世界多一些連結感。
為此，我們假設一名旅遊的背包客，有一款 App 可以讓他在旅遊前以及旅程中進行探索、與其他使用者交流、完成訂房，達成這趟獨旅。
設計準則
定位整個產品的風格與功能，我們提供的不只是訂房，還有一個探索與放鬆的空間。因此，我們制定了這三個準則，確保在執行時緊扣獨旅者的形象，並將這些需求呈現於介面中。
若把品牌擬人化，會希望是「旅伴」般的角色，所以在視覺與文案的設計上呈現有溫度且親近的感受。
提供直覺且友善的搜尋功能讓使用者能夠彈性操作並探索未知。
使用簡潔的配色和較大的間距。減少廣告與促銷的資訊量，希望使用者在畫面觀看上不會感到資訊附載過多的繁雜。
資訊層級
以篩選條件頁為例，我思考貼近背包客需求的篩選條件有哪些，並提高這些條件的視覺層級。
Wireframe
第一版 :
思考不同的篩選類別，給予適合的互動方式與元件。
第二版 :
以「易用性」和「個人化」的角度優化。
找出代表色
我們寫下一系列符合獨旅者形象的形容詞，並找到符合這些意象的圖片，製作成情緒板。
從情緒板中再提煉出三個色票，並套用在卡片與按鈕上，感受視覺風格的呈現，同時確保設計會符合 WCAG 2 顏色對比度。
選這三個顏色的主要原因 :
最後選出第一個草綠色，因為這個顏色給人輕快活潑的感受，更能夠代表獨旅者對於旅行的活力、自在和大自然的連結。
設計系統
遵循 iOS Design System（Human Interface Guidelines），結合自身品牌的顏色與文字系統。
這麼做是因為可以減少開發時間、提高易用性，延續使用者已有的操作習慣；而組員也都是使用 iPhone，對於測試原型時能更精準並釐清使用者的操作。
Journin 的誕生
將 Journey（旅程）和 in（進入）合併產生的新詞，念法也和 Journey 相似，想要表達進入旅程、自我挑戰、提升心靈層次的感受。 透過小寫 j 的形象拼湊有微笑感，因而作為 Journin 的精神指標。
完整的搜尋流程（Happy Path）
彈性的搜尋功能
更快的搜尋與訂房
1 背包客更可能視當天行程決定當晚住宿。優先顯示附近的住宿更貼近背包客充滿未知與彈性的旅遊特性。
2 呼應使用者行為洞察 2，除了卡片列表呈現的方式，我們也提供透過地圖模式瀏覽房源。讓使用者不必切換不同 APP 才能確認住宿地點。
3 呼應使用者行為洞察 3，我們將聯繫功能的視覺與資訊層級提高，以便快速因應訂房時需聯繫的情境，更快的完成訂房。
每個人都是小項目的組長
大家共同參與每個項目環節，會有一個組員作為該項目的負責人，主要製作內容、分配任務、統整以及進度管理。我主要負責設計文件的交付與 UI Flow 標註，我必須確保 :
UI 狀態（以房源卡片為例）
第一次參與多人協作的專案，我的角色傾向於合作者而非領導者；積極的參與討論與製作、做好自己負責的部分，提供團員協助，組員們這樣形容我 :
” 你是一個不會讓我覺得有壓力、是有親和力的組員，這就是為什麼我會選擇尋問你的原因！ ”
” 我覺得你剛好介於中間值，參與度很高，會主動表達自己的意見，但又不會讓人覺得不舒服 ”
產品思維
製作專案的過程以及參與得獎組別的專案發表，讓我理解到產品思維對於介面設計有著非常重要的影響。產品思維強調將使用者需求、業務目標和技術限制融合在一起，要求設計師深入了解使用者面臨的問題和需求，並提供解決方案。介面設計應該將解決問題作為首要目標，通過直觀的設計和功能來解決使用者的痛點。
下一步 : 易用性測試
礙於專案時程與要求，產品原型出來後沒有經過易用性測試。但以產品的角度來看，下一步需收集使用者反饋來驗證假設與解決方法是否有效，並根據這些反饋來調整和改進設計。這有助於確保設計符合使用者需求並持續提升使用者體驗。
確立產品核心目標的重要性
製作過程中我們常會在不同解決方案中難以下決定，後來透過詢問業師與前輩，理解到其實每個方法都可行，最重要的是，哪一個是最符合品牌核心精神的方法。回溯到品牌的 Why 作為判斷的依據。若這麼做還是很難下決定，團隊間就要討論是否是核心精神不夠明確或是問題定義的不夠清楚。
競品分析
使用者調查
prototype
競品分析
設計系統
mockup
競品分析
mockup
工程交付
競品分析
Wireframe
Mockup
競品分析
Wireframe
Mockup
Design QA
競品分析
mockup
工程交付
