This is the closing speech for 2015 UXPA UserFriendly conference. Prof. Tang talked about three design cases produced by DITLDESIGN to illustrate their trainings on design thinking, interaction design, and service design.

2. DITLDESIGN
VIDE UCAN

4. IJDesign IF CHISDCRedDot
brain development
2
teaching staff
1 4
budget
1 100

5. Awards
CHI
C R O S S I N G S
SEOUL KOREA
2015
Jobs

8. iCAN
UXDP of iCAN
•
•
•
• iOS -
•Android -

9. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
Kids with Autism

11. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2010 -2012
iCAN Project
Design Process /
柳丁 炸雞腿 葡萄 薯條 奇異果
水 三明治 蘋果 餅乾 漢堡
Design Feature 1Design Feature 2 動詞
文具
食物
角色
交通
地點
副詞
娛樂
時間
情緒狀態
形容詞
日常用品
260
100

12. Iteration
UXResearch UXDesign UXTesting UXEntrepreneurship
UXDesign Process
Agile UX + Lean UX

13. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
The 1sthalf circle has completed. UXResearch

14. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /

15. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
1.
2.
3.
1.
2.
3.

16. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /

17. •
•
•
• (BURDEN of CAREGIVER)
ICAN UXRESEARCH

18. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process / The 2ndcircle has completed.
iOS 5.0
UXResearch
UXDesign

19. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
iPad
Mac - iWork Keynote

20. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
-
iPad
iCon

21. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
iCan

22. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
- XCode
UI

23. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
2011/05/19-21
Working Prototype

24. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process / The 3rdcircle has completed.
iOS 5.0 Android
UXResearch
UXDesign
UXTesting

25. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
Intelligent Communication Board for ASUS Eee Pad Transformer
Individuals with autism are often unable to use oral communication to express themselves comprehensively and thus suffered from many
communicational obstacles. Current solutions are heavy communication books where numerous pictures stored in order to prepare their oral
presentation skills.With clear interface, easy operations, and lightweight, iCan integrates sounds, figures, words to smoothen the learning process
for autistic children. Its functions include the help to pronounce words correctly, to structure sentences, and to collect personal database for
figures.Through the aid of iCan, hopefully autistic children can learn basic oral communicational skills.
iCAN
Android
Sapuz
http://www.sapuz.com/
* 更新內容：
1. 新增圖卡時容易誤按會跳出
2. 常用圖卡功能，大圖顯示
3. 播放具備 設定次數功能
4. 回覆預設功能鍵
5. 直覺性的播放按鈕圖示

26. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
iCan - Android
分類顏色，以及圖文轉換的新功能
柳丁 柳丁
v1 v2
Android IOS

27. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process /
iCan - iOS
分類顏色的新功能
v1 v2 v3

28. National Taiwan University of
Science and Technology /
Department of Industrial and
Commercial Design
2011 NSC DESIDN
iCAN Project
Design Process / The 4thcircle has completed.
UXInnovation
UXResearch
UXDesign
UXTesting
iOS 5.0 Android

29. ICAN UXTEST FINDING
•
ACC
• ican

30. USER EXPERIENCE DIFFERENCE
• /
(ex. )
iCan (ex. )
• /
iCan

31. QUESTIONNAIRE RESULTS
• 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).

32. 2010.10
&
2011.05
(iOS)
2011.10
IDA
2011.11
2011.03 2011.06
(iOS) (Android)
2011.10
Android
-
2010.10
• Working Prototype • Add more User Needs & Experiences• Concept Design
iCAN v1.1 iCAN v1.2 iCA
iOS 5.0 Android 3.0
2010.10 ~ 2012.10

33. BUSINESS MODEL

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

35. • (Multidisciplinary Collaboration)
• Company or University Partners
• APPS
• (User Experience)
•
•

36. • (Continuous Modification of Prototype)
• (Research through Design)
•
• (Entrepreneurship)
•
•

37. Desirability - Feasibility -Viability

38. HearMe
A Recording App for Visually Impaired People
DITL 國立臺灣科技大學
設計資訊與思考研究室
IUILAB 國立政治大學
創新使用者介面實驗室
。

39. 余能豪 助理教授
指導總監
TEAM
MEMBERS
Zen 張育涓
研究員、專案經理
Diona 林奕岑
資深互動體驗設計師
Afra 蔡宜璇
資深IOS開發工程師
唐玄輝 副教授
指導總監

40. HEARME DEMO VIDEO

41. THE PROCESS OF PROJECT HEARME
UXR UXD UXT
Observation&I
nterview
UXR 2nd
Observation&
Interview
UXR 1st
Design
Exploration
Design
Assumption
prototype1
HearMe1st
prototype3
1HearMe 3rd
prototype2
HearMe 2nd
HearMe
UXT 1st
HearMe
UXT 3rd
HearMe
UXT 2nd
5
12 2
7
10
36 72

42. ...
... ...

