The slide is about UX research and the knowledge gain during the process.

1. USER EXPERIENCE RESEARCH
& KNOWLEDGE
blog.drhhtang.net
唐⽞玄輝
台科⼤大⼯工商業設計系 / 設計資訊與思考研究室

2. 使⽤用者經驗設計過程
THE DESIGN PROCESS OF UX

3. Iteration
UXResearch UXDesign UXTest UXEntrepreneurship
UXDesign Process

4. USER EXPECTATION RESEARCH
• UXR
• 了解⼀一個產品、過程、服務、系統的現有的或是潛在的使⽤用者，及其使⽤用情
境，⾏行為模式和需求的活動
• 問題尋找的過程、使⽤用者創新的起點
• fuzzy front end

5. USERXPER’S CASE
• 使⽤用者研究的初衷
• 瞭解實際⽣生活需求，找出機會點
• Exploration 探索
• 取代坐在辦公室中對著電腦螢幕發想

6. BETTER UNDERSTANDING
• 現代媽咪結構改變
• ⽗父⺟母, 想要的是…
• 現代⽗父⺟母,⾯面臨的卻是…
• 現代⽗父⺟母, 需要的是…
• 更明確的指南
• 更多正確的正⾯面回饋與⽀支持

7. BETTER PLANNING & MORE PROFITS

8. ILISTEN UXRESEARCH

9. ⽣生活中因為失去聽⼒力所⾯面臨的問題
在路上最怕遇到救護車與消防車的狀況、後⽅方有⼈人呼喚、無法享受⾳音
樂、搭電梯時無法呼救、防空演習的警報、居家外⾯面的動靜(⼩小偷) 、郵
差或包裹的來信、洗⾐衣機的聲⾳音、交通⼯工具引擎的異聲、醫院或領物叫
號碼、聽不到別⼈人聊天的內容、無法照顧嬰孩(哭聲) 、燒開⽔水或其他家
電的聲⾳音、被當作正常⼈人問路、遊泳池救⽣生員的呼叫、登⼭山攀岩時無法
直接溝通，也無法⽤用⼿手語、電視只有畫屏、拍賣競標的過程與出價數
字、⽕火車誤點的廣播、百貨公司的廣播或尋⼈人廣播、⾨門鈴聲、電話來電
聲、無法⾃自⼰己接電話、垃圾⾞車的聲⾳音、無法叫外賣。

10. HEARING IMPAIRED PERSON

11. User can key in the words, i-Listen will turn into speech sounds. It also work
the other way. User can press record button, i-Listen will change someone’s
voice into words and show it on screen.

12. So I design a way to help them. User just choice their destination, i-Listen will
set a GPS base and set a location circle, waiting for user into the circle, device
will remind hearing impaired people by vibrating.

13. First, you have to record a sound to be recognize, you can name it and save it
in one of files. And than, when you want to go out, that you can choice one of
files and press it to detect. It will analysis sounds and match it.

14. It is a simple design on it, I want to help HIP easy to call for help, so I design 3
ways

15. THE UXR FOR IP CAM & NVR
•Hardware & software are more or less similar
•UX and Business Model make differences

16. UXR Project
focuses on User Experience
Research, Design,Test
Most UX Test in Company
focuses on UsabilityTest
0
20
40
60
80
time difference
UXR UXTest

17. UXTEST
• User study
• 當使⽤用者在特定的場域下欲完成特定的事，產品、過程、服務、系統可以提供
多少程度的效果、效率、滿意
• 產品完成後

18. 點擊熱圖分析 / 悠識

19. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
iCan⺫⽬目前於許多相關的醫療輔助機構及診所使⽤用，服務的對象有⾃自閉症、聽
障、腦性痲痹、唐⽒氏症、重度智障的⼩小朋友，在這數個月的過程中，我們修
改了許多原先預設的操作模式，並記錄下關於使⽤用者經驗的問題，希望減輕
家⻑⾧長負擔，也希望讓孩⼦子在操作上可以更流暢。
⺫⽬目前近況
ICAN UXTEST

