Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
UXDP of iCAN      iCAN的用戶體驗設計過程• 指導教授: 唐玄輝 副教授 、 陳彥仰 助理教授• 設計者: 群萌• 介面設計合作:官佩萱• iOS 版本技術合作:台大資工- 陳雍協、蔡松昇、林霓苗
UXDesign ProcessUXResearch   UXDesign       UXTesting   UXEntrepreneurship                    Iteration
National Taiwan University ofScience and Technology /Department of Industrial and  Kids with AutismCommercial Design2011 N...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDe...
THE FIRST ITERATION
2010.10 ~ 2011.10           2010.10                    2011.05                                2011.10           使用者訪談&概念設計...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design        電源開關/音量控制2011 NS...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
USER EXPECTATION RESEARCH• 了解一個產品、過程、服務、系統的現有的或是潛在的使用者,及其使用情境,行為模式和需求的活動• 問題尋找的過程、使用者創新的起點• 模糊的前端   (fuzzy front end)
ICAN UXRESEARCH• 我不知道   會問   麼多,我已經快要掉眼淚了,因為我不太去想以前的事情,不好意思。• 而且以前就是,我們在做那些圖卡,可能爸爸哥哥都會幫忙,做到最後大家都很累了。因為白天都沒時間,都做到半夜兩三點,最後只剩...
THE SECOND ITERATION
2010.10 ~ 2011.10           2010.10                     2011.05                                2011.10           使用者訪談&概念設...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDN兒童心智發展訓練中...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDN      巡迴演...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design  跨領域合作的第一次Meeting (設計角度...
National Taiwan University ofScience and Technology /Department of Industrial and 開始Commercial Design                 寫程式 ...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design  完成 Working Prototype 最...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
THE THIRD ITERATION
2010.10 ~ 2011.10            2010.10                            2011.05                                 2011.10           ...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDN         ...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDN     Andr...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
THE FORTH ITERATION
2010.10 ~ 2011.10            2010.10                            2011.05                                    2011.10        ...
2011.10 ~ 2012.10 2011.11                                  2012.03.15                   2012.04 新增功能 與 問題修正               ...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
USER EXPERIENCE TEST• 當使用者在特定的場域下欲完成特定的事,產品、過程、服務、系統可以提供多少程度的效果、效率、滿意• 產品完成後
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2012 NSC DESIDNICAN UXTE...
ICAN UXTEST FINDING• 我以前用那些東西都是失敗,因為對他來講他覺得不重要,專注力就不夠。有時候像ACC他把它當玩具,所以學校老師都會罵家長沒有認真教。• 但ican比較不一樣的是,我在教的時候他眼睛在看,耳   是在聽的。所...
USER EXPERIENCE DIFFERENCE• 認知   /前:一般的卡通圖卡較無法讓孩子與真實事物連結。(ex.卡通版的杯子)後:透過iCan即時新增圖卡的功能,用孩子能理解的方式學習。(ex.自己的杯子)• 情緒   /前:孩子往往...
QUESTIONNAIRE RESULTS• Burden   of Teaching for Caregiver       Significant difference in the gain scores.       M=3.73, ST...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN Proj...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design    iCan Meeting 修改討論 (駟...
National Taiwan University ofScience and Technology /Department of Industrial and                                         ...
2010.10 ~ 2012.102010.10                                2011.05                                  2011.10                  ...
2010.10 ~ 2012.10                                          2012.03.15                                    2012.04   2012.10...
UXDesign ProcessUXResearch   UXDesign       UXTesting   UXEntrepreneurship                    Iteration
UXDesign ProcessUXResearch   UXDesign       UXTesting     UXEntrepreneurship                    Iteration                 ...
National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2012 NSC DESIDNiCAN Proj...
THE FOUNDATIONS OF UXDP• 跨領域合作   (Multidisciplinary Collaboration)• 駟馬、宏正、賽微、台大資工、台科大電機                         Company or...
THE FOUNDATIONS OF UXDP• 持續的修改原形      (Continuous Modification of Prototype) • 透過設計做研究       (Research through Design) • 去除...
設計思考的實踐
設計思考的實踐使用者經驗、 跨領域、 持續的原形修改、商業模式的可行性
設計思考的實踐使用者經驗、 跨領域、 持續的原形修改、商業模式的可行性     Desirability - Feasibility - Viability
THE RESOURCE WE USED•A   Design Manager & An IT Manager•A   Designer & A Programmer + Some helpers along the way• Governme...
THE OUTCOME OF UXDP                      •   2011通   大賽冠軍、遠傳平板獎、企業獎• 一個可以為弱勢族群服務的產品、創意   •   台視 APP STAR 高手爭霸戰- 亞軍、最佳示範獎  ...
衷心感謝小宇、李琳琳小姐、銘傳 張乃娟老師、宇寧診所 吳佑佑醫師、 宇寧診所 李家琦老師、心路基金會 邱筱芳老師、心路基金會 陳   蓁老師、 心路基金會 黨國英組長、三民國小 吳婉萍老師、台東自閉症協會 孫中光先生、台東天主教救星教養院   ...
Upcoming SlideShare
Loading in …5
×

Week2.user experience design process (uxd of i can) good version condensed

20,114 views

Published on

  • Be the first to comment

Week2.user experience design process (uxd of i can) good version condensed

  1. 1. UXDP of iCAN iCAN的用戶體驗設計過程• 指導教授: 唐玄輝 副教授 、 陳彥仰 助理教授• 設計者: 群萌• 介面設計合作:官佩萱• iOS 版本技術合作:台大資工- 陳雍協、蔡松昇、林霓苗
  2. 2. UXDesign ProcessUXResearch UXDesign UXTesting UXEntrepreneurship Iteration
  3. 3. National Taiwan University ofScience and Technology /Department of Industrial and Kids with AutismCommercial Design2011 NSC DESIDN 一種潛在兒童期的心理疾病,特徵為社交與 溝通能力缺失,且對環境缺乏興趣,執著於iCAN Project 特定事物。Design Process /
  4. 4. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / iCAN Intelligent Communication Board for iOS & Android System 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.
  5. 5. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 溝通圖卡與造句 角色Design Feature 1 動詞操作容易,且系統性地分類 食物圖最卡,可快速找到所需的 交通 柳丁 炸雞腿 葡萄 薯條 奇異果圖片。 文具 地點 娛樂 時間 水 三明治 蘋果 餅乾 漢堡 副詞 形容詞 日常用品 情緒狀態
  6. 6. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 溝通圖卡與造句 角色Design Feature 2 動詞輕按一下圖卡即可播放單字音 食物 交通效。 柳丁 炸雞腿 葡萄 薯條 奇異果 文具 地點 娛樂 時間 水 三明治 蘋果 餅乾 漢堡 副詞 形容詞 日常用品 情緒狀態
  7. 7. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 溝通圖卡與造句 角色 動詞 食物 交通 柳丁 炸雞腿 葡萄 薯條 奇異果 文具 地點 娛樂 時間 水 三明治 蘋果 餅乾 漢堡 副詞 形容詞 日常用品 情緒狀態
  8. 8. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 溝通圖卡與造句 角色Design Feature 3 動詞 食物圖文轉換功能,進階學習認 交通字能力。 柳丁 炸雞腿 葡萄 薯條 奇異果 文具 地點 娛樂 時間 水 三明治 蘋果 餅乾 漢堡 副詞 形容詞 日常用品 情緒狀態
  9. 9. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 溝通圖卡與造句 角色Design Feature 3 動詞 食物圖文轉換功能,進階學習認字 交通能力。 文具 地點 娛樂 時間 副詞 形容詞 日常用品 情緒狀態
  10. 10. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 溝通圖卡與造句 角色Design Feature 3 動詞 食物圖文轉換功能,進階學習認字 交通能力。 文具 地點 娛樂 時間 副詞 形容詞 日常用品 情緒狀態
  11. 11. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 溝通圖卡與造句 角色Design Feature 3 動詞 食物圖文轉換功能,進階學習認字 交通能力。 柳丁 炸雞腿 葡萄 薯條 奇異果 文具 地點 娛樂 時間 水 三明治 蘋果 餅乾 漢堡 副詞 形容詞 日常用品 情緒狀態
  12. 12. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 溝通圖卡與造句 角色Design Feature 4 動詞長按選擇圖片圖卡,進行造句 食物練習,‭ ‬ 透 過聲音誘導其開口 交通 柳丁 炸雞腿 葡萄 薯條 奇異果訓練基本溝通能力,完全符合 文具現有教育模式。 地點 娛樂 時間 水 三明治 蘋果 餅乾 漢堡 副詞 形容詞 日常用品 情緒狀態 我 要 蘋果
  13. 13. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 常用溝通語 我要蘋果 我想上廁所 去學校上學 我想洗澡 吃炸雞排 儲存日期:2011 / 07 / 20 使用次數:32 次 要 1 我 要 蘋果
  14. 14. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 常用溝通語 我要蘋果Design Feature 5 我想上廁所可 存日常常用句子,父母可 去學校上學透過此功能教導孩子反覆的練 我想洗澡習,增加學習使用的效率。 吃炸雞排 儲存日期:2011 / 07 / 20 使用次數:32 次 要 1 我 要 蘋果
  15. 15. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 新增圖卡與編輯 角色 動詞 食物 交通 新增圖卡 我 他們 妹妹 姊姊 文具 地點 娛樂 時間 爺爺 奶奶 大家 你們 他 副詞 形容詞 日常用品 情緒狀態 我們 爸爸 媽媽 哥哥 弟弟
  16. 16. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2010 -2012iCAN ProjectDesign Process / 新增圖卡與編輯 角色Design Feature 6 動詞新增圖卡與編輯的功能可以幫 食物助在最短的時間內透過鏡頭拍 交通 新增圖卡 我 他們 妹妹 姊姊照、手寫、相簿來建立圖卡。 文具 地點 娛樂 時間 爺爺 奶奶 大家 你們 他 副詞 形容詞 日常用品 情緒狀態 我們 爸爸 媽媽 哥哥 弟弟
  17. 17. THE FIRST ITERATION
  18. 18. 2010.10 ~ 2011.10 2010.10 2011.05 2011.10 使用者訪談&概念設計 新一代設計展 與 台大資工合作(iOS) IDA臺北世界設計大會2010.10 2011.10 2011.03 2011.06 2011.10 國科會前瞻概念設計計劃 台大資工(iOS) 與 駟馬科技(Android) Android 使用者介面設計競賽 -冠軍、遠傳平板獎、企業獎 Part 1 • Concept Design
  19. 19. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / 設計的流程 右圖是iCan前期的設計流程,從設計師 DESIGNERS USERS
  20. 20. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process /
  21. 21. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 1 設計的流程 右圖是iCan前期的設計流程,從設計師 DESIGNERS USERS
  22. 22. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process /
  23. 23. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process /
  24. 24. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / 問題發現 經由訪談後發現,現有的溝通輔具、材料存在著許多 不方便的問題。 手工圖卡: 1. 數量多佔空間。 2. 圖卡容易遺失。 3. 製作圖卡過程辛苦,身心疲 。 語音溝通版: 1. 厚重不易攜帶。 2. 漫畫圖片不易理解。 3. 尋找圖卡費時與困難。
  25. 25. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design 電源開關/音量控制2011 NSC DESIDN 視訊(正反面) /MiciCAN ProjectDesign Process / 觸控筆 (有固定線以免遺失) 功能鍵 /照相按鍵 喇叭 底部:充電處
  26. 26. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / 10
  27. 27. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process /
  28. 28. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / The 1st half circle has completed. UXResearch 概念與介面完成
  29. 29. USER EXPECTATION RESEARCH• 了解一個產品、過程、服務、系統的現有的或是潛在的使用者,及其使用情境,行為模式和需求的活動• 問題尋找的過程、使用者創新的起點• 模糊的前端 (fuzzy front end)
  30. 30. ICAN UXRESEARCH• 我不知道 會問 麼多,我已經快要掉眼淚了,因為我不太去想以前的事情,不好意思。• 而且以前就是,我們在做那些圖卡,可能爸爸哥哥都會幫忙,做到最後大家都很累了。因為白天都沒時間,都做到半夜兩三點,最後只剩下媽媽在做了。• 原來的輔具他不喜歡,一下子就不玩了,老師都以為我不認真• 照顧者的負擔 (BURDEN of CAREGIVER)
  31. 31. THE SECOND ITERATION
  32. 32. 2010.10 ~ 2011.10 2010.10 2011.05 2011.10 使用者訪談&概念設計 新一代設計展 與 台大資工合作(iOS) IDA臺北世界設計大會2010.10 2011.10 2011.03 2011.06 2011.10 國科會前瞻概念設計計劃 台大資工(iOS) 與 駟馬科技(Android) Android 使用者介面設計競賽 -冠軍、遠傳平板獎、企業獎 Part 2 • Concept Design
  33. 33. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 2 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  34. 34. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / UI Idea Sketch 構想新的UI的設計,從操作的方式、功 能、位置、直覺性...等等,都是需要考 慮的條件。 設計定位改變: 一切地表達都需從學習開始, 應該是幫助父母減輕教學的負擔。 輔具,不是單獨使用與自我學習。 適合 4 - 7 years。
  35. 35. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process /
  36. 36. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process /
  37. 37. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / 初版完成 / 設計理念 結合前瞻科技與數位化分類系統, 幫助自閉症學童能夠簡單地操作讓使用 過程更加順暢,進而訓練基本溝通力。 iCAN Intelligent Communication Board for iPad2 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.
  38. 38. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 2 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  39. 39. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / 溝通圖卡與造句 分類欄 動畫操作的呈現 發現用圖片放在iPad 不太容易讓人理 解,只能作為視覺上的修改參考。 因此我必須去學習心得工具達到介面模 擬操作,完成我想表達的需求。 製作軟體:Mac - iWork Keynote 溝通圖卡與造句 常用溝通語 新增圖卡與編輯
  40. 40. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / 使用者調查 - 開心的表情 我把介面圖片放到iPad上,並拿給使用者看,他 們相當驚 與興奮,開始提供更多新的想法,並 詢問一些介面配置的意見,例如iCon、圖片大
  41. 41. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 2 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  42. 42. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDN兒童心智發展訓練中心iCAN Project與吳醫師見面後,他很高興聽到iCan的Design Process /設計,並且告訴我 樣的東西設計出來會很有幫助。
  43. 43. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 2 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  44. 44. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDN 巡迴演講推銷iCAN Project 認識了台大資工所的陳彥仰老師與實驗室Design Process / 研究生對iCan的案子有興趣與熱誠,因此 就開始了跨領域合作的發展。
  45. 45. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design 跨領域合作的第一次Meeting (設計角度)2011 NSC DESIDN 製作 Working Prototype 最初版本,iCAN Project 跨領域合作的過程:Design Process / For iPhone, create icons that measure: • 操作動畫 • Hierarchy • Desktop Logo Design • RGB 數值 • iCon .PNG For iPad, create an icon • Layout size that measures: • XCode 0 1024 768
  46. 46. National Taiwan University ofScience and Technology /Department of Industrial and 開始Commercial Design 寫程式 - XCode2011 NSC DESIDN 將必要的UI元件與設計圖傳達給資工iCAN Project 領域的夥伴們,就可以開始進行初步Design Process / 的程式 寫了。
  47. 47. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design 完成 Working Prototype 最初版本2011 NSC DESIDN 新一代設計展 可以將每ㄧ頁的介面畫面存成圖片 ,並實 2011/05/19-21iCAN Project 於世貿二館國科會展區展出。 際在平板電腦上顯示播放,好處是較能掌握Design Process /
  48. 48. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / The 2nd circle has completed. UXResearch UXDesign iOS 5.0 可運作原形
  49. 49. THE THIRD ITERATION
  50. 50. 2010.10 ~ 2011.10 2010.10 2011.05 2011.10 使用者訪談&概念設計 新一代設計展 與 台大資工合作(iOS) IDA臺北世界設計大會2010.10 2011.10 2011.03 2011.06 2011.10 國科會前瞻概念設計計劃 台大資工(iOS) 與 駟馬科技(Android) Android 使用者介面設計競賽 -冠軍、遠傳平板獎、企業獎 iCAN v1.1 Part 3 • Concept Design • Working Prototype • Add more User Needs & Experiences
  51. 51. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 3 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  52. 52. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDN Designers:iCAN ProjectDesign Process / 1‭.‬ 原先整體UI 配色太灰 ‬ 2‭.‬ 播放、清除、存取‭ ‬按 設計 ‬3. 圖卡的黑色邊框在細、顏色在淡一些‭ Designers - 介面的修改 4. 按圖片會撥放音效,結束後仍然會有反白效果 將之前開會討論的內容整理出來,列出 5. 常用溝通語加入細節部分‭:‬日期‭+使用次數 ‬ 需要修改與新增的清單。 ----------------------------------------------------------------- Engineers‭:‬ 1. ‬UI 與 Working Prototype 的介面一致性。 2‭. 內建搜尋功能 3‭. ‬未來加入網路搜尋圖卡功能 4‭. ‬‭可以考慮加入文法修正功能‭ 5‭. ‬編輯圖卡需加入‭ ‬刪除功能 6‭. 編輯圖卡需加入‭ ‬回復預設圖卡功能 7.‬ 常用的圖卡可記錄下來,自動排列自最前面 8‭. ‬新增後的圖卡到造具功能時需顯示在最前面 9‭. 播放圖卡聲音的間距可能必須再短。 ‬‭ 10. 圖卡可以選擇多種類別 ‭11. 播放時下列造句會跟著 12. 造具 下面顯示圖卡文字‭ ‬ ‬
  53. 53. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 3 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  54. 54. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / User Testing - 小宇媽媽 *‬2011/07/01‭ ‬iCan User Testing: 1‭.‬ 類別有各種顏色的分類提示 2‭.‬ 下方造句列忘了加顯示中文 3‭.‬ 播放的速度是OK的 4. 副詞不知道怎麼建立 5. 圖文的轉換
  55. 55. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 3 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  56. 56. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / User Testing - 長庚醫院兒心科 *‬2011/07/03‭ ‬iCan User Testing: 1‭.‬ 類別有各種顏色的分類提示 2‭.‬ 新增圖卡時容易誤按會跳出 3‭.‬ 常用圖卡功能,圖要大‭(‬較容易記住‭)‬ 4‭.‬ 播放具備‭ ‬設定次數功能 5‭. ‬回覆預設功能鍵 6‭.‬ 播放時圖卡要閃
  57. 57. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 3 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  58. 58. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDN Android 團隊加入iCAN ProjectDesign Process / Sapuz 駟馬科技股份有限公司 http://www.sapuz.com/   * 更新內容: 1‭.‬ 新增圖卡時容易誤按會跳出 2‭.‬ 常用圖卡功能,大圖顯示‭ 3‭.‬ 播放具備‭ 設定次數功能 4‭.‬ 回覆預設功能鍵 5. 直覺性的播放按鈕圖示 iCAN 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.
  59. 59. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / iCan - Android 第二次修改 加入了分類顏色,以及圖文轉換的新功能 柳丁 柳丁
  60. 60. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / iCan - Android 第二次修改 加入了分類顏色,以及圖文轉換的新功能 柳丁 柳丁
  61. 61. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / iCAN Intelligent Communication Board for Android 3.0 System 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 Android 3.0 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.
  62. 62. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Old iCan - iOS 第二次修改
  63. 63. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Old Design iCan - iOS 第二次修改
  64. 64. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Old Design New iCan - iOS 第二次修改
  65. 65. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / iCAN Intelligent Communication Board for iPad2 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, iOS 5.0 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.
  66. 66. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / The 3rd circle has completed. UXResearch UXDesign UXTesting iOS 5.0 Android 上架免費試用
  67. 67. THE FORTH ITERATION
  68. 68. 2010.10 ~ 2011.10 2010.10 2011.05 2011.10 使用者訪談&概念設計 新一代設計展 與 台大資工合作(iOS) IDA臺北世界設計大會2010.10 2011.10 2011.03 2011.06 2011.10 國科會前瞻概念設計計劃 台大資工(iOS) 與 駟馬科技(Android) Android 使用者介面設計競賽 -冠軍、遠傳平板獎、企業獎 iCAN v1.1 iCAN v1.2 iOS 5.0 Android 3.0 • Concept Design • Working Prototype • Add more User Needs & Experiences
  69. 69. 2011.10 ~ 2012.10 2011.11 2012.03.15 2012.04 新增功能 與 問題修正 iCan 更新 醫學成效驗證 2011.10 2012.10 2011.12 2012.03.19 2012.10 APP Star 高手爭霸戰節目 iCan 更新 完成使用者測試 -亞軍、最佳示範獎 Part 4 • UI layout Modify • Add new function • Bug modify • User Needs &Experiences
  70. 70. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 4 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  71. 71. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / iCan 新版設計 (完整版) Designer Idea / ·• 無法建立副詞圖卡 - 新增手寫功能 ·• 顯示 圖卡建立日期 ·• 介面設計 與 功能調整 iCAN Intelligent Communication Board for iOS and Android 3.0 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.
  72. 72. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 4 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  73. 73. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / User Testing - 小宇媽媽 *‬2011/11/8‭ ‬iCan User Testing: 1‭.‬ 新增圖卡可以錄製簡短影片 2‭.‬ 圖卡有雙分類機制 3‭.‬ 或許可以有列印功能 4. 真的很高興,確實蠻完整的
  74. 74. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 4 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  75. 75. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / User Testing - 宇寧身心診所 (長庚) *‬2011/11/12 & 17 ‬iCan User Testing: 1‭.‬ 新增圖卡單字量 2‭.‬ 分類類別重新定義 3‭.‬ 規劃下一階段醫學研究計劃
  76. 76. USER EXPERIENCE TEST• 當使用者在特定的場域下欲完成特定的事,產品、過程、服務、系統可以提供多少程度的效果、效率、滿意• 產品完成後
  77. 77. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2012 NSC DESIDNICAN UXTESTiCan目前於許多相關的醫療輔助機構及診所使用,服務的對象有自閉症、聽 iCAN ProjectDesign Process /障、腦性痲痹、唐氏症、重度智障的小朋友,在 數個月的過程中,我們修改了許多原先預設的操作模式,並記錄下關於使用者經驗的問題,希望減輕家長負擔,也希望讓孩子在操作上可以更流暢。
  78. 78. ICAN UXTEST FINDING• 我以前用那些東西都是失敗,因為對他來講他覺得不重要,專注力就不夠。有時候像ACC他把它當玩具,所以學校老師都會罵家長沒有認真教。• 但ican比較不一樣的是,我在教的時候他眼睛在看,耳 是在聽的。所以我教的過程比較順,然後我走開的時候,我說你自己去讀書,他就會去找常用句子,他會自己乖乖的壓下去。
  79. 79. USER EXPERIENCE DIFFERENCE• 認知 /前:一般的卡通圖卡較無法讓孩子與真實事物連結。(ex.卡通版的杯子)後:透過iCan即時新增圖卡的功能,用孩子能理解的方式學習。(ex.自己的杯子)• 情緒 /前:孩子往往想要表達時卻找不到圖卡,而無法表達內心想法時較容易生氣。後:孩子透過iCan尋找圖卡較容易許多,可清楚地讓父母瞭解孩子的內心想法與需求。
  80. 80. QUESTIONNAIRE RESULTS• Burden of Teaching 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).
  81. 81. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / Part 4 設計的流程 右圖是iCan後期的設計流程,加入了醫 療驗證研究與跨領域的合作,讓整個設 DESIGNERS USERS MEDICAL ENGINEERS
  82. 82. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design iCan Meeting 修改討論 (駟馬)2011 NSC DESIDN 1‭.‬ 主色調一致性 (橘) + RGB 2‭.‬ 按鍵置中對齊iCAN ProjectDesign圖卡雙分類機制 3.‬ Process / 4‭. ‬略過錄音可新增圖卡 5. 造句列中的圖卡刪除改為不遞補
  83. 83. National Taiwan University ofScience and Technology /Department of Industrial and UXResearchCommercial Design2011 NSC DESIDNiCAN ProjectDesign Process / The 4th circle has completed. UXDesign UXTesting UXEntrepreneurship Android 可收費版本完成
  84. 84. 2010.10 ~ 2012.102010.10 2011.05 2011.10 2011.11使用者訪談&概念設計 新一代設計展 與 台大資工合作(iOS) IDA臺北世界設計大會 新增功能 與 問題修正2010.10 2011.03 2011.06 2011.10 國科會前瞻概念設計計劃 台大資工(iOS) 與 駟馬科技(Android) Android 使用者介面設計競賽 -冠軍、遠傳平板獎、企業獎 iCAN v1.1 iCAN v1.2 iCA iOS 5.0 Android 3.0 • Concept Design • Working Prototype • Add more User Needs & Experiences
  85. 85. 2010.10 ~ 2012.10 2012.03.15 2012.04 2012.10題修正 iCan 更新 醫學成效驗證 完成使用者測試 2012.10 2011.12 2012.03.19 APP Star 高手爭霸戰節目 iCan 更新 -亞軍、最佳示範獎 iCAN v1.3~v1.4 iCAN v1.5 iCAN v1.6 Medical Verification • 質化與量化研究 (使用負荷) • 使用者經驗設計與修正 • UI layout Modify • Add new function • 心路基金會 (學習成效) • 符合政府補助規範 • Bug modify • 宇寧身心診所 (學習成效) • 規劃商業模式 • User Needs &Experiences • 共 30 位 • Bug 修正
  86. 86. UXDesign ProcessUXResearch UXDesign UXTesting UXEntrepreneurship Iteration
  87. 87. UXDesign ProcessUXResearch UXDesign UXTesting UXEntrepreneurship Iteration Agile UX + Lean UX
  88. 88. National Taiwan University ofScience and Technology /Department of Industrial andCommercial Design2012 NSC DESIDNiCAN ProjectDesign Process / 創新 - 創業 期望永續經營的商業模式規劃: 購買 申請補助 iCAN 使用者 政府機關補助 互動與程式設計師 醫療通路 $$$ 0 $$ $$$$$
  89. 89. THE FOUNDATIONS OF UXDP• 跨領域合作 (Multidisciplinary Collaboration)• 駟馬、宏正、賽微、台大資工、台科大電機 Company or University Partners• 完全實現的APPS• 使用者經驗 (User Experience)• 透過所有關係人來 釋與了解使用者經驗
  90. 90. THE FOUNDATIONS OF UXDP• 持續的修改原形 (Continuous Modification of Prototype) • 透過設計做研究 (Research through Design) • 去除過度追求設計比賽的弊病• 創業精神 (Entrepreneurship) • 創意、創新、創業
  91. 91. 設計思考的實踐
  92. 92. 設計思考的實踐使用者經驗、 跨領域、 持續的原形修改、商業模式的可行性
  93. 93. 設計思考的實踐使用者經驗、 跨領域、 持續的原形修改、商業模式的可行性 Desirability - Feasibility - Viability
  94. 94. THE RESOURCE WE USED•A Design Manager & An IT Manager•A Designer & A Programmer + Some helpers along the way• Government founding $600.000•A Lots of Friends
  95. 95. THE OUTCOME OF UXDP • 2011通 大賽冠軍、遠傳平板獎、企業獎• 一個可以為弱勢族群服務的產品、創意 • 台視 APP STAR 高手爭霸戰- 亞軍、最佳示範獎 • 2012 Red dot Communication Design Award - Winner概念的實現• 得獎與獎金 (500,000)• 創業經驗與機會、學到設計以外的東西• 產出研究成果 (HCI)
  96. 96. 衷心感謝小宇、李琳琳小姐、銘傳 張乃娟老師、宇寧診所 吳佑佑醫師、 宇寧診所 李家琦老師、心路基金會 邱筱芳老師、心路基金會 陳 蓁老師、 心路基金會 黨國英組長、三民國小 吳婉萍老師、台東自閉症協會 孫中光先生、台東天主教救星教養院 佩君老師、三民國小 陳杏香老師、三民國小 吳婉萍老師、三民國小 小燕老師、三民國小 印平老師、三民國小 家如老師、馬術治療中心 詹淑雅治療師,及過程中所有幫助過我們的人和自閉症小朋友。

×