UniGuide
UniGuide
UniGuide
專案期間
專案期間
專案期間
2024 / 07 - 09 (2個月)
2024 / 07 - 09 (2個月)
擔任角色
擔任角色
擔任角色
產品(UX) 設計師
產品(UX) 設計師
負責項目
負責項目
負責項目
設計系統，交付
設計系統，交付
專案背景
專案背景
UniGuide是一款可以幫助旅客們用最簡單有效的方式，找到滿足需求的旅遊活動媒合平台。我們會根據用戶偏好和系統推播，幫助使用者快速發掘適合的旅遊活動。同時提供多功能的搜尋器，輕鬆縮小選擇範圍，找到最符合需求的行程。
在這個數位時代，越來越多的旅客受到社交媒體的啟發熱衷於旅行，與過去那種快閃式的觀光方式相比，現在的旅客更渴望深入體驗當地的文化和真實生活。希望參加當地活動，並在旅行中結識來自不同文化背景的朋友，讓自己的視野更廣，增添人生閱歷🗺️
UniGuide是一個幫助旅客輕鬆找到符合需求的活動的平台。
根據用戶的偏好和推薦，UniGuide迅速建議理想選項，而多功能搜索工具則允許用戶縮小最佳行程的選擇。
受社交媒體的啟發，今天的旅客不再止步於快速觀光。他們正在尋求與當地文化的深度連結，參加活動，並結識來自不同背景的人，以拓展他們的視野。
設計流程
設計流程
使用者研究
使用者研究
在專案開始前，我們利用二手資料以及數次的受眾訪談，了解使用者的行為及需求
在專案開始前，我們利用二手資料以及數次的受眾訪談，了解使用者的行為及需求
我們進行了用戶研究，了解核心用戶的挑戰以及他們如何看待我們的產品。調查結果顯示了以下幾個重點：
我們進行了用戶研究，了解核心用戶的挑戰以及他們如何看待我們的產品。調查結果顯示了以下幾個重點：
使用者洞察
使用者洞察
找到既獨特又可靠的旅行體驗其實不容易。
找到既獨特又可靠的旅行體驗其實不容易。
😥 使用者希望獲得個性化的特別體驗 非制式的觀光導覽。
😥 使用者希望獲得個性化的特別體驗 非制式的觀光導覽。
😥 許多人厭倦了在網路上閱讀雜亂無章的旅遊資訊，他們只想快速了解重要的訊息。
😥 許多人厭倦了在網路上閱讀雜亂無章的旅遊資訊，他們只想快速了解重要的訊息。
😥 用戶擔心行程規劃不周或被旅行社收取高額費用。
😥 用戶擔心行程規劃不周或被旅行社收取高額費用。
定義問題
定義問題
1. 旅客對旅遊活動的細節掌握度低
1. 旅客對旅遊活動的細節掌握度低
在選擇活動時，他們經常面臨信息不對稱的情況，吸引人的標題可能會誤導或與實際描述不同。
在選擇活動時，他們經常面臨信息不對稱的情況，吸引人的標題可能會誤導或與實際描述不同。
2. 缺乏個性化體驗，旅客難以找到符合自身需求的深度旅遊體驗
2. 缺乏個性化體驗，旅客難以找到符合自身需求的深度旅遊體驗
現在的旅遊市場中，很多旅客面臨缺乏個性化體驗的問題，找不到符合自己需求的深度旅遊行程。傳統的旅遊方案往往無法滿足個人的喜好，讓他們無法享受獨特的文化、風景和活動。
現在的旅遊市場中，很多旅客面臨缺乏個性化體驗的問題，找不到符合自己需求的深度旅遊行程。傳統的旅遊方案往往無法滿足個人的喜好，讓他們無法享受獨特的文化、風景和活動。
專案目標
專案目標
🎯 上線一個 iOS 應用程式，可以幫助旅客準確搜尋和尋找可靠、理想的旅遊活動。
🎯 發布一個基本的 iOS 應用程式，以幫助旅人 快速搜尋 和 尋找可靠、理想 的旅行活動。
1
關鍵字標籤簡化搜尋
關鍵字標籤簡化搜尋
1
1
透過關鍵字標籤的搜尋體驗，可以幫助旅客更好的表達他們想搜尋的內容，也讓縮小搜尋結果更容易，最終看到更多有興趣的旅遊活動。
透過關鍵字標籤的搜尋體驗，可以幫助旅客更好的表達他們想搜尋的內容，也讓縮小搜尋結果更容易，最終看到更多有興趣的旅遊活動。
2
清楚的界面以便更簡單的操作
清楚的界面以便更簡單的操作
2
2
改進使用介面以及視覺設計，呈現更清楚且有架構的資訊，可以幫助旅客找到更理想他們的旅遊活動。
改進使用介面以及視覺設計，呈現更清楚且有架構的資訊，可以幫助旅客找到更理想他們的旅遊活動。
💡為什麼我們會從手機 App 開始？
💡為什麼我們會從手機 App 開始？
考量到攜帶性，旅客在旅途中也能方便操作，並且在功能方面，導航、社交互動及行程管理使用手機便利性較高。
考量到攜帶性，旅客在旅途中也能方便操作，並且在功能方面，導航、社交互動及行程管理使用手機便利性較高。
資訊架構
資訊架構
開始視覺設計和頁面排版之前，我們先梳理清楚什麼是合理的訊息架構，讓使用者可以在我們的產品中快速找到自己想去的頁面。
開始視覺設計和頁面排版之前，我們先梳理清楚什麼是合理的訊息架構，讓使用者可以在我們的產品中快速找到自己想去的頁面。
字型與配色
排版與顏色
排版與顏色
字型
字型
Roboto
Roboto
Roboto
文本風格
文本風格
Heading（Bold） - 20px / 24px
Heading（Bold） - 20px / 24px
Label（Semibold）- 12px / 14px / 16px / 18px
Label（Semibold）- 12px / 14px / 16px / 18px
Paragraph (Regular) - 12px / 14px / 16px / 18px
Paragraph (Regular) - 12px / 14px / 16px / 18px
大寫樣式
大寫樣式
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
小寫樣式
小寫樣式
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
顏色參考
顏色參考
設計原則
設計原則
以下原則是我們共享設計元件庫裡的元件，方便團隊快速取用並且確保設計上的一致性。
以下原則是我們共享設計元件庫裡的元件，方便團隊快速取用並且確保設計上的一致性。
1
直觀
直觀
1
1
旅客會密切注意內容細節，並可能考慮不同語言之間的措辭差異。因此，視覺提示和文案應該清晰簡潔，專有名詞應保持一致，以確保無縫的使用者體驗。
旅客會密切注意內容細節，並可能考慮不同語言之間的措辭差異。因此，視覺提示和文案應該清晰簡潔，專有名詞應保持一致，以確保無縫的使用者體驗。
2
一致的
一致的
2
2
在設計中，我們需要確保品牌一致的體驗，讓人感覺生動且引人入勝。使用圖標和圖片來替代文字，讓用戶的旅程更具吸引力和簡單。
在設計中，我們需要確保品牌一致的體驗，讓人感覺生動且引人入勝。使用圖標和圖片來替代文字，讓用戶的旅程更具吸引力和簡單。
在選擇活動時，他們經常面臨信息不對稱的情況，吸引人的標題可能會誤導或與實際描述不同。
在選擇活動時，他們經常面臨信息不對稱的情況，吸引人的標題可能會誤導或與實際描述不同。
設計產出
設計產出
探索 / 首頁
探索 / 首頁
1
旅遊：沉浸式在地體驗
旅遊：沉浸式本地
1
1
旅客們希望在當地嚮導的引導下，探索獨特的當地文化並體驗令人興奮的活動。
旅客們希望在當地嚮導的引導下，探索獨特的當地文化並體驗令人興奮的活動。
2
聚會：結交新朋友
聚會：交朋友
2
2
在陌生城市的旅客希望結識當地人或找到旅行夥伴，為他們的旅程添加社交連結。
在陌生城市的旅客希望結識當地人或找到旅行夥伴，為他們的旅程添加社交連結。
客製化的點擊搜尋流程
客製化的點擊搜尋流程
更好的搜尋條件體驗
更好的搜尋條件體驗
我們在平台首頁設計了一個全新的搜尋流程。不同於傳統的搜尋欄位，為了讓使用者更直觀地獲得篩選結果，我們採用了「點選」的互動方式。用戶只需點選目的地、日期及人數等選項，就能輕鬆找到理想的行程，讓搜尋變得更簡單。
我們在平台首頁設計了一個全新的搜尋流程。不同於傳統的搜尋欄位，為了讓使用者更直觀地獲得篩選結果，我們採用了「點選」的互動方式。用戶只需點選目的地、日期及人數等選項，就能輕鬆找到理想的行程，讓搜尋變得更簡單。
這是一個混合搜索工具，用戶通過線性的過程，並根據他們的偏好來定義搜索範圍。
如果在篩選時沒有做任何設定，系統將聰明預設，這是一個人的旅行、從附近開始，讓深度旅遊變得更輕鬆簡單！
這是一個混合搜索工具，允許用戶通過指導的線性過程根據自己的偏好定義搜索範圍。
如果未設置任何過濾器，系統將智能默認為從附近開始的單獨旅行，使其更容易深入旅行體驗。
搜尋結果：地圖預覽和篩選的列表
搜尋結果：地圖預覽和篩選的列表
更順暢且全面的搜尋體驗
更順暢且全面的搜尋體驗
搜尋結果將提供兩種模式供使用者選擇。你可以在地圖上預覽結果，快速查看地點分佈；也可以上滑切換成列表模式，方便瀏覽詳細資訊和比較選項，免去打開 Google 地圖的麻煩！
初步搜尋完成後，你還可以利用頁面上方的標籤，進行更精確的篩選，找到最符合需求的選項。
搜索結果提供兩種模式供使用者選擇。您可以在地圖上預覽結果，以快速查看位置分布，或向上滑動切換到列表模式，以便更輕鬆地瀏覽詳細信息並比較選項，免去打開 Google 地圖的麻煩！
在初始搜索後，您可以使用頁面頂部的過濾器進一步細化結果，以輕鬆找到最符合您需求的選項。
旅遊活動資訊頁面 / 嚮導頁面
旅遊活動資訊頁面 / 嚮導頁面
易於快速閱讀的旅遊活動介紹
易於快速閱讀的旅遊活動介紹
我們在活動介紹頁面上方呈現了經過精選的行程關鍵資訊，乾淨且清晰的排版讓使用者能夠快速瀏覽活動內容。
透過語意化標籤，我們將不同來源的活動內容進行結構化分類，讓各個區塊擁有一致的排列方式。這樣的標籤系統使每個活動描述具備統一的結構，方便使用者快速理解和比較。
在活動詳情頁面，我們在最上方展示精選的關鍵旅行資訊。簡潔直觀的佈局使使用者能夠快速瀏覽活動詳情。
我們從活動中提取了關鍵資訊並以清晰、簡單的方式顯示。通過整理來自不同來源的內容，我們保持了佈局的一致性。這使得每個活動都易於閱讀並能快速理解。
更有保障的旅遊活動
更有保障的旅遊活動
為了讓使用者更安心、有保障地選擇行程，我們對導遊的等級與評價進行了結構化分類。此外，平台頒發的『徽章』能幫助使用者更直觀地識別理想的導遊，從而做出合適的選擇。
為了讓使用者更安心、有保障地選擇行程，我們對導遊的等級與評價進行了結構化分類。此外，平台頒發的『徽章』能幫助使用者更直觀地識別理想的導遊，從而做出合適的選擇。
探索你的願望清單！
探索你的願望清單！
使用者可以透過點擊活動卡片上的愛心，來收藏或取消收藏。我們將清單樣式設計成疊圖，增添視覺上的活潑感。
使用者可以透過點擊活動卡片上的愛心，來收藏或取消收藏。我們將清單樣式設計成疊圖，增添視覺上的活潑感。
下單您選擇的旅行
下單您選擇的旅行
快速下單 - 只要兩個步驟
快速下單 - 只要兩個步驟
反思與學習
反思與學習
透過執行這個零到一的專案，我們產出了許多不錯的成果，但也在很多事情上做了掙扎與取捨。
這次合作的組員皆是第一次合作，面對背景不同產生的異音，如何有效的熟悉彼此的做事習慣並合作，是一個很大的挑戰。但也因為這樣，讓我在過程中思考更多面向，以及在不犧牲使用者體驗狀況下，保有產品的風格。
通過從零開始執行這個項目，我們取得了許多良好的結果，但在這個過程中也面臨了掙扎和妥協。
在整個過程中，我對執行的細節有了深入的了解。由於團隊成員的背景各異，造成了不同的意見，這帶來了挑戰。
然而，這也促使我從多個角度思考，並尋找在不犧牲用戶體驗的情況下維持產品風格的方法。
感謝收看！
了解其他專案 ↓
感謝收看！
了解其他專案 ↓
∙ UniGuide App
∙ UniGuide