20. ICAN UXTEST FINDING
• 我以前⽤用那些東⻄西都是失敗，因為對他來講他覺得不重要，專注⼒力就不夠。有
時候像ACC他把它當玩具，所以學校⽼老師都會罵家⻑⾧長沒有認真教。
• 但ican⽐比較不⼀一樣的是，我在教的時候他眼睛在看，⽿耳朵是在聽的。所以我教
的過程⽐比較順，然後我⾛走開的時候，我說你⾃自⼰己去讀書，他就會去找常⽤用句
⼦子，他會⾃自⼰己乖乖的壓下去。

21. • 以前那樣，⼀一直坐在他旁邊，教的很累。然後他也很累，他會覺得我很煩，會
叫我⾛走開。
• 因為它(iCAN)會反覆，(我可以休息讓他⾃自⼰己練習)
• 我拍我的杯⼦子，他就不接受，他記不得。然後我去拍他⾃自⼰己的杯⼦子，他就記得
那是杯⼦子
ICAN UXTEST FINDING CONT.

22. 意義創新
• ⾮非技術創新
• 具使⽤用者創新
• UXR UXD UXT
• 產品意義的提出與創新
• 利⽤用其固執性產⽣生接觸⼤大眾的全新意義 - 協助⾛走出個⼈人世界的實體臉書
• extreme users and general users

23. ICAN EXPERIMENTATION
A collaborative project of drhhtang & Mike’s labs

24. USER STUDY
• Participant
• 11 kids with autism
• caregiver：8 parents + 3 teachers (one-on-one teaching)
• Method
• Qualitative Interview + Questionnaire

25. PARTICIPANT
• Caregivers of autistic children.
• 8 parents and 3 teacher(one-to-one teaching).
• Android tablet:
API level 2.2 and above 2.2
age range 26~30 31~35 36~40 41~45 46~50 60
people 2 1 2 2 3 1
Tablet android os
AsusTf-101 3.2
Dr.eye N101 2.2
AsusTf-301 4.0

26. CAREGIVER-PARENTS
parent sex age tablet child sex age verbal
P1 M 60 AsusTF-101 C1 M 16 none
P2 M 41~45 AsusTF-101 C2 M 12 low
P3 F 36~40 AsusTF-101 C3 F 5 none
P4
P
F 31~35 AsusTF-101 C4 M 5 low
P5 F 46~50 Dr.eye N101 C5 M 11 low
P6 F 36~40 Dr.eye N101 C6 M 8 low
P7 M 41~45 Dr.eye N101 C7 F 10 low
P8 M 46~50 Dr.eye N101 C8 M 6 low

27. CAREGIVER-TEACHERS
teacher sex age tablet child sex age verbal
T9 F 46~50 AsusTF-101 C9 M 7 low
T10 F 26~30 AsusTF-301 C10 M 9 none
T11 F 26~30 AsusTF-301 C11 M 9 low

28. METHOD 1/2
• Within-subject study.
• Procedure：
• Pre-study：traditional way, picture card using problem.
• Using iCan for 3~4 weeks.
• Post-study：iCan using problem.
• Qualitative Interview & Questionnaire.

29. METHOD 2/2
• Questionnaire：
25 likert-scale & 5 open questionnaires.
• Gain Score：
『Post questionnaire’s score - Pre questionnaire’s score』
• Reliability of Questionnaire：Cronbach’s alpha.
(pre：0.88>0.8 & post：0.86>0.8 ) => reliable
• Statistic：Paired-sampleT-test

30. QUESTIONNAIRE RESULTS 1/2
• Burden ofTeaching for Caregiver
Significant difference in the gain scores.
M=3.73, STD=1.05 ; P-value=0.0054 (<0.01).
• Burden of Making picture card’s for Caregiver
Significant difference in the gain scores.
M=8.00, STD=1.59 ; P-value=0.0005 (<0.01).

31. QUESTIONNAIRE RESULTS 2/2
• Autistic child：
• Learning willing： NOT Significant difference.
M=2.55, STD=1.96 ; P-value=0.2223 (>0.05).
• Interaction with people： Significant difference.
M=2.57, STD=1.58 ; P-value=0.0076 (<0.01).

32. QUALITATIVE INTERVIEW
• It reduces the burden of mine in teaching and in making picture card. (P1)
• After using iCan, other family member also start making picture card................
Before using iCan, child rarely respond. But now, he always using iCan to response, or even
talk to us by a short sentence. (such as ‘I want to eat fries’) (P4)

