App Design•2022年4月-目前•上線產品
ChongPuu 寵僕 - 與寵物和他們的主人一起建立交流與互動
專案期間
1年
擔任角色
UI/UX Designer+PM
成果產出
功能流程規劃、設計完稿、工程交付
設計平台
iOS/Android
專案說明
專案背景
我們想要為了有養寵物的主人們，提供一個可以互相交流、分享毛孩日常、照片和飼養經驗等，建立更良好關係的平台。
目標族群
有養寵物、想透過寵物來認識新朋友，成年的主人們。
專案挑戰
由於時程和資源有限，如何能盡快透過分析來定義需求與目標，讓團隊能儘早進入到開發流程，是我最大的挑戰。
角色及成果
我與工程師們密切合作，負責從 0-1 整個專案流程及完整交付，開發 MVP 上線後持續迭代與優化中。
競品分析
專案目標
上線一款藉由毛孩來分享日常及交友功能的 MVP
透過競品發現
“ 毛孩的主人們會期待擁有一起交流及分享的地方 ”
我們的結論與定義需求
“ 前期功能將會先以分享毛孩的日常、與寵主們交流、隨時獲得寵物的新聞資訊、舉辦寵物活動來認識其他主人和毛孩們、提供寵物二手用品交換，中途與領養資訊 ”
設計發想
以下是我在規劃時所遵循的設計原則，並也完整的傳達給團隊。
01
一致的
設計風格、配色等須符合 Design System，確保使用者擁有一致的體驗。
02
清楚的
視覺上的指示及我們提供的文案，都必須要簡潔和清楚，使用的文字上也需要注意到一致認性及容易理解。
03
產品色
以可愛、多種動物類型，來發想使用色彩，並建立好 Primary、Secondary、Accent color，讓團隊清楚。
（先快速製作第一版 Wireframe，讓團隊有初步的了解及共識，再持續調整）
產品上線後
我們當前的制定目標為
01
提升新用戶的註冊率
02
穩定用戶數
03
增加用戶的黏著度時間
以下是透過 Google Analytics 分析產品上線後的狀況（2022/12/18-2023/12/18）。
目前觀察下來，新用戶的下載註冊率有持續成長中；而我們的商業模式則是以廣告收益為主，皆是放置於當瀏覽更多資料時（例如：瀏覽更多貼文、聊天室、寵物新聞、寵物用品等）。
我們以屏幕名稱做為分析指標，來了解 Users 停留最久的頁面，發現到「homepage 首頁」為最久，第二是「Petinfo 寵物資料頁」，第三則是「chat 聊天室」，因此我們規劃了
在「homepage 首頁」如何加長用戶的使用時間，以及寵友間的互動與認識更多新寵友，並結合商業模式的迭代與優化。
（除了 homepage 首頁外，最多 Users 使用是「Petinfo 寵物資料頁」瀏覽次數為 115,009，次要是「chat 聊天室」瀏覽次數為 114,537）
（用戶數量持續增加中）
發現問題
當我審視與探索時，發現有用戶反應以下的類似問題
“ 每次要開啟聊天室都會一時找不到 ”、“ 聊天室好不容易發現 ”、“ 沒有聊天的通知功能？ ”、“ 我可能會錯過重要的訊息 ”
因此我透過「開始聊天 Task」，來進行 Usability study，藉由 5 位使用者來整理出痛點。
Ivy
Click Path
Observations
Task Completion
在首頁停留尋找聊天 icon
“ 仔細查看首頁有哪些功能及尋找 icon ”
3
點擊下方聊天 Tab bar
“ 約2秒時間點擊 ”
2
尋找聊天 icon
“ 約2秒尋找並點擊 ”
2
與寵友們開始聊天
“ 與寵友們進行聊天”
1
Nick
Click Path
Observations
Task Completion
點擊下方聊天 Tab bar
“ 很快速的點擊 ”
1
尋找聊天 icon
“ 有停留約3秒時間來尋找 ”
2
點擊群組聊天室
“ 快速的選擇某個群組聊天室 ”
1
與寵友們開始聊天
“ 開心地進行對話 ”
1
Ashley
Click Path
Observations
Task Completion
在首頁尋找聊天 icon
“ User 認為首頁裡應該也有 icon ”
3
點擊下方聊天 Tab bar
“ 快速直覺的點擊 ”
1
尋找聊天 icon
“ 立即看到並點擊 ”
1
點擊群組聊天室
“ 開心地進行對話 ”
1
Peter
Click Path
Observations
Task Completion
在首頁停留尋找聊天 icon
“ 停留約3秒時間 ”
3
點擊下方聊天 Tab bar
“ 快速點擊 ”
1
尋找聊天 icon
“ 快速的點擊聊天 icon”
1
與寵友們開始聊天
“ 與寵友進行聊天 ”
1
Omi
Click Path
Observations
Task Completion
點擊下方聊天 Tab bar
“ 聽到聊天就直覺點擊聊天 Tab bar ”
1
尋找聊天 icon
“ 直覺點擊像聊天的 icon ”
1
點擊群組聊天室
“ 快速的選擇某個群組聊天室 ”
1
與寵友們開始聊天
“ 開心地進行對話 ”
1
（1 - easy to complete / 2 - completed but with difficulty / 3 - not completed）
解決方案
因此我規劃及進行以下的設計調整
增加聊天室的輔助說明
增加聊天室的路徑，與首頁結合在一起，讓用戶打開 App 後能即時操作
增加訊息通知（外部通知、訊息紅點、未讀訊息數）
設計驗證
分析產品迭代優化後的狀況（2024/03/01-2024/03/31），
在首頁增加聊天室的路徑後，有提升助於 Users 更能快速進入聊天，及通知服務讓 Users 不錯過任何訊息，讓我們對於之後的優化更有信心。
學習反思與下一步
透過執行這款產品，我也更學習到：
如何快速產出 MVP：即使是 MVP，仍要將使用者放在第一位，用設計來滿足並符合真正的需求，也需要繼續深度的探索。
團隊合作很重要：與工程團隊互相溝通，雙向討論和協調共同的目標，不影響到團隊順利進行是我的原則，並根據使用者反饋一起來持續優化及迭代。
時間內完成挑戰及任務：由於同時需要執行競品分析、規劃功能、User Flow、甚至隨時做及時的調整等，如何自我安排時間來完成設計，且不影響到團隊的進行，這是我最大的挑戰與任務。
