Portfolio-22

🎧 YayFM 假想平台改版專案

2022.06|個人專案|Podcast 推薦機制設計|雙鑽石流程全流程執行

▶️ 專案簡介

此專案為一人獨立執行,針對假想 Podcast 平台 YayFM 改版,新增「網紅/素人推薦清單」與「追蹤功能」頁面,目標是解決使用者在探索新節目時,難以找到符合喜好的痛點,提升探索效率與平台導流。

🛠️設計流程:

採用雙鑽石設計流程,進行產品探索與設計交付,共四個階段,幫助此次產品改版專案,探索可新增或改進的機會點,開發產品新功能。
第一階段:探索Discover,使用深度訪談洞察使用者對於Podcast產品的痛點與需求;
第二階段:定義Define,使用人物誌、使用者旅程圖並整理出關鍵洞察,聚焦設計問題和訂定改版新功能;
第三階段:發展Develop,透過網站地圖、流程圖、線框圖,發想概念設計發展 ;
第四階段:交付Deliver,製作元件、功能草模、介面狀態和互動原型, 實現最終設計可行方案。

📌 關鍵成果:

  • 提出 6 種功能元件設計、2-3 種元件樣式與 3 種介面狀態

  • 產出高擬真互動原型(Prototype)

  • 完成使用者研究 → 功能設計 → UI 元件開發全流程

▶️ 問題定義與研究

🎯 使用者核心痛點:

  • 搜尋新節目時花費大量時間,難以快速找到感興趣內容

  • 缺乏「朋友」或「喜愛創作者」的推薦做參考

  • 無法判斷一個節目的可信度與品質(無追蹤數、人氣參考)

🔍 研究方式:

  • 深度訪談 Podcast 使用者

  • 設計人物誌與旅程圖理解需求與情境

▶️ 設計目標與機會點

  1. 使用者希望「快速判斷節目是否值得聽」

  2. 願意參考「朋友/網紅」的清單作為探索依據

  3. 想了解「有哪些人也在聽」增加參與感與信任感

▶️ 解法:核心功能設計

📌 功能 1:網紅/素人推薦清單機制

  • 可以建立、編輯與分享自己的清單

  • 區分「網紅」與「素人」,強化導流與探索功能

  • 支援節目單集推薦,提高內容多樣性

📌 功能 2:追蹤與探索系統

  • 可追蹤特定創作者與其清單

  • 查看追蹤數/播放數作為信任依據

  • 個人化推薦導引用戶探索更多節目

▶️ UI 設計與元件發展

🎨 特別考量:

  • 支援資訊量大、畫面要簡潔

  • 使用者能快速掃描節目名稱、分類、播放數

  • 差異化區分「素人 vs. 網紅」清單風格與可信度

▶️ 高擬真互動原型

📌 任務流程說明圖
🔗 [任務流程 1 – 我想聽網紅推薦節目]
🔗 [任務流程 2 – 探索更多推薦清單]
🔗 [任務流程 3 – 追蹤我喜歡的網紅]

Portfolio-1
Portfolio-2
Portfolio-3

▶️ 我的角色與貢獻

  • 一人完成所有階段:研究、洞察、功能設計、元件製作與原型開發

  • 實作並優化清單機制與 UI 元件排版邏輯

  • 發展高保真互動原型,模擬完整任務流程

✨ 挑戰與學習

這是我第一次正式進行完整的 UI/UX 設計流程,也是首次使用 Figma 進行介面設計。一開始對於設計流程並不熟悉,從訪談到畫 UI,都需要快速摸索並自我學習。

我在這個專案中學會了如何撰寫質性訪談腳本,並透過使用者訪談與旅程圖的整理,釐清用戶在探索 Podcast 過程中的困擾與機會點。這讓我第一次體驗到 UX 流程如何從需求萃取發展出具體功能,從而真正理解「設計是為了解決問題」的核心。

過程中我也漸漸開始對 UI 設計產生興趣,尤其在 Figma 中學會了 Auto Layout、Variants 等實用技巧,理解元件設計的邏輯與效率優化方式。這份專案不只是我第一次完整走完雙鑽石流程,也是我愛上 UX 的起點,讓我確定想往這個方向深入發展。

Portfolio-20

Create a free website with Framer, the website builder loved by startups, designers and agencies.