33. QUALITATIVE INTERVIEW
• Child is more aggressive when learning. ........
Child can find the app’s icon and start using iCan by himself.When I’m demonstrating how
to use iCan, he often grabbed the tablet and said ‘I can do this........
Child himself can complete part of procedure of making picture card, such as speech
recording and typing the name of it. (T11)

34. UXDesign UXTesting
重覆是使⽤用者經驗設計的重要特徵
Iteration

35. ITERATION
Human Resource NOT financial / Easy to iterate
BETTER DESIGN DETAILED 較佳的介⾯面與互動設計
BETTER UNDERSTANDING OF USERS 較了解使⽤用者經驗
BETTER BUSINESS MODEL 較清楚商業模式

36. 較佳的介⾯面與互動設計
Better Interface & Interaction Design

37. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
使⽤用者經驗設計探討與修正
⼀一、圖卡選擇⽅方式

38. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process / 溝通圖卡與造句
柳丁 炸雞腿 葡萄 薯條 奇異果
水 三明治 蘋果 餅乾 漢堡
要我 蘋果
動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
在實際給孩⼦子操作時發現，以原
先拖曳的⽅方式選擇圖卡造句，會
讓孩⼦子不易操作，且容易拖曳⾄至
下⼀一⾴頁。
後來發現，原因是因為⼤大部分的
⾃自閉症孩⼦子有⼿手部肌⾁肉靈活度的
發展障礙，需後天的訓練改善。
圖卡選擇⽅方式

39. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process / 溝通圖卡與造句
柳丁 炸雞腿 葡萄 薯條 奇異果
水 三明治 蘋果 餅乾 漢堡
要我 蘋果
動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
因此，我們將拖曳的⽅方式修改為
⻑⾧長按式，果然在選擇圖卡上就流
暢了許多。但發現其實拖曳與⻑⾧長
按兩者⽅方式均可保留，⼀一⽅方⾯面拖
曳可培養孩⼦子⼿手指靈活度，⼀一⽅方
⾯面可以給適合拖曳、⻑⾧長按的孩⼦子
使⽤用。
圖卡選擇⽅方式

40. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
使⽤用者經驗設計探討與修正
⼆二、圖卡與分類連結

41. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process / 溝通圖卡與造句
柳丁 炸雞腿 葡萄 薯條 奇異果
水 三明治 蘋果 餅乾 漢堡
要我 蘋果
動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
⾃自閉症孩⼦子的學習屬於視覺圖像
化的記憶，單⼀一⽂文字的分類顯⽰示
對於⾃自閉症孩⼦子的連結度是不夠
的。
圖卡與分類連結

42. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process / 溝通圖卡與造句
柳丁 炸雞腿 葡萄 薯條 奇異果
水 三明治 蘋果 餅乾 漢堡
要我 蘋果
動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
因此我們在第⼀一個版本增加了顏
⾊色的分類，刺激孩⼦子去做圖卡與
顏⾊色的連結
圖卡與分類連結

43. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process / 溝通圖卡與造句
柳丁 炸雞腿 葡萄 薯條 奇異果
水 三明治 蘋果 餅乾 漢堡
要我 蘋果
動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
第⼀一版使⽤用後觀察發現幫助孩⼦子
的連結效果較不這麼顯著。
因此我們在第⼆二版加⼊入了該分類
的⼩小圖⽰示，修改後確實讓孩⼦子使
⽤用上跟流暢許多。
圖卡與分類連結

44. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
使⽤用者經驗設計探討與修正
三、錄⾳音指針

45. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process / 新增圖卡與編輯
新增圖卡 我 他們 妹妹 姊姊
爺爺 奶奶 大家 你們 他
我們 爸爸 媽媽 哥哥 弟弟
動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
我們觀察發現，⺫⽬目前平板電腦較
沒有明顯的⿆麥克⾵風位置，家⻑⾧長使
⽤用iCan新增圖卡錄⾳音時，每張圖
卡的聲⾳音⼤大⼩小均不同。
因此最新版的iCan在錄⾳音的部分
加⼊入了錄⾳音指針，改善了圖卡聲
⾳音的問題，⽽而外的家⻑⾧長也發現可
以利⽤用錄⾳音指針來訓練孩⼦子的發
⾳音能⼒力。
錄⾳音指針

46. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
使⽤用者經驗設計探討與修正 QUIZ
外接usb控制器，如同簡單的⼀一顆⼤大按鍵，光華商場有賣，需要兩顆。
類別可以有簡化的選項，只包含動詞、名詞、形容詞。
需要可以切換雙語，國語和台語。
造句列要能隱藏，所以字詞照⽚片選擇變更⼤大。
字詞換⾴頁不能⽤用⽤用滑的，要有其他⽅方式。

47. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
使⽤用者經驗設計探討與修正
四、圖⽂文轉換

48. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
柳丁 炸雞腿 葡萄 薯條 奇異果
水 三明治 蘋果 餅乾 漢堡
溝通圖卡與造句
動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
圖⽂文轉換
在現有圖卡教學上，⽗父⺟母⽼老師會
製作正⾯面是圖案、反⾯面是⽂文字的
圖卡，⺫⽬目的是希望可以培養孩⼦子
圖像與⽂文字之間的連結。

49. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
柳丁 炸雞腿 葡萄 薯條 奇異果
水 三明治 蘋果 餅乾 漢堡
溝通圖卡與造句
動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
圖⽂文轉換
因此，我們希望可以保留原先的
教學模式，讓家⻑⾧長、孩⼦子使⽤用新
的教學器材(iCan)也能有同樣的
學習效果。

50. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process / 溝通圖卡與造句
動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
圖⽂文轉換
因此，我們希望可以保留原先的
教學模式，讓家⻑⾧長、孩⼦子使⽤用新
的教學器材(iCan)也能有同樣的
學習效果。

51. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
柳丁 炸雞腿 葡萄 薯條 奇異果
水 三明治 蘋果 餅乾 漢堡
溝通圖卡與造句
動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
圖⽂文轉換
因此，我們保留了原先的教學模
式，讓家⻑⾧長、孩⼦子使⽤用新的教學
器材(iCan)也能有同樣的學習效
果。

52. 3.偏好 /
前：孩⼦子通⻑⾧長較偏好喜歡⾃自⼰己周遭的事物，⽽而家⻑⾧長⽼老師卻要花⼀一⼤大段的時間還去製作孩⼦子喜歡的物品圖卡，等製作完成後孩⼦子可能⼜又對此物不感興趣了。
後：⽗父⺟母與⽼老師使⽤用iCan可以⾺馬上拍下孩⼦子喜歡的事物，當下可刺激孩⼦子增加學習意願，提升教學的流暢性跟孩⼦子的記憶⼒力。
National Taiwan University of Science and Technology
Department of Design
運⽤用前瞻ICT技術增進跨代溝通之前瞻概念介⾯面與服務設計
iCAN
因為有愛，溝通無礙
• 指導教授： 唐⽞玄輝 副教授
• 設計者：鄭群萌
• 介⾯面設計合作：官佩萱
• iOS 版本技術合作：台⼤大資⼯工- 陳彥仰 助理教授、陳雍協、蔡松昇、林霓苗
•Android 版本技術合作：駟⾺馬科技 - 彭建強、⺩王裕惟
iCAN 版本演變 v1.0~1.6

53. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
iCAN v1.0

54. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
iCAN v1.1

55. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
iCAN v1.2

56. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
iCAN v1.3-1.4

57. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
iCAN v1.5

58. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
iCAN v1.6

59. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2012 NSC DESIDN
iCAN Project
Design Process /
2010.12
使⽤用者訪談&概念設計
2011.05
新⼀一代設計展 與 台⼤大資⼯工合作(iOS)
2011.10
IDA臺北世界設計⼤大會
2011.11
新增功能 與 問題修正
2011.03
國科會前瞻概念設計計劃
2011.06
台⼤大資⼯工(iOS) 與 駟⾺馬科技(Android)
2011.10
Android 使⽤用者介⾯面設計競賽
-冠軍、遠傳平板獎、企業獎
2010.12
• Working Prototype • Add more User Needs & Experiences• Concept Design
iCAN v1.1 iCAN v1.2 iCA

60. 較了解使⽤用者經驗
Better Understanding of User Experience

