2018 Chih Yun Li Portfolio User Experience / Service Design +886 956 261 107 alisoneeeee@gmail.com
李知芸 Chih Yun Li 喜愛設計在團隊中擔任的角色，喜歡和人互動並了解不同角度 所看到的世界，在一次課程中認識了用戶體驗及服務設計，從 此對這個領域感到熱衷，喜歡接觸實際場域並期許能透過設計 帶給人們更多的生活體驗
2
Education
2017 / 9 - NOW 台灣科技大學 工商業設計系 設計所 2013 / 9 - 2017 / 6 台灣科技大學 工商業設計系 工業設計組 2010 / 9 - 2013 / 6 新竹高工 室內設計科
Work Experience
2017 - NOW 2016 - 2017 2015
Award
遊石設計 UI/UX Design Intern 剛好設計 Design Intern
2017
2016
Design Information & Thinking Lab
國際用戶體驗設計大賽 Bronze Medal HomePlus 青年設計大賽 I DESIGN AWARD 裝置藝術組 入選 Ripple
2015
曜越第四屆電腦遊戲玩家的異想世界創意設計大賽 亞軍 禪
3
Skill
Research
服務設計
情境訪談
Othe
設計測試
團隊合作
易用性測試
敏捷式開發
二手資料
客戶旅程地圖
田野調查
競品分析
利益關係人分析
服務測試
工作坊
情境分析
用戶體驗設計
問卷調查
商業策略
工作活動筆記 故事版
信息架構
人物畫像
交互 / 視覺設計
情境脈絡
頭腦風暴 洞察探索
服務藍圖
Testing
訪談
需求分析
4
Design
原型製作
概念草圖 原型製作
NPS
KANO Model
工業設計 設計目標
SUS
3D 模型
QUIS
定位方法論 商業模式畫布
Work 2018
復康巴士 / 身心障礙者共乘系統服務設計
2017
HomePlus / 無家者穩定重返社會服務設計 LoveKeeper / 遠距戀愛 AR 互動 APP
er
請偶 / 布袋戲互動教學遊戲 audistory / 聽覺口語法情境教學遊戲 2016
Frank / 寵物牙刷用具組 遠傳電信 friDay 錢包網站設計 Ripple / 裝置藝術
5
6
HomePlus
8 - 27
身心障礙者共乘服務設計
28 - 37
LoveKeeper
38 - 47
audistory
48 - 57
請偶
58 - 65
遊石設計
66 - 69
讓無家者穩定重返社會之服務設計
復康巴士系統與服務設計
維持遠距離情侶戀愛溫度之 AR 互動 APP 及服務
輔助聽覺口語訓練之情境式教學遊戲
布袋戲新體驗之互動教學遊戲
Design Intern Record
7
HomePlus / 幫助無家者穩定 重返社會的服務設計 HomePlus
HomePlus 是一個無家者發揮技能、以行動力量幫助弱勢群，提升民眾募捐 意願，同時協助無家者穩定自立的服務 / 公益平台
8
UXD Award Bronze Medal Designer / 鄭靖薰 李知芸 蕭學哲 肖易萌 簡歆恩 Researcher / 洪仕閔 楊定蓉 賴欣宜 2017 User experience / Service Design
What I Do Contextual Inquiry/Analysis Requirement Analysis Interaction Design Framework Prototyping illustration
Link to watch HomePlus video
9
HomePlus
設計流程 我們的設計對象為無家者，首先透過質性 訪談及文獻了解用戶需求及定義目標族 群，接著轉化需求發掘洞察，立定設計目 標並進行設計，其中進行兩次使用者測試 及一次量化問卷確保平台之易用性及方案 可行性，過程中依據測試結果不斷進行一 次一次的設計迭代。
First
UXR
UXD
透過次級資料及質性訪談 3 家機構及 10 為無家者，來 找出機構服務缺口及無家 者需求
將收斂的需求轉化，進行 第一版的原型設計（web / app)
用戶體驗研究
10
用戶體驗設計
UX
用戶體
第一版本的 者 測 試， 確 的易用性
XT
體驗測試
的設計進行使用 確 保 app 及 web
Second
Third
UXD
UXT
UXD
根據第一次使用者測試的 回饋進行第二版本原型設 計改版
進行第二版本的使用者測 試，並收集了 30 份量化問 卷確立解決方案可行性
根據第二次測試結果進行 迭代及設計修改
用戶體驗設計
用戶體驗測試
用戶體驗設計
11
HomePlus
1 Exploration 2
Background
12
受到幫助機率低 無家者成因多 沒有穩定工作及收入
Creation 3 Reflection
1 Exploration
訪談分析
我們發現
a
因本身條件而無法穩定工作
b
因社會污名化無法發揮技能
c
沒穩定生活，無法累積財富
13
HomePlus
人物畫像
痛點
有技能的無家者
技能無法發揮 缺乏社會連結 缺乏社會價值
無技能的無家者
缺乏技能 難以累積財富 缺乏社會價值
無家者機構
14
缺乏技能培養訓練課程 缺乏工作社交適應練習 社會標籤難以抹除
需求
培養穩定工作能力
去除刻板印象
提升民眾協助意願
重建社會網絡
設計機會點
設計產出
" 我們如何讓無家者穩定重返社會 "
HomePlus 服務流程
發揮技能 學習技能
團隊工作 互相督促
團隊工作管理 APP
幫助弱勢 建立形象
服務民眾 重建社會網絡
服務與公益 WEB 15
HomePlus
2 Creation
培養工作能力期 STEP 1 組成修繕團隊 / 無家者間的互助
STEP 2 參與修繕課程 / 求職弱勢與 無家者間的互助
讓有技能的無家者和無技能的無家者組成修繕團隊，以團隊的 力量互相督促學習，有技能者發揮技能，無技能者學習技能
修繕團隊和求職弱勢一同參與政府補助修繕課 時間成本並提升團隊公信力，也進而培養團隊 交能力
HomePlus
HomePlus 服務
16
課程，降低學習 隊工作態度及社
重建社會網絡期 STEP 3 以修繕協助弱勢 / 弱勢族群與 無家者間的互助
STEP 4 服務民眾修繕 / 重建社會網絡
機構和弱勢機構媒合，使修繕團隊發揮技能幫助弱勢族群， 進而建立形象並獲得募款，也藉由此工作機會累積工作經驗 及積蓄
最終從服務弱勢族群轉而服務一般需修繕民眾，以達到重建 社會網絡的目的
17
築家小幫手 / 團隊工作管理 APP 使用對象 / 無家者修繕團隊隊長
18
1
操作簡單
2
符合其教育程度
3
多文字說明取代圖示
智能手機與舊式手機通 訊、工作管理督促 無家領導者可用智能手機，發送「工作資訊」 給按鍵型手機的團員，團員則以「數字」快 速進行回覆，除了督促外，後台資訊也讓機 構了解。
19 以書寫及語音為主
HomePlus
階段性累積儲蓄，金額 轉化為生活需品 設立明確的目標，在每次工作過後將工作所 得轉換成生活必需品的形式累積，讓無家者 更容易了解工作的累積效果。
20
生成簡歷與社會連結， 建立成就感與信心 無家領導者可安排工作予隊員，也能夠替隊 員「生成簡易的工作簡歷」，和一般人一樣 能夠累積工作經驗，建立成就感與信心。
21
HomePlus
HomePlus / 服務與公益 WEB 使用對象 / 捐款者、需修繕的民眾、求職弱勢 HomePlus
22
1
建立形象
2
提供服務入口
3
宣傳公益價值
直觀的募款效益 「救援量數字」，讓民眾直觀感受 到募款效益，以數字的「量」與「變 動性」提升民眾對效益的感受，增 加募款意願。
23
記錄協助弱勢過程， 建立正面形象 透過無家者與弱勢群故事，讓民眾 與理念產生共鳴同時降低民眾對 「無家者的負面想像」，提升群眾 募款的意願。
24
提供修繕服務 和社會連結 一般民眾也可透過網站線上預約修繕服 務，不僅能滿足需求，更提供工班團隊 工作機會，民眾也能給予評價，產生雙 向的溝通。
25
HomePlus
3 Reflection 設計迭代
易用性測試 功能及操作更貼 近無家者需求
文字為主 對比顏色 字級增大 新手教學
服務訪談
量化問卷
訊息更貼近 無家者需求
驗證設計效益
狀態顯示單一 隊員訊息 其他團隊資訊 功能歸類
民眾會願意捐款給名聲好且能夠 長期解決的機構
捐款能夠被有效運用在幫助他人上 民眾會更願意再次捐款 網站架構梳理 字串修改
26
增加企業捐款表單 增加修繕回饋 修改需求入口
提供解決問題的方式能夠讓民眾 有更正向的感受
27
身心障礙者共乘系統服務設計 台中復康巴士為提供的免費身心障礙者接送服務，長期遇到「供不應求」、 「乘客因搭不到車而客訴」及「執行人員和乘客沒有良好雙向溝通」等問題， 我們透過服務設計方法發掘並收斂痛點和需求，提出設計方針，並透過狩野 分析進一步瞭解服務模塊的優先程度。
28
Designer / 楊怡馨 卓思陽 鄭雅方 陳沁蘶 李知芸 2017-NOW User Experience / Service Design
What I Do Contextual Inquiry Analysis Requirement Analysis Interview Design Concept Video
29
身心障礙者共乘系統服務設計
1 Exploration
情境訪談
服務分析
我們發現
我們發現
1
組織結構差異大， 人力分配不均
2
機構資源無法妥善 被利用
1
需求大於供給
2
取消失約頻繁
3
客訴頻繁
服務接收者 服務提供者
30
訪談分析 / 需求發掘
定義問題 藉由服務藍圖將痛點歸類，幫助團隊一同釐清問題，可分為四種類型
乘客 安心搭乘 / 清楚資訊 / 及時回饋
機構 收支平衡 / 服務品質 / 服務效率
行政機關 績效數據 / 民眾觀感
工具問題 訂車系統、排班工具、路線規 劃工具、里程工具
溝通問題 雙向溝通聯絡、訂車建議
規則問題 級別管理、宣導、制定、區域 劃分執行
官方規定問題 車輛規劃、組織結構
31
身心障礙者共乘系統服務設計
2
1
多元服務管道宣傳 新版紙本手冊 / 服務宣傳影片
Creation / 設計提案 我們針對不同利害關係人發想了不同面向的解決方案
4 司機與行政人員培訓 SOP 行政人員培訓 / 載客培訓 SOP
32
2
個人化智慧訂車
3
溝通工具 / 搭車提醒 / 多元訂車管道
5
智慧司機助手 即時溝通 / 載客行程 / 電子化里程輸出
智慧排班及管理系統 智能排車系統 / 智能報表 / 服務評價
6
統一派遣中心及付費機制 付費機制 / 統一派遣中心
33
身心障礙者共乘系統服務設計
3 Reflection
服務評估 透過狩野分析、重要度 分析，瞭解最優先的服 務模塊為何，深度訪談 利害關係人思考更多設 計細節，輔助未來設計 之需要。
乘客 1
有效問卷 41 份、深度訪談 3 人、機構訪談 3 間
2
訂車 APP
搭車提醒
司機 1
排車管理
3
電子化里程
行政 1
司機與乘客 溝通工具
4 搭車追蹤
有效問卷 100 份、深度訪談 10 人、機構訪談 3 間
2
載客培訓 SOP
34
3
乘客註記
4 司機經驗 傳承
有效問卷 25 份、深度訪談 11 人、機構訪談 3 間
2 智能報表
3 付費機制
4 預約訂車
評估結果 乘客
智能乘車 APP
能夠解決訂車麻煩、無資訊透明化及無良好的雙向溝通管道等問題，能夠提 供乘客更加安心的搭乘體驗
35
身心障礙者共乘系統服務設計
司機
36
人員培訓 SOP
除了能夠使新手司機更快上手外，每位司機服務的 know how 也能更好地 被保存下來，可以整體提升服務的品質
行政
智能排車工具
能夠解決排車人員工作量大的問題，以資訊系統的介入輔助員工工作，可 以大大提升服務的效率
To Be Continue......
接下來依照分析結果，從優先的服務模塊著手設計，將設計實際落地
37
L A
Lo 的 服
38
LoveKeeper / 遠距情侶 AR 互動 APP 及服務
oveKeeper 是一遠距情侶專屬服務和 App，包含應用 ar 科技 的三大功能，並將其整合透過遠距專屬日提供完整的遠距情侶 服務，讓彼此的距離也能變成溫度，在遠依然心繫彼此。
Designer / 李知芸 何宇欣 Engineer/ 林子權 邱政凱 Bliss Pond 2017 User Experience / AR
What I Do Contextual Inquiry Analysis Requirement Analysis Interaction Design Framework Ui Flow Design Prototyping Video Link to watch LoveKeeper video
39
LoveKeeper
1 Exploration
Background
40
2 Creation 伴侶分離與在相聚的循環過 程，而目前在有戀愛經驗的大 學生中有 25-40% 曾有遠距 離戀愛。
1 Exploration
訪談分析
人物畫像
需求
痛點 “好希望有男友就在 身邊陪伴的感覺！” 缺乏有效溝通及 傳遞情緒的方式
保持聯繫 / 留存回憶 / 建立互動 目標 / 能知道對方想傳達的事情及情緒 想要在對方的生活中留下記號 不想要遺漏任何兩人的回憶
缺乏實體的 物理感受
挫折 /
23 歲 / 學生 / 台北 美國遠距 / 交往一年
分開兩地時實在很難調適心情 遠距情侶的互動缺乏了更直接的感受
樂於紀錄兩人生 活中的點點滴滴 41
LoveKeeper
設計機會點
" 我們如何讓遠距戀人分開時維持溫度 "
遠距專屬日 有效溝通與 傳達情緒
增進陪伴感 減少寂寞
創造兩人 生活的回憶
AR 互動 APP
42
設計產出
距離也能變成溫度 再遠依然心繫彼此
43
LoveKeeper
2
預約服務 / 準備驚喜
燭光晚餐 / 同步互動
小明預約了 LoveKeeper 遠距專屬日服務，並在預先準備好的
當天，小明和花花各自到了兩地合作的餐廳，透過
禮物中輸入了想對花花述說的話想給花花一個驚喜
餐送餐及 AR 互動通話讓兩人就像在同個餐廳用餐，
Creation
遠距專屬 日服務
緒貼圖也讓雙方擁有美好的一餐 44
有趣互動遊戲 / 增加連結
驚喜禮物 / 增添回憶
過同步的點
遠距專屬日提供情侶挑戰 AR 互動遊戲，透過情侶們互相發射
遠距專屬日的最後，花花還拿到了小明事先準備的禮物，並
，有趣的情
與接收愛心來使魔王的血量降低，並在關鍵時刻一起說「love
用 AR 點點滴滴來查看裡面的暖心內容，讓回以永久保存在禮
u」將魔王打敗
物中 45
LoveKeeper
AR 互動通話 / 就像你在我身邊 營造相同場景下，增加對方 的陪伴感
46
AR 互動通話營造在相同環境下的感受，透過 語音辨識情緒關鍵字或傳送情緒貼圖來強化 對話中的情緒表現，AR 人物也能適時反映對 方真實的情形
AR 互動遊戲 / 一起一起這裡那裡
AR 點點滴滴 / 我們生活的痕跡
增進雙方遠距的同步互動
留下兩人足跡的回憶照片
透過同步射擊愛心的遊戲，讓遠距情侶能永 有物理接觸的感受，並搭配語音辨識關鍵字 完成關卡，讓增進遠距情侶的同步互動
AR 及影像辨識技術能將訊息藏在物品中，使 回憶跟生活間的連結更加緊密
47
audistory / 輔助聽覺口語訓練 之情境式教學遊戲 audistory 是一款輔助聽損兒家長或老師再進行情境式教學時能增進教學效益 的情境式教學遊戲，除了增加教學娛樂性，也能有效帶領家長在家自主教學。
48
Designer / 李知芸 郭子琳 黎徵羽 Engineer/ 王建傑 陳品亘 Researcher / 廖凌儀 2017 User Experience
What I Do Contextual Inquiry Analysis Requirement Analysis Interaction Design Framework Ui Flow Design Illustration
49
audistory
1 Exploration
Background
2 Creation 刺激剩餘聽力 保握黃金學習期 情境互動學習
50
3 Reflection
1 Exploration
訪談分析
人物畫像
痛點 “練習的過程有時候很好玩，有時候卻很 無聊 ... 可是我也好想開口跟別人講話。”
供不應求 機構只能提供一週一 次的教學時間
聽損兒 “雖然想好好的陪伴孩子、教導孩子， 但工作回來真的心有餘而力不足。”
過程易分心
聽損兒 家長
重複性的聽覺輸入使得孩 子的注意力時常轉移
“我很幸運能聽見聲音，也希望、並會努力幫 助孩子們，將這份聲音的歡樂傳下去！”
家長不知自主帶領 家長沒有時間反覆練習， 且不知如何用引導孩子
聽覺口語法 教學老師 51
audistory
需求
設計機會點
" 如何以情境遊戲幫助聽損兒童家庭 提升聽覺口語教學的成效及樂趣 "
52
1
多變有趣的教學方式
劇情故事教學
2
協助家長帶領孩子
家長小幫手
3
能夠自主學習的教具
可在家自學教材
設計產出
/ 情境口語訓練遊戲 使用對象 / 聽損兒、家長、老師
53
audistory
2 Creation
情境式教學 / 增加學習樂趣 54
透過劇情式的教學，配合有趣的動畫， 能增加孩子專注力，每個關卡的結尾都 會給予正面回饋增加孩子成就感
循序漸進的關卡練習 / 自學教材 關卡難易度依照不同情境及不同題 型做循序漸進的練習，劇情場景多 變
Easy
Hard
封閉式題型
開放式題型
＋
＋
初級場景
進階場景
家長小幫手 / 輔助家長帶領孩子 帶領家長一同進行聽覺口語法訓練，像是提 示家長描述物品的方式，提供聽覺口語法小 撇步等等
55
audistory
3 Reflection
易用性測試 / 訪談驗證 到實際場域做測試，除了讓家屬及聽損兒試玩外，也給予平常編制教材的老師試玩並討 論教程安排，測驗後發現到了幾項問題並做了設計迭代
易用性修正
56
教程編排修正
音檔需再修正
用字須符合關卡難度
畫面及描述句沒有相對應，選不出答案
題型難易度需修改
回饋描述句過長，孩子易分心
問題不明確
57
請偶 / 布袋戲新體驗之互動教學遊戲 現今，傳統布袋戲漸漸沒落，而布袋戲代表著台灣藝術文化。因此，傳承和 推廣極其重要。運用了電子手套的技術，有系統地將大師操偶的動作記錄與 資訊化，並將大師操偶數據運用在布袋戲互動教學遊戲中，使用者可透過遊 戲互動的過程，學習布袋戲的基本動作與相關知識。
58
Designer / 李知芸 陳冠宇 Engineer/ 雷礎宇 Consultant / 布袋戲大師 - 陳錫煌 2017 User Experience / Culture preservation
What I Do
Contextual Inquiry Analysis Requirement Analysis Interaction Design Framework Ui Flow Design Prototyping Video Link to watch 請偶 video
Link to 中央廣播電台新聞網 報導 59
請偶
1 Exploration
Problem
Design Feature
缺乏系統性教程
對於年輕人缺乏吸引力
電子手套
＋
運用電子手套技術將老師傅 計增加娛樂性，也讓學習布袋
大師技藝難以保存
60
Sketch for Data Glove
為了符合操偶時的動作， 嘗試了不同材質及不同手 套的形式。
布袋戲互動遊戲
Tech
傅技藝保存下來並利用互動遊戲設 袋戲的過程能更有系統性規劃。
電子手套配有彎曲感測器和 IC 板，可以記錄手部動作
61
請偶
信息架構 首先使用者先選擇要練習的角色，再透過大師操偶教學帶領使用者練習角色 基本動作，最後透過劇情練習的方式讓使用者能活用前面所學的基本操偶動 作。
選擇操偶角色
62
基本動作練習
劇情練習
63
請偶
2 Creation
選擇角色 / 系統式教程 分為「生旦淨末丑」五種不同角色， 使用者選擇自己想學習的角色進行 「基本練習」或「劇情練習」，內 容會依據不同角色有不同的訓練。
64
劇情練習 / 增加娛樂性
和大師學習操偶 / 保存大師技藝
耳熟能詳的劇情增加遊戲多變性， 例：武松打虎，並同時練習基本操 偶動作，搭配不同的劇情會有不同 闖關的方式。
使用者可選擇不同角色，並跟著大 師的教學影片學習基本操偶動作， 並和大師的操偶動作做比較，看看 自己和大師操偶動作的相似度。
65
遊石設計 Design Intern
66
遠傳 friday 手機錢包 官網設計
2016
李知芸
UI Design
Link to Website
專案目標 信息架構
宣傳遠傳 friday 手機錢包特色及引導客戶使用手機錢包
線框圖繪製 / 設計提案 提供廠商三個提案
設計定案 / 網頁 RWD 製作及插圖設計
67
68
設計規範
69
Thank You for Your Attention
70