43. • 現有錄音裝置以數字編號命名，無
法立 得知 案的大 內容。
• 自行建立分類相當需要；根據時間、
名、地點等來搜尋也有 助。
• 把 案從錄音裝置傳到電腦，再
傳給別人步驟 麻煩。
• 期待能分享更多生活中資訊給家人
朋友，或是互相共享資料。
• 手機錄音軟體沒有設計重複播放片
段，只好接到電腦。
• 錄音帶要快轉、倒轉到想聽的部分
比較耗時間。
• 錄音筆的操作變化太多，介面太複
雜，操作要花時間。
• 在錄音中能標記出重要段落，方便
日後聽取。 播放錄音
整理 分享

44. 操作更敏捷，不再錯過重要時刻
雙指點兩下， 可開始錄音
“出去時可以很及時的錄製很特別很好聽的
聲音，或是街邊叫賣的聲音就可以馬上錄下
來。”—（P4）

45. 當下記錄，錄後 超方便
單指右滑，記錄重要段落
”學生上課標記重點時會很有用，
我以前光拉那個重點就拉了老半天，
還是找不到。”（P3）
Part 1

46. 錄音時標記重點段落 向右滑動，聆
聽時也一樣左右滑動來跳段落。
iOS中調整數 例如音量、語速的手勢
是上下滑動來增減，套用在快轉倒轉情
境中一樣上下滑動。
快速理解，學習使用

47. 獲得聽覺的空間感，不易迷失
例如到下一層時會瀏覽到該頁面的
標題，便知道已換到下一頁。
跳出通知視 時有相應的音效，提
示 面排列與先前不同。

48. 跨App操作一致性，空間記憶的可能
狀態列、巡覽列，從螢幕邊界快速摸到電池電
量或回上一頁按 。

50. 學習型工作型 生活型

51. INSIGHTS
不同錄音族群的設計建議
• 數據化或大量的資訊有被紀錄的迫切性
• 案傳輸便利性
• 儲存空間
• 跨裝置的延續性
• 快捷操作
• 與社群平台的連結程度
工作型
學習型
族群共通處
生活型

52. Mobile Navigation for
Visually Impaired Smartphone User
BlindNavi

59. sequencing

62. sequencing

66. service blueprint

67. 4
2
3
1
touch point

70. 辦公室到
VINO CAFE
2015 / 01 / 29
歷程
2015/01/20
2015 / 01 / 20
起點
台科大校門口
面對基隆路 請過馬路
斑馬線前有石柱可追跡
過馬路後請左轉
增加註記
增加註記
請左轉
左轉後於基隆路四段直行
朝羅斯福路方向前進
人行道上有樹枝垂葉請小心
1
2
歷程細節
WHERE增加註記
辦公室到
VINO CAFE
2015 / 01 / 29
歷程
2015/01/20
2015 / 01 / 20
歷程紀錄
起點
台科大校門口
面對基隆路 請過馬路
斑馬線前有石柱可追跡
過馬路後請左轉
增加註記
請左轉
左轉後於基隆路四段直行
朝羅斯福路方向前進
人行道上有樹枝垂葉請小心
1
2
歷程細節
起點
台科大校門口
面對基隆路 請過馬路
斑馬線前有石柱可追跡
過馬路後請左轉
增加註記
請左轉
左轉後於基隆路四段直行
朝羅斯福路方向前進
人行道上有樹枝垂葉請小心
1
2
歷程細節
Line Facebook Message Mail
Cancel
Copy
現在位置歷程紀錄
WHERE增加註記
歷程細節
Line Facebook Message Mail
Cancel
Copy
co-creation

71. 4
2
3
1
輸入目的地
搜尋
台灣科技大學
一號島廚房
cafe libro
Diary Bistro
搜尋
WHEREVino C
終點
現在位置
台北市大安區
師大路80巷
2號1樓
羅斯福路四段
台大正門
新生南路三段
台大校園
辛亥路二段
民權國小
基隆路四段
起點
台科大校門口
面對基隆路 請過馬路
斑馬線前有石柱可追跡
過馬路後請左轉
增加註記
請左轉
左轉後於基隆路四段直行
朝羅斯福路方向前進
人行道上有樹枝垂葉請小心
1
2
歷程細節

73. Books Books
NO.
54
56
COFFEE SHOP
2
3
1

79. +

83. evidencing

85. ?
VISUALLY IMPAIREDS on the TRAIN

86. !
+BEACON
BEACON on the TRAIN

88. Books Books
NO.
54
56
COFFEE SHOP
DAY TIME STREETS

89. Books Books
NO.
54
56
COFFEE SHOP
NIGHT TIME STREETS

90. Books Books
NO.
54
56
COFFEE SHOP
STREETS for VISUALLY IMPAIREDS

91. Books Books
NO.
54
56
COFFEE SHOP
+BEACON
STREETS with BEACON

92. holistic

108. WWW.DITLDESIGN.COM