61. USER EXPERIENCE DIFFERENCE 1
•認知 /
前：⼀一般的卡通圖卡較無法讓孩⼦子與真實事物連結。(ex.卡通版的杯⼦子)
後：透過iCan即時新增圖卡的功能，⽤用孩⼦子能理解的⽅方式學習。(ex.⾃自⼰己的杯⼦子)
•情緒 /
前：孩⼦子往往想要表達時卻找不到圖卡，⽽而無法表達內⼼心想法時較容易⽣生氣。
後：孩⼦子透過iCan尋找圖卡較容易許多，可清楚地讓⽗父⺟母瞭解孩⼦子的內⼼心想法與需求。

62. USER EXPERIENCE DIFFERENCE 1I
•偏好 /
前：孩⼦子通⻑⾧長較偏好喜歡⾃自⼰己周遭的事物，⽽而家⻑⾧長⽼老師卻要花⼀一⼤大段的時間還去製作孩⼦子喜歡的物品
圖卡，等製作完成後孩⼦子可能⼜又對此物不感興趣了。
後：⽗父⺟母與⽼老師使⽤用iCan可以⾺馬上拍下孩⼦子喜歡的事物，當下可刺激孩⼦子增加學習意願，提升教學的
流暢性跟孩⼦子的記憶⼒力。
•知覺 /
前：傳統的⼿手⼯工圖卡⽐比較缺乏感官層⾯面的學習刺激。
後：iCan帶給孩⼦子的感官刺激有聽覺、視覺、觸覺，且即時性⾼高，若在搭配實物教學可以讓孩⼦子增加
味覺與嗅覺的刺激，例如⽼老師會拍下餅乾的照⽚片、錄⾳音，要孩⼦子學習辨認出後在給孩⼦子吃餅乾獎勵，
藉由不同的感官刺激教導孩⼦子。

63. USER EXPERIENCE DIFFERENCE III
•⽣生理 /
前：多數⾃自閉症孩⼦子的⼩小肌⾁肉發展較遲緩，須透過後天的訓練來幫助孩⼦子。
後：因為平板電腦的操作⽅方式，使得⽤用iCan的孩⼦子⼿手部肌⾁肉靈活度提升許多，也有多數家⻑⾧長表⽰示這是
有幫助的。
•⼼心理 /
前：孩⼦子在使⽤用舊式輔具學習時較有抗拒感不願學習。
後：使⽤用iCan後孩⼦子的學習意願較提升許多，情許也⽐比較緩和，⽗父⺟母與⽼老師說可能的原因是新穎的3C
產品讓孩⼦子接受度⾼高，也去除了特教輔具的標簽化。

64. USER EXPERIENCE DIFFERENCE IV
•⾏行為 /
前：以前爸爸叫孩⼦子吃飯前去洗⼿手時，⽤用圖卡或⼝口令都沒有辦法引起孩⼦子執⾏行動作。
後：爸爸有⼀一天⽤用iCan拍下孩⼦子在洗⼿手的照⽚片，之後吃飯前拿給孩⼦子看，孩⼦子就知道吃飯前要主動地
去洗⼿手。
•學習 /
前：舊式輔具無法引起學習動機，專注⼒力無法持續。
後：孩⼦子變得很專注於學習、原本學習意願低的孩⼦子，會⼀一直舉⼿手向⽼老師表⽰示想要使⽤用。使⽤用⼀一段時
間後孩⼦子⼝口說句⼦子⻑⾧長度明顯增⻑⾧長， 開⼝口說話的意願與頻率也提升。

65. 較清楚商業模式
Better Business Model + Pricing

66. Iteration
UXResearch UXDesign UXTest UXEntrepreneurship
UXDesign Process

67. 使⽤用者經驗
USER EXPERIENCE
商業模式
使⽤用者
技術適切

69. BUSINESS MODELVIABILITY
• 10000 Kids with Autism inTaiwan
• 腦性⿇麻痺、唐⽒氏症、低語⾔言 ＋ 兒童、少年、壯年 ＋ 台灣、中國⼤大陸
• ⼀一般⼈人使⽤用圖型化語⾔言學習⼯工具
• Extreme Users General Users
• 3000 X 1000 = 3 Million Profits

70. BUSINESS MODEL EVOLVED
•Free for all
•University & Minister of Education
•Companies with social responsibility
•Tablet PC Manufacturers