Product Management
X
UX Research / Design
PORT FOLIO
CHANG, YEN-HAN (PHOEBE)
2023
清華大學 服務科學所
使用者證書管理的設計建議獲圖靈證書採用
Product Management UX Design UX Evaluation
2022/2 - 2022/6 NYCU course
IOC5205 User Experience and Usability Evaluation ’22
Product Research & Analysis x TuringCerts 產品研究與分析
X 圖靈證書
圖靈證書提供一個在區塊鏈上的數位履歷平台，讓任何人、一生中所有的經驗， 都能一鍵完成認證。
# 簡易步驟 # 證書數位化 # 永久保存於網路 # 區塊鏈安全加密
圖靈證書主要為兩種使用者：收證方 (i.e. 學生)、發證機構
(i.e. 學校)，
透過 6 種產品使用者體驗分析方法洞察使用狀態與問題，並且提出具體的設計建議。
Usage Flow
盤點產品使用路徑與核心功能
Retrospective Research 回顧使用者的使用情境
Prospective Research
teractio Map
User Researc
Survey
User Researc
Surve
Comparative A alysis
業主介紹
研究對象
研究主題
對應的研究方法
剖析產品功能，提供優化建議
Heuristic Evaluatio
收證方 分析簡報完整版 發證機構 System Usability
系統易用性評估與測試 專案目標與方法 6 種產品使用體驗分析：
Map 互動地圖 Survey 問卷分析 Heuristic Evaluation 啟發式評估 Usability Test 易用性測試
使用者研究 Competitive
(類)競品分析
Usability Test
Interaction
User Research
Analysis
設計建議 A. 了解過去收證經驗
以收證方為範例
使用者的收證流程、行為、態度、感受：如何管理與使用證書
＆ 證書的意義
B. 對區塊鏈數位證書的想法與態度
使用數位證書的顧慮、信任，以及使用意願的影響因素
設計建議 以收證方為範例
C、剖析功能提供優化建議
了解產品使用路徑、關鍵互動流程；了解產品關鍵功能可參考的優秀對象
以收證方為範例
C、剖析功能提供優化建議
了解產品使用路徑、關鍵互動流程；了解產品關鍵功能可參考的優秀對象
D. 產品 Persona 收證方
根據 User Research 做光譜分析，並製作 Persona
設計建議
設計建議
以收證方為範例
D. 產品 Persona
了解產品使用路徑、關鍵互動流程；了解產品關鍵功能可參考的優秀對象
成大學習歷程網站開發 跨域學生團隊 X 成大教學發展中心
2020/11 - 2021/6 Contracted User Researcher UX
User Research
提案獲教務長及校長青睞，將於 2022
下半年正式上線
跨領域溝通
Design
(設計/前端)
當前問題
現有的學習歷程網站乏人問津，成大學生不喜歡用，學校也無法藉此了解學生。
因此，校方希望重新打造友善成大生的學習紀錄平台，能利於規劃個人學習的系統，也讓 校方能快速掌握學生的學習型態、靈活調整各項課程，制定更有效的成大學生學習策略。
利害 係人：成大
62 份有效問卷回覆，發現大三、四生有較高比例整理個人經歷的經驗，目前學生多分佈 為兩大程度：曾整理經歷成書面資料、仍在探索，兩者占比高達 86
據三種經歷整理程度，邀 不同科系的 6 位學生進行半結構訪談
產品開發流程 *由我主持
設計發想
Web
研究
原型測試
開發 易用性測試 設計迭代 壓力測試 訪談者分佈 Beta 封測
O 整理時機 / 整理經歷方法 / 經歷呈現方 R 經歷整理感受 / 困 I 解讀感受及困難的原 D 還需要 麼資源才能做得更好 需求訪談架構 研究 (前台)、如何打造對於 生有幫助的經歷整理平台？
研究 (前台)、顧客旅程地圖｜學習經驗整 流程
根據使用者訪談分析，繪製顧客旅程地圖，以解析痛點及洞察服務缺口，找出平台服務切入點
服務切入點：平台聚焦解決整 經歷時的不便處(痛點)
研究 (後台)、如何讓校方透過平台資料快速了解學生學習動向？
利害關係人：教務處 (成大教務發展中心研究員) *2
逐字稿｜主題式分析
學生學習類型
後台設計目標
預期能透過建立 「 視覺化學生資料
提供校方了解學生學習型態
學習成果調查 資料即時性
規劃策略
」
校方主要需求概念：
設計發想、前台 User Flow
匯入經歷至系統
課程 / 活動 / 競賽 / 證照 etc.
登入成大帳號
額外加入經驗
課程 / 活動 / 競賽 / 證照 etc.
編輯經驗內容 製作簡歷 保存
新增 TAG / 經驗心得簡述 / URL 模組化拉取經歷
原型測試、前台 Wireframe & Usability Testing
Action 測試行動
訂定情境及任務，邀請受 學生進行 概念 試 (wireframe 及 易用性 試 (Hifi-prototype 兩次 試為深入了解使用情形，皆進行訪談及填寫 SUS 量表 (由 73.0 進步至 76.5
Analysis 測試後分析
將 試時所得到的使用者回饋納入 「 介面修改評估資料庫 」(如下圖 ，根據不同功能 優先次序進行系統化整理，透過小組討論及評估，多次迭代流程及介面呈現的設計。
1 1 2 2
設計發想、後台 User Flow
後台原型提案已在教務處老師會議通過，目前團隊持續進行開發中
Redesign 版本｜前台改版重點
1. 彈性編輯紀錄
現行版本僅能以制式表格查看經歷、羅列重複資訊，不易閱讀，且層級不一致使學生無法有效管理經歷； 改版網站使用者可彈性匯入所需經歷，並且針對個別經歷做文字紀錄。
2. TAG 系統化管理
透過 「TAG 標籤」 更加方便管理經歷類型，並將所有使用 者曾編輯過的 TAG 匯入資料集，進而統計熱門選項，使 用者可參考他人標籤，快速查找最適標籤名稱。
4. 供校方使用的後台
3. 模組化製作簡歷
提供 4 類簡歷模板，使用者可根據 TAG 效率 查找相關經歷，並將經歷拖曳至簡歷模板排 版，模組化管理使學習經驗 目了然。
可直接透過後台，根據學生背景、經歷類型篩選即時資料，不須定期下載資料集，大大提升資訊蒐集效率。
改造版本
現行版本
查詢項目
登入
校方帳號 學習類型 - 學院 / 科系 / 年級
- 課程 / 活動 / 競賽 / 證照 / 其他 [單選] - 學院 / 科系 / 年級
- 課程 / 活動 / 競賽 / 證照 / 其他 [多選] 去識別化 TAG 文字雲呈現詞頻 列表呈現次數
篩選條件
連結至
學生履歷
臺北市民服務大平台， 從場地租用看見市民痛點。
RAY 4.0 體檢政府網站數位服務專案 User Research 跨領域溝通 (設計/前端) UX Design UI Design 2020/7 - 2020/8 UIUX Internship 專案網站 PDIS RAY4.0
2021年將改造版本 「 提案至局處小組會議 」
資訊局應用服務組組長於
RAY 4.0 體檢政府網站數位服務專案
市民服務大平臺是由台北市資訊局所建構，整合臺北市政府各機關之申辦案件服務
(1) 如何幫助居住在台北的民眾快速查找服務？
(2) 如何幫助有定期借用場地的民眾，可以清楚地了解場地資訊並成功租借？
1. 民眾、機關人會訪談
2. 實地至區公所訪談民眾
3. 以CJM及利害關係人洞察服務缺口
1. 以 「後台數據」 撈取平台找出平台主要申辦服務
2. 透過臉書相關社團、PTT、Dcard 招募 5 名相關訪談者
3. 實地前往資訊局了解平台後台運作(各機關如何上架服務)
4. 卡片分類(card sorting)，重新調整1400項服務分類方式
1. 訪談熱門場地-靑發處場館營運課長
2. 透過網路問卷篩選受訪者，進行易用性測試
3. 競品分析(其他線上租借平台、政府服務分類)
1. 開發 Web
2. 招募服務相關使用者，進行任務測試及後訪
3. 比較前後SUS分數，了解服務改善之狀況
訪談北市資訊局應用服務組 組長/分析師 體檢項目及目標
Research 了解用戶、定義問題 調整資訊架構、使用流程 定調設計方向 製作可互動性原型
服務設計流程 User
Wireframe Lofi - prototype Hifi - prototype
提供超過1400項線上申辦服務 / 市民24小時全年無休的案件申辦服務 / (運動場地為最熱門的類型) 線上場地租借的服務為此平台重點服務項目
顧客旅程地圖｜原場地租借服務流程
聚 「無個資疑慮」 服 ，將資源集中在最適合線上申辦的服 重新 「 排資訊架構」，讓使用者可以快速查找到所需服 (1400 項服 )、提供客製化篩 以需求主題性 「 合跨機關服 」，提供一站式查 「一致性呈現」 各機關服 資訊，且公文內容需以縮排方式呈現資訊
實地訪查｜至台北市區公所訪談並提供現網站測試 梳理設計目標
Redesign 資訊架構｜Cardsorting 歸納服務主題
分類非互相排斥
單一服務可囊括在不同分類， 提升使用者查找的命中率
整併＆擴大涵蓋類別
例如「勞資兩方」的服務常是雙邊 關係，以「勞資」取代「勞工」
Redesign 資訊架構｜首頁呈現
以大包小
大分類命名較抽象，子分類再依 對象、性質具體細分
服務說明
增加服務說明，減少使用者的不確定 性、查找效率
依據相關性排列
並列相關服務，更易與使用者建立連 結、加深印象
台北市民大平台 現行網站
精簡流程 Before After 1、案件查詢
Redesign
改造版本
Redesign 場地租借流程
快速搜尋，減少資訊量
捨去過多且不需要的資訊量，可直
現行網站 無提供入口搜尋
精準篩選
根據使用者回饋，直接提供使用 者最需要的重點篩選項目
地圖提供相對地理位置及周邊交通資訊，提供一站式更全面的場地資訊
擔任組長，執行專案時 管理(PM
負責 部分的前期的用戶深度訪談，及參與易用性測試、後續訪
拜訪資訊局組長、體育署了解客服問題，並了解後 流
規劃使用流 ， figma 繪製網頁介面 ( 租借場地為主)
現行網站
改版
重點
改造版本 改造版本
User Research UX Design UI Design
2020/11 - 2021/7 Competition
跨界超越競賽 - 使用者經驗
ST-TRANS ACTION AWARD
團隊成員背景由資管
進入決賽
(政大/中山)、心理 (成大) 組成
GooDuck
好鴨，陪你好好舒壓
議題探討
目標用戶
曾有連續一週心情 低落的大專院校學生
我們欲解決的問題是「從預約諮商到實際諮商的過程中，如何緩解因為時間等待過久 而無法即時處理的壓力與情緒」。
然而在質性研究中，不僅驗證了諮商師數量的不足而導致等待時間久，更發現有許多 人不曾使用諮商，一是覺得自己沒這麼嚴重，二是不知道自己是否合適諮商。 在疫情期間，也希望能陪伴使用者走過孤單、低潮的防疫生活。幫助使用者在急需幫 助的情況下即時性的舒緩情緒，以及系統性釐清事件脈絡，透過以主流的認知治療方 法 (CBT) 來幫助使用者進行情緒梳理。同時也讓大家初步認識、體驗諮商的過程，也 藉以培養大家以正向的心態去釐清並真正解決問題。
產品特色
在二次易用性及聊天機器人劇本測試，
SUS 得分從 64 分進步到 82.5，進步了 29%，
屬等級 B 對應 " Excellent "，而機器人對話方
式讓使用者感到實用性及具享樂性質。
1 位諮商師須面對 2000 位學生，不足負
荷需要情緒梳理的學生，The Lancet Psychiatry 更提出在疫情期間有心理健
康惡化的現象。我們提供以機器人對話
的方式輔助校園諮商師的短缺，以及提
以認知行為療法設計即時對話聊天機器人，
情境測驗辨識認知錯誤以梳理情緒；根據量
表測驗結果予行為建議處方簽，即時收藏有
效訊息及建議處方，可重複閱覽內容。
供線上的即時情緒梳理、抒發管道。
設計流程
243 份有效問卷 (了解憂鬱程度及舒壓習慣)
使用者研究 原型設計 F w ch r Wir fr m Hi-fi pr t typ
關鍵任務測試
(行為記錄 / 測試後訪談) 設計任務，根據十條法則列出可能問題 建立設計迭代評估庫， 追蹤設計進度 大予設計 D vid 總監 半結構式訪談 15 位受試者
(男女比例為 1:2 ) 訪談現任台大諮商師 設計迭代 十大經驗評估法 易用性測試 X2 業師諮詢
訪談目的：
了解他們在心情低落的時候，如何面
對及解決問題，目前方法的成效如何?
以 「價值階梯」 分析逐字稿：
將逐字稿根據行為分段，盤點需求、再 進行概念化、最後小組腦力激盪提取價值
小組根據價值發想功能，由 KJ 法整
兩軸 「重要度」、「可行性」 分析功能 發優
先序 (最後選擇走出煩惱迷宮及時光膠囊)
規劃功能表 (Functional Map) & 使用流程 (Flow Chart
繪製 Wireframe 檢 流程可行性，以簡單樣本 (convenient ample)
收集測試回饋，迭代設計並於 figma 繪製 Hi-fi prototype
從研究找出設計洞察 訪談 分析 發想 設計 專業
幫助
進行原型認知測
為在設計上貼近實務，本團隊訪談資深諮商心理師的諮商經 ，以及對於本組服務的設計建議： + 校園諮商應用 CBT 實務經 + 對於緊急狀況的設計 + 情緒梳理中使用者對話的回饋感設計 基本條件：
A. 曾有連續一週心情低落的大專院校學生
B. 問卷：負情緒分數遠高於正分數 (為潛在使用者) GooDuck 主要功能
介面導覽
Welcome Page 小精靈輔助新用戶
心情紀錄
以 「形容詞」、「情緒」 進行每日 心情紀錄，並以報表呈現
情緒梳理
建立以小鴨為 IP 的聊天機 器人，以 CBT 理論為基礎 幫助使用者了解思考盲區
量表測驗
透過心理量表來了解目前 狀態，並且即時給予建議
流程及介面設計