林依蓉 | UX/UI 設計師

成果

旅人間更多的探索與交流

可以看見他人的旅遊心情與照片，提供更多旅遊的想像與動機，也增進與他人的交流，是觸發訂房動機的關鍵因素。

更符合獨旅需求的篩選條件

在床型、設施、周邊環境等篩選條件，我將符合獨旅者需求的資訊層級提高。

專案範圍

由 AAPD 實戰營所提供，需在三週內完成下方使用者故事（User story）與必要項目（Must Have）。

使用者故事（User Story）

我期望能在「訂房首頁」設定住宿條件（日期、地點、人數等）並搜尋，讓我能找到合需求的房源。
我期望能在「搜尋結果頁」瀏覽不同房源的照片、價格、評分和評論，讓我能做出初步決策。
我期望能在「房源資訊頁」查看房源的詳細資訊，包括全部照片、設施和附加服務，讓我能判斷是否要下訂此房源。

必要項目（Must Have）

UI Mockups
UI Flow（包含流程與工程規格標註）
Figma 設計文件交付（包含完整的檔案封面與完稿頁面）

挑戰

如何創造市場區隔？

我們不希望只是「換了視覺風格的 airbnb 」，我們該如何發現尚未被滿足的使用者需求？

六位剛認識的 UI Designer 如何在短時間完成專案？

彼此間有很多不同的地方 : 設計風格、設計流程、身處的設計師階段...等等，我們如何包容這些差異，在每一次的討論中達成共識，最後完成團隊專案？
而團隊合作是我參與實戰營的主要原因之一，期待參與多人協作的專案，實際了解多人開發的分工與設計過程。

研究

我們挑選六個直接競品做競品分析，分析維度著重在主要客群、房源類型與平台特色，我主要負責 Booking.com 這個品牌。
發現除了基本的的訂房功能，每個產品都會因應客群或是品牌定位，延伸其他附加功能，例如套票行程、活動資訊等。透過競品分析，我們發現 : 房型與優先選項大多以家庭、雙人以上為主。

我進一步調查市場趨勢，發現後疫情時代，享受獨自旅遊已經成為一股風氣，根據外媒報導，去年在 Google 上搜尋一人遊的人數，相較五年前是幾乎翻了一倍，而過去三年在 TikTok 上，標註一人遊的內容，更是成長了近十倍。

2023 年獨旅航班的搜尋上升

36％

正在考慮今年的獨旅行動

54％

已經預訂獨旅行程

31％

了解使用者

因此我們決定以獨旅的使用者作為目標客群。並進行了使用者研究。我們透過訪問身邊有過獨旅經驗者，他們在旅遊前、旅遊中開啟訂房 App 的情境、需求與感受，我們發現以下幾個共同點 :

洞察 1 : 深度交流

在旅行過程中大部分為一個人，而他們的目的主要為與陌生人交流、了解當地特色文化、追尋自我等。

洞察 2 : 地圖與訂房平台切換

部分使用者偏好未知的彈性旅程，視當天旅遊到哪裡，再搜尋附近適合的住宿。因此在地圖與訂房平台切換，立即取得附近的住宿，對他們來說重要。

洞察 3 : 即時的訂房

背包客更容易有說走就走的旅遊動機，也因為彈性行程，希望可以即時與住宿方聯繫，以確認訂房狀況。

獨旅在乎什麼？

我們提出設計假設，認為獨旅與一般旅遊者最大的是需求差異，一般旅遊者的需求是放鬆、吃些美食。觀光為導向。但獨旅除了想放鬆之餘，更多的是透過旅遊做向內的探索，以及找尋與和世界多一些連結感。

為此，我們假設一名旅遊的背包客，有一款 App 可以讓他在旅遊前以及旅程中進行探索、與其他使用者交流、完成訂房，達成這趟獨旅。

設計產出

設計準則

定位整個產品的風格與功能，我們提供的不只是訂房，還有一個探索與放鬆的空間。因此，我們制定了這三個準則，確保在執行時緊扣獨旅者的形象，並將這些需求呈現於介面中。

溫暖親切

若把品牌擬人化，會希望是「旅伴」般的角色，所以在視覺與文案的設計上呈現有溫度且親近的感受。

易於搜尋

提供直覺且友善的搜尋功能讓使用者能夠彈性操作並探索未知。

呼吸空間

使用簡潔的配色和較大的間距。減少廣告與促銷的資訊量，希望使用者在畫面觀看上不會感到資訊附載過多的繁雜。

資訊層級

以篩選條件頁為例，我思考貼近背包客需求的篩選條件有哪些，並提高這些條件的視覺層級。

背包客可能會特別重視的因素

價格經濟實惠
共享空間
交通便利
青年旅館或背包客旅館
自助設施
當地化體驗
靈活性（入住與退房時間、取消政策）

滿足大部分旅客的基本因素

價格和預算
地理位置
安全性
設施和服務
評價和評論

Wireframe

第一版 :
思考不同的篩選類別，給予適合的互動方式與元件。

第二版 :
以「易用性」和「個人化」的角度優化。

創建品牌

找出代表色

我們寫下一系列符合獨旅者形象的形容詞，並找到符合這些意象的圖片，製作成情緒板。

自由的
追尋
有文化的
交流感
火花
探索性
未知的

情緒版 Mood Board

從情緒板中再提煉出三個色票，並套用在卡片與按鈕上，感受視覺風格的呈現，同時確保設計會符合 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 Flow 是否有完整的工程規格標註
是否有規劃不同 UI 狀態和響應式設計

響應式設計（以卡片為例）

UI 狀態（以房源卡片為例）

成為「積極的合作者」

第一次參與多人協作的專案，我的角色傾向於合作者而非領導者；積極的參與討論與製作、做好自己負責的部分，提供團員協助，組員們這樣形容我 :

” 你是一個不會讓我覺得有壓力、是有親和力的組員，這就是為什麼我會選擇尋問你的原因！ ”

” 我覺得你剛好介於中間值，參與度很高，會主動表達自己的意見，但又不會讓人覺得不舒服 ”

反思與學習

產品思維

製作專案的過程以及參與得獎組別的專案發表，讓我理解到產品思維對於介面設計有著非常重要的影響。產品思維強調將使用者需求、業務目標和技術限制融合在一起，要求設計師深入了解使用者面臨的問題和需求，並提供解決方案。介面設計應該將解決問題作為首要目標，通過直觀的設計和功能來解決使用者的痛點。
下一步 : 易用性測試

礙於專案時程與要求，產品原型出來後沒有經過易用性測試。但以產品的角度來看，下一步需收集使用者反饋來驗證假設與解決方法是否有效，並根據這些反饋來調整和改進設計。這有助於確保設計符合使用者需求並持續提升使用者體驗。
確立產品核心目標的重要性

製作過程中我們常會在不同解決方案中難以下決定，後來透過詢問業師與前輩，理解到其實每個方法都可行，最重要的是，哪一個是最符合品牌核心精神的方法。回溯到品牌的 Why 作為判斷的依據。若這麼做還是很難下決定，團隊間就要討論是否是核心精神不夠明確或是問題定義的不夠清楚。