簡易檢索 / 詳目顯示

研究生: 李亞芝
Ya-chih Li
論文名稱: 以使用者經驗發展色彩知覺障礙者生活協助APP之研究與設計
User Experience Design and Research for the Daily Life of People with Color Vision Deficiencies
指導教授: 唐玄輝
Hsien-Hui, Tang
口試委員: 陳建雄
Chien-Hsiung, Chen
歐立成
Li-Chen, Ou
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2014
畢業學年度: 102
語文別: 中文
論文頁數: 129
中文關鍵詞: 色彩知覺障礙者介面設計使用者經驗手機應用程式
外文關鍵詞: Color Vision Deficiency, User Interface Design, User Experience, Mobile Application
相關次數: 點閱:474下載:77
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 色彩知覺障礙者平均比率為總人口數的8.44%,和一般人比起來沒有明顯的症狀以及外顯性的表徵,因為失去接收色彩資訊的能力,而造成生活中諸多不方便與限制,甚至無法判別危險的標示或藥物的識別等。

    本研究以使用者經驗為核心,發展出一套APP應用程式名為ColorMe,以輔助色彩知覺障礙者的日常生活任務,ColorMe共三大功能,分別為輔助建立顏色感覺與聯想意義的Color Meter、輔助閱讀圖表與地圖資訊的Color Ehancer以及輔助日常生活購物與找顏色的Color Seeker。透過三階段的設計過程發展出ColorMe,首先第一階段為使用者經驗研究,共訪談八位色彩知覺障礙者,深度探索並瞭解色彩知覺障礙者在日常生活上各種可能遇到的各種問題與限制;第二階段為使用者經驗設計,歸納出本APP可能的設計方向與假設,並建立跨領域團隊實作完成程式;第三階段為使用者經驗測試,共邀請15位色彩知覺障礙者實際使用ColorMe,透過訪談與問卷的實驗方法瞭解使用前後的差異,評估本其使用者經驗,並提出修正的方向與未來介面設計。

    本研究發展目標為(1)透過訪談與問卷了解色彩知覺障礙者在生活中所遭遇的困難。(2)透過智慧型手機APP的系統與介面,協助色彩知覺障礙者在生活中建立色彩感知系統,設計出符合色彩知覺障礙者需求的互動設計軟體。(3)針對色彩知覺障礙者的生活情境提出創新的使用經驗與互動設計APP,完成APP的使用性測試與驗證。(4)累積過程中的知識作為日後相關研究的參考。

    研究結果顯示:(1)利用顏色名稱及顏色相關照片能夠幫助色彩知覺障礙者日常購物;(2)在閱讀圖表或地圖的情境下最需要借助相關輔具來幫助他們;(3)利用有系統的表示顏色及圖形排列再呈現可以有效幫助色彩知覺障礙者。


    People with Color Vision Deficiency (CVD) accounts for 8.44% of the world population, and they don’t have any different appearance from others. Because of lacking the capability to distinguish certain colors cause problems and restrictions on their daily life. What’s worse, they even can’t differentiate dangered signs or labeled pills.

    The core of this study is based on user experience, to develop an APP, ColorMe, for increasing the convenience in their daily life. ColorMe contains three main functions. The first one is to establish the feeling of colors and association of color meaning, which named Color Meter. The second one is to assist reading colored charts and maps, which named Color Enhancer. The third one is to assist them to daily purchaese and color finding, which named Color Seeker. Through three stages of design process to develop ColorMe, the first stage is user experience research. I interviewed 8 CVD people, and probed and understood deeply what their problems and restrictions are, which they may encounter in their daily life. The second stage is user experience design. I concluded the possible design directions and assumptions for the APP, and set up a multidisplinary team to accomplish it. The third stage is user experience test. I invited 15 CVD people to use ColorMe, and to find out the difference between use it before and after through interviewing and questionair. Finally I addressed the direction of revision and user interface design for the future.

    The objective of this study is in the following. First, understand the inconvenience tasks in their daily life. Second, design and build up the APP based on their needs. Third, accomplish the usability test. Fourth, accumulate the knowledge within the processs and provide reference material for the future studies.

    The study results are in the following. First, utilizeing color name and reference photos can assist CVD people with daily purchases. Second, when reading colored charts and maps, they are in great need to have assistive device to help them. Third, utilizeing systematized presenting colors and covered pattern can assist CVD people to read colors.

    一、緒論 1 1.1研究背景與動機 1 1.2研究問題 2 1.3研究目的 2 1.4研究範圍與限制 3 1.5研究流程與架構 4 二、文獻探討 7 2.1色彩知覺障礙者的成因與簡介 7 2.1.1色彩辨識原理 8 2.1.2色彩知覺屬性 10 2.1.3色彩知覺障礙分類 11 2.1.4色彩知覺檢測 14 2.2生活型態探討與分析 16 2.2.1色彩的易讀性 16 2.2.2無障礙色彩通用設計 16 2.2.3生活色彩的判斷 18 2.3現有輔助用具發展 18 2.3.1色弱眼鏡 19 2.3.2顏色光源探測器 19 2.3.3 APP輔助軟體 20 2.3.4人機介面色彩輔助研究 23 2.4人機介面設計原則 25 2.4.1 使用者介面設計原則 26 2.4.2 人機介面使用性(Usability) 27 2.4.3 小螢幕介面設計原則 29 2.4.4 色彩通用介面設計 30 2.5使用者經驗 32 2.5.1使用者經驗定義 33 2.5.2使用者經驗的要素 34 2.5.3 使用者經驗研究:訪談法 35 2.6文獻探討結論 37 三、研究方法與使用者經驗研究 38 3.1 研究設計 38 3.2第一次使用者經驗研究 40 3.2.1訪談對象 41 3.2.2訪談內容設計 41 3.2.3第一次使用者經驗研究結果 44 3.3 第二次使用者經驗研究 48 3.3.1訪談對象 48 3.3.2訪談內容設計 49 3.3.3第二次使用者經驗研究結果 53 3.4 兩次研究綜合結論 56 3.5介面設計方向與假設 56 四、 使用者經驗設計 59 4.1 設計概念 60 4.1.1 功能設定 60 4.1.2 介面初步設計 62 4.1.3介面流程 63 4.2 APP實務設計 63 4.3 APP介面設計 64 五、 使用者經驗測試與評估 69 5.1 實驗方法與受測者 69 5.2 實驗流程與設計 70 5.2.1 Color Meter評估情境 72 5.2.2 Color Enhancer評估情境 73 5.2.3 Color Seeker評估情境 75 5.3 質性訪談與意見回饋 76 5.3.1 檢色器相關使用經驗成果 76 5.3.2 色彩轉換相關使用經驗成果 82 5.3.3利用系統化表示顏色的設計及圖形排列的再呈現可以有效幫助色彩知覺障礙者 88 5.3.4 整體使用經驗 93 5.3.5系統使用性尺度量表SUS分析 97 5.4未來介面與功能修正 97 5.4.1 Color Meter未來介面與功能修正 97 5.4.2 Color Enhancer未來介面與功能修正 100 5.4.3 Color Seeker未來介面與功能修正 101 5.4.4 未來新的設計方向 102 六、 結論與建議 104 6.1 研究結論 104 6.2 研究建議 107 6.3 未來展望 110 參考文獻 111

    英文部份

    1. Arditi, A. & Knoblauch, K. (1996). Effective color contrast and low vision. In B. Rosenthal and R. Cole (Eds.) Functional Assessment of Low Vision. St. Louis, Mosby, 129-135.
    2. Baecker, R. M., Nastos, D., Posner, I. R., & Mawby, K. L. (1993). The user-centered iterative design of collaborative writing software. In Writing (pp. 399–405). ACM Press.
    3. Bangor, A., Kortum, P., & Miller, J. (2009). Determining what individual SUS scores mean: Adding an adjective rating scale. Journal of Usability Studies, 4(3), 114–123. Retrieved from http://66.39.39.113/upa_publications/jus/2009may/JUS_Bangor_May2009.pdf
    4. Brooke, J. (1996). Sus: A quick and dirty usability scale. In P. W. Jordan, B. Thomas, B. A. Weerdmeester, & A. L. McClelland (Eds.), Usability evaluation in industry (pp. 189-194). London: Taylor and Francis.
    5. Bruno, T.J., Svoronos, P. (2005). CRC Handbook of Fundamental Spectroscopic Correlation Charts. CRC Press.
    6. Flatla, D. R., & Gutwin, C. (2012). Situation-Specific Models of Color Differentiation. ACM Transactions on Accessible Computing, 4(3), 1–44.
    7. Flück. D. (2008). 15 Tools If You Are(Not) Colorblind. Retrieved April 21, 2013, from: http://www.colblindor.com/2008/12/23/15-tools-color-blindness.
    8. Forlizzi, J. & Battarbee, K. (2004). Understanding experience in interactive systems. In Proceedings of the 2004 conference on Designing interactive systems processes, practices, methods, and techniques - DIS ’04 (pp. 261–268). ACM Press. Retrieved from http://portal.acm.org/citation.cfm?doid=1013115.1013152
    9. Goldstein, E.B. (2007). Sensation and Perception. (7th ed.). Australia: Wadsworth Publishing.
    10. Hanks Hanks, K. & Belliston, L. (1992). Draw!: A visual approach to thinking, learning and communication. Los Altos, California: Crisp Publication, Inc.
    11. Hassenzahl, M. (2003). The Thing and I: Understanding the Relationship Between User and Product. In M. A. Blythe, A. F. Monk, K. Overbeeke, & P. C. Wright (Eds.), Funology: From Usability to Enjoyment (pp. 1–12). Kluwer Academic Publishers.
    12. Jefferson, L., & Harvey, R. (2007). An Interface to Support Color Blind Computer Users. in CHI 2007. California, USA.
    13. Jetter, H., & Gerken, J. (2006). A Simplified Model of User Experience for Practical Application. In 2nd International Open Workshop on COST294-MAUSE (pp. 106–111). Retrieved from http://www.inf.uni-konstanz.de/gk/pubsys/publishedFiles/JeGe06.pdf
    14. King, T.W. (1999). Assistive Technology: Essential Human Factors. Boston: Allyn & Bacon.
    15. Lanthony, P. (1978). The desaturated panel D-15. Documenta Ophthalmologica. Advances in Ophthalmology, 46(1), 185–189.
    16. Legge, G. E. & Rubin, G. S. (1986). Psychophysics of reading IV: Wavelength effects in normal and low vision. Journal of Optical Society of America A, 3(1), 40-51.
    17. Lo, S. Y., & Yeh, S. L. (2008). Dissociation of processing time and awareness by the inattentional blindness paradigm. Consciousness and Cognition, 17(4), 1169–1180.
    18. Maccoby E. & Maccoby N. (1954). The Interview: A Tool of Social Science. In: G. Lindzey (Ed.) Handbook of Social Psychology. Massachusetts: Addison-Wesley.
    19. Mahlke, S. (2005). Studying affect and emotions as important parts of the user experience. In Workshop on the Role of Emotion in Human-Computer Interaction, HCI conference (pp. 2001–2002). Retrieved from http://www.zmms.tu-berlin.de/~sma/ressources/papers/PositionPaper_EmotionInHCI_Mahlke.pdf
    20. Minichiello V., Aroni R., Timewell E. & Alexander L. (1995). In-depth Interviewing, Second Edition. South Melbourne: Longman.
    21. Nathans, J., Thomas, D., & Hogness, D. S. (1986). Molecular genetics of human color vision: The genes encoding blue, green, and red pigments. Science, 232(4747), 193–202.
    22. Neitz, M., & Neitz, J. (2000). Molecular genetics of color vision and color vision defects. Archives of Ophthalmology, 118(5), 691–700.
    23. Nielsen-Norman Group, Retrieved November 12, 2012, from http://www.nngroup.com/about/userexperience.html.
    24. Nielsen, J. (2000). Why you only need to test with 5 users. Retrieval January 2, 2010, from http://www.useit.com/alertbox/20000319.html
    25. Nielsen, J. (2003). Return on investment for usability. Retrieval March 25, 2014, from http:// www.useit.com/alertbox/roi-first-study.html
    26. Preece, J., Rogers, Y., & Sharp, H. (2002). Interaction Design: Beyond Human-Computer Interaction. (Wiley Sons, Ed.)Design (Vol. 18, pp. 68–68).
    27. Roto, V. (2007). User Experience from Product Creation Perspective. Towards a UX Manifesto workshop, (Roto), 1–4. Retrieved November 12, 2012, from http://www.nokia-americaspress.com/files/UXmanifesto-Roto.pdf
    28. Shneiderman, B. (1998). Designing the User Interface: Strategies for Effective Human-Computer Interaction. ACM SIGBIO Newsletter (Vol. 9, p. 639). Addison-Wesley.
    29. Steward, J. M., & Cole, B. L. (1989). What do color vision defectives say about everyday tasks? Optometry and Vision Science : Official Publication of the American Academy of Optometry, 66(5), 288–295.
    30. Stockman, A., MacLeod, D. I., & Johnson, N. E. (1993). Spectral sensitivities of the human cones. Journal of the Optical Society of America. A, Optics, Image Science, and Vision, 10(12), 2491–2521.
    31. Swain, M. J., & Ballard, D. H. (1991). Color indexing. International Journal of Computer Vision.
    32. Swallow, D., Blythe, M., & Wright, P. (2005). Grounding experience: Relating theory and method to evaluate the user experience of smartphones. In N. Marmaras, T. Kontogiannis & D. Nathanael (Eds.), Paper presented at the Annual Conference of the European Association of Cognitive Ergonomics EACE '05 (pp. 91-98). Retrieved April 24, 2012, from http://portal.acm.org/citation.cfm?id=1124679&coll=Portal&dl=ACM&CFI D=273463&CFTOKEN=36721789&ret=1#Fulltext
    33. University of Illinois at Chicago (UIC), department os Ophthalmology and Visual Sciences. Color Blindness. Retrieved April 24, 2012, from http://www.uic.edu/com/eye/LearningAboutVision/EyeFacts/ColorBlindness.sh tml.
    34. User Experience Design by Peter Morville. June 2004. Retrieved November 12, 2012, from http://semanticstudios.com/publications/semantics/000029.php
    35. Webber, A. L., Wood, J. M., Gole, G. A., & Brown, B. (2008). Effect of amblyopia on self-esteem in children. Optometry and Vision Science : Official Publication of the American Academy of Optometry, 85(11), 1074–1081.
    36. Williams M. (1997). Social Surveys: Design to Analysis. In: T. May (Ed.) Social Research Issues, Methods and Process. Buckingham: Open University Press.
    37. Wurm, L. H., Legge, G. E., Isenberg, L. M., & Luebker, A. (1993). Color improves object recognition in normal and low vision. Journal of Experimental Psychology: Human Perception and Performance, 19(4), 899-911.
    38. Zimmerman, J., Forlizzi, J., & Evenson, S. (2007). Research through design as a method for interaction design research in HCI. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 493-502). New York: ACM Press.

    中文部份

    1. 山田紀子(1984)。色盲治療法(施曼綺譯)。中國大陸:知識出版社。(原作者1984年出版)
    2. 大田登(2001)。色彩工程學:理論與應用(陳鴻興、陳詩涵譯,2008)。台北:全華圖書股份有限公司。
    3. 大智浩(1991)。設計的色彩計畫。台北:大陸書店。頁22-28。
    4. 王強強(2007)。色彩在文化中的象徵意義--以臺灣和美國為例。國立臺灣師範大學設計研究所碩士論文,臺北市。
    5. 王滿堂(2004)。眼視光儀器學│Optometric Instrumentation and Methods。臺北市:藝軒圖書出版社。頁248-255。
    6. 江姿慧(2000)。使用者參與虛擬社群之行為研究,國立台灣科技大學管理研究所碩士論文,臺北市。
    7. 李文權(2007)。遺傳學第二版。臺北市:九州圖書文物有限公司。頁 956-957。
    8. 李江山(1999)。視覺與認知—視覺知覺與視覺運動系統。台北:遠流出版社。
    9. 尚景賢(2009)。解析千變萬化的顏色。科學發展,436,頁53-59。
    10. 林書堯(1989)。色彩學。台北:三民書局。
    11. 秦聖青(2004)。色彩知覺障礙之網頁視覺設計研究。世新大學圖文傳播研究所碩士論文,臺北市。
    12. 袁方編(2002)。社會研究方法。臺北市:五南。
    13. 高淑玲(2004)。色彩認知和配色感覺之研究─以改變配色形狀和面積比對色彩意象影響為例。國立雲林科技大學視覺傳達設計研究所碩士論文。
    14. 高國榮(2008)。基於影像處理之視覺缺陷補償系統。亞東技術學院資訊與通訊工程研究所碩士論文,臺北市。
    15. 陳俏君(2009)。無障礙網頁色彩配置之美感分析。國立臺灣藝術大學多媒體動畫藝術學系碩士論文,臺北市。
    16. 陳建雄(1999)。色彩辨識度與應用在使用者介面設計上的探討。工業設計第27卷第二期。頁58-63。
    17. 黃鈺斯(2010)。針對色彩知覺障礙者設計之新式三原色辨識系統。國立成功大學工業設計學系碩士論文,台南市。
    18. 奧利佛·薩克斯(Oliver Sacks)(1999)。色盲島(The Island of the colorblind)(黃秀如譯)。臺北市:時報文化。(原作1997年出版)
    19. 臺北捷運公司(2012)。臺北捷運公司營運路線圖。上網日期:民101年11月4日。網址:
    http://www.trtc.com.tw/ct.asp?xItem=1015926&CtNode=24569&mp=122031
    20. 鄭國裕、林磐聳(1996)。色彩計畫,臺北市:藝風堂。
    21. 鐘秉華(2004)。電子書導覽介面設計研究-以多媒體百科全書為例。國立台灣科技大學設計研究所碩士論文,臺北市。
    22. 鍾倫納(1993)。應用社會科學研究法。臺北市:台灣商務印書館。

    QR CODE