行政院國家科學委員會專題研究計畫 成果報告
使用者對數位化視覺訊息設計的色覺辨認與感知之研究(I) 研究成果報告(精簡版)
計 畫 類 別 ： 個別型
計 畫 編 號 ： NSC 100-2410-H-011-036-
執 行 期 間 ： 100 年 08 月 01 日至 101 年 07 月 31 日 執 行 單 位 ： 國立臺灣科技大學工商業設計系
計 畫 主 持 人 ： 林廷宜
計畫參與人員： 碩士班研究生-兼任助理人員：賴采秀 碩士班研究生-兼任助理人員：李珮雯 碩士班研究生-兼任助理人員：蔣豐兆 大專生-兼任助理人員：黃苡蓁
報 告 附 件 ： 出席國際會議研究心得報告及發表論文
公 開 資 訊 ： 本計畫可公開查詢
中 華 民 國 101 年 10 月 31 日
中 文 摘 要 ： 本研究主要以視覺訊息傳達的觀點切入，探討數位化視覺訊 息介面與符號應用對於色覺辨認障礙者所遺失的訊息數量及 內容，進而研發適合多數人與色覺特殊者所能共同適用的圖 像設計。近年來多媒體的應用設計與相關技術研究日新月 異，又數位化視覺訊息無論在市場占有率、學習教材研發、
以及生活應用面皆愈來愈重要，能夠系統性的由視覺訊息設 計的基礎進行深入探究與設計實驗，將能為未來應用開發尋 得重要解答。本研究以視覺資訊傳達的設計方法發展問題解 決、思考地圖，以圖文設計的專業概念進行設計實驗，對於 使用者操作辨識與認知記憶之影響作更深入的探討和應用研 究，結合通用設計與服務設計的概念，透過問題解決、設計 實驗、使用者測試等方法確定圖式設計與視覺語言應用的有 效性。採用問卷調查、設計實驗、訪談以及口語分析方法等 方法來進行資料蒐集與分析，針對與使用者的互動學習關 係、及對使用者操作、辨識、認知與記憶之影響加以討論。
本研究在學理上建立起視覺訊息之應用構成的系統性研究與 使用者設計思維的結合，將有助於視覺設計師更進一步了解 色彩規劃應用與視覺資訊設計策略在數位內容呈現上如何影 響使用者的操作、辨識、認知與記憶；在人道上關心色覺辨 認障礙者的需求，將貼心的服務設計理念融合於設計思考與 實務應用中；本研究之成果在實際應用上可對發展視覺資訊 設計概念提出建議，與硬體商及出版業合作或結合，提供最 佳視覺化服務。
中文關鍵詞： 視覺訊息設計、數位閱讀、色覺辨認障礙、色彩通用設計 英 文 摘 要 ： In view of various forms of visual representation and
explanation graphics and the foundation will be built from the current study, this study is proposed for aiming to investigate the icons and compound graphics presented on the interface of electronic book devices in order to identify obstacles to people who are color vision deficiency. The obstacles include the recognition of the color and the contour of images and the users＇ degree of awareness from the
information. With the rapid changes of computer technologies and multimedia creativities, the discussion and investigations about digitalized visual information is increasingly important to many aspects of our jobs and our lives. Also, information architecture and users＇ interactivity are important to know in order to investigate further on the
variables that would affect users＇ recognition, understanding, and memory. To answer the research questions, this study fuses visual information design perspective with Color Universal Design into a
cohesive whole. The experimental processes include (1)Problem Solving, (2)Mind Mapping, and (3)Graphic Design Techniques. Data was collected and analyzed through the processes of survey, design experiments, interviews, and protocol analysis. This investigation established a systematic and a strategic view on visual graphics for recognition from a visual
information design perspective. With this effort, we understand how the uses of color plan and visual information structure in electronic formats affect users＇ recognition and perception from the provided visuals. On the other hand, the results of the study make comments and suggestions for interface
designers, visual designers, device providers, and the publishers. Furthermore, this experiment not only increase significant improvements on the development of visual information design study, but also pay attention to the needs of people with color vision deficiency in order to provide better information services.
英文關鍵詞： Visual Information Design, Electronic Reading
Experience, Color Vision Deficiency, Color Universal Design
行政院國家科學委員會補助專題研究計畫 期末成 果 報告
使用者對數位化視覺訊息設計的色覺辨認與感知之研究 Universal Design for Color Deficiency on Digitalized Visual Information
計畫類別：■ 個別型計畫 □ 整合型計畫
計畫編號：NSC － 100 － 2410 － H － 011 － 036 執行期間：2011 年 8 月 1 日至 2012 年 8 月 31 日
計畫主持人：林廷宜 共同主持人：
計畫參與人員：賴采秀、黃苡蓁、李珮雯、蔣豐兆
成果報告類型(依經費核定清單規定繳交)：■精簡報告 □完整報告
本成果報告包括以下應繳交之附件：
□赴國外出差研習心得報告一份
□赴大陸地區出差或研習心得報告一份
■出席國際學術會議心得報告一份及其他相關文件
□國際合作研究計畫國外研究報告書一份
處理方式：除產學合作研究計畫、提升產業技術及人才培育研究計畫、列管計畫及下列情 形者外，得立即公開查詢
□涉及專利或其他智慧財產權，□一年□二年後可公開查詢
執行單位：國立台灣科技大學工商業設計系
中 華 民 國 101 年 10 月 10 日
目錄
中文摘要 ……… p.3
英文摘要 ……… p.4
一、 前言 ……… p.5
二、 研究目的 ……… p.5
三、 研究方法 ……… p.5
四、 研究發現、討論與建議 ……… p.6
五、 計畫成果自我評估 ……… p.9
六、 參考文獻 ……… p.10
七、 參考資料 ……… p.11
八、 附錄 ……… p.12
出席國際學術會議心得報告 ……… p.12
中文摘要
本研究主要以視覺訊息傳達的觀點切入，探討數位化視覺訊息介面與符號應用對於色覺辨 認障礙者所遺失的訊息數量及內容，進而研發適合多數人與色覺特殊者所能共同適用的圖 像設計。近年來多媒體的應用設計與相關技術研究日新月異，又數位化視覺訊息無論在市 場占有率、學習教材研發、以及生活應用面皆愈來愈重要，能夠系統性的由視覺訊息設計 的基礎進行深入探究與設計實驗，將能為未來應用開發尋得重要解答。本研究以視覺資訊 傳達的設計方法發展問題解決、思考地圖，以圖文設計的專業概念進行設計實驗，對於使 用者操作辨識與認知記憶之影響作更深入的探討和應用研究，結合通用設計與服務設計的 概念，透過問題解決、設計實驗、使用者測試等方法確定圖式設計與視覺語言應用的有效 性。採用問卷調查、設計實驗、訪談以及口語分析方法等方法來進行資料蒐集與分析，針 對與使用者的互動學習關係、及對使用者操作、辨識、認知與記憶之影響加以討論。本研 究在學理上建立起視覺訊息之應用構成的系統性研究與使用者設計思維的結合，將有助於 視覺設計師更進一步了解色彩規劃應用與視覺資訊設計策略在數位內容呈現上如何影響使 用者的操作、辨識、認知與記憶；在人道上關心色覺辨認障礙者的需求，將貼心的服務設 計理念融合於設計思考與實務應用中；本研究之成果在實際應用上可對發展視覺資訊設計 概念提出建議，與硬體商及出版業合作或結合，提供最佳視覺化服務。
關鍵字：視覺訊息設計、數位閱讀、色覺辨認障礙、色彩通用設計
Abstract
In view of various forms of visual representation and explanation graphics and the
foundation will be built from the current study, this study is proposed for aiming to investigate the icons and compound graphics presented on the interface of electronic book devices in order to identify obstacles to people who are color vision deficiency. The obstacles include the recognition of the color and the contour of images and the users’ degree of awareness from the information.
With the rapid changes of computer technologies and multimedia creativities, the discussion and investigations about digitalized visual information is increasingly important to many aspects of our jobs and our lives. Also, information architecture and users’ interactivity are important to know in order to investigate further on the variables that would affect users’ recognition,
understanding, and memory. To answer the research questions, this study fuses visual information design perspective with Color Universal Design into a cohesive whole. The experimental
processes include (1)Problem Solving, (2)Mind Mapping, and (3)Graphic Design Techniques.
Data was collected and analyzed through the processes of survey, design experiments, interviews, and protocol analysis. This investigation established a systematic and a strategic view on visual graphics for recognition from a visual information design perspective. With this effort, we understand how the uses of color plan and visual information structure in electronic formats affect users’ recognition and perception from the provided visuals. On the other hand, the results of the study make comments and suggestions for interface designers, visual designers, device providers, and the publishers. Furthermore, this experiment not only increase significant improvements on the development of visual information design study, but also pay attention to the needs of people with color vision deficiency in order to provide better information services.
Keywords: Visual Information Design, Electronic Reading Experience, Color Vision Deficiency, Color Universal Design
一、前言
視覺訊息傳達在我們生活中扮演著重要的溝通與信息交流的角色，隨著科技服務的日 新月異，資訊的獲取較之以往更加便利，傳播形式更加多樣，影響力也更不容忽視！因此，
我們現今面對的問題已不再是資訊傳達的缺乏或擷取量的多寡，而是將正確的訊息資料如 何整理、轉化並有效的呈現予大眾。視覺訊息以其形象結構、表現形式、美學風格等多樣 性在各領域如藝術界、設計界、教育界與商管界等跨界學門受到共同的重視，歐美國家在 近十年來紛紛對圖像本體及其所發展的語彙示意與傳達功能表達了高度的關心與興趣，進 行系統性與跨地域性的基礎與應用研究。
在日常生活中不宜刻意清楚辨別色覺辨認障礙者(Color Vision Deficiency，俗稱：色盲) 與其他人群的差別，色覺辨認障礙者實際的需求亦非明顯易辨，因此色覺辨認障礙者的特 殊需求總是被忽略，當有需求的人在面對難以辨識或無法辨識的視覺資訊時往往只能默默 承受和默默揣測。在日常生活中的視覺訊息倘若完全沒有考慮到這些族群的需求，有相當 可觀的人口時常被剝奪了訊息接收的公平機會。而現代生活中訊息遍及各處，侵入我們的 生活，已然是無可避免的強勢，對於無障礙視覺資訊設計的研究不僅需重視基礎圖像的設 計，亦需考慮載體所能表現的成像效果，以現階段而言，使用者對於紙上視覺訊息和數位 化視覺訊息的依賴程度雖分部於不同的族群，但閱聽者吸收訊息的習慣已隨著科技的進程 改變，而且未來數位化視覺訊息的成長不容小覷。因此，本研究計畫將接續本年度對於數 位化視覺訊息的研究基礎，進一步研發適合多數人與色覺特殊者所能共同適用的圖像設 計，藉著對於一般使用者和色覺辨認障礙使用者操作辨識作深入的探討，結合通用設計與 服務設計的概念，應用無障礙視覺訊息的設計與研究，建立友善的視覺傳達服務。
二、研究目的
為了解使用者對視覺訊息介面的辨識機制以及對符號應用的回饋情況，本研究團隊進行 觸控式閱讀模式(使用者與機器)與符號應用(使用者與視覺訊息)現況的探討，現階段全球 通用的操作系統示意圖像的認識程度，以及相關形式的介面操作及使用者對視覺呈現與應 用所伴隨的反應步驟（如產品視覺應用、操作介面的視覺化應用、及訊息內容結構）進行 整體性的分析調查。為延續此研究結果，在數位化視覺訊息的評估階段，以視覺化方法所 呈現之應用構成、視覺思考策略、以及與觸控式閱讀模式如何影響使用者的互動學習關係 為研究重點，本研究將針對視覺訊息設計應用於數位形式顯像傳達進行討論，研發適合多 數人與色覺特殊者所能共同適用的圖像設計與視覺訊息範例，以建立無歧視感的友善視覺 訊息服務。。
三、研究方法
本研究首先探討先進國家對於視覺訊息研究與實際運用的成效與問題，整合現階段全 球通用的操作系統示意圖像設計中所應提供的服務要求與標準。此方面的研究進行資料蒐 集、歸類、與分析，了解不同文化與國度對視覺訊息介面的辨識機制以及色彩通用設計實 際應用的準則及情況。其次評估現階段具指標性之數位化視覺訊息介面與符號對於色覺辨 認障礙者使用過程中所遺失的訊息數量及內容，探討其之於使用者與訊息內容與傳遞載體
的互動關係與訊息接收的影響。此方面的研究以視覺資訊傳達的設計方法發展問題解決 (Problem Solving)、思考地圖(Mind Mapping)、與視覺訊息設計(Visual Information Design) 的專業概念討論與研發。最後，探討以視覺資訊設計概念下數位化視覺訊息透過觸控式閱 讀模式與色光顯像對使用者操作、辨識、認知與記憶之影響，應用通用設計的概念檢驗來 進行設計實驗蒐集與圖文設計調整，以確定所設計出的視覺訊息與視覺語言應用的有效 性。將設計理論與人類學習理論綜合評估，以提供視覺設計、出版業者與教育推廣等專業 人士建議與參考。
四、研究發現、討論與建議
電子書概念與應用的興起對訊息出版來說是一項強大的變革，在九十年代個人電腦漸 漸普及的狀況下，因數位電子化具有容易複製、易於保存、節省空間等特性，人們開始思 考將大量的資訊以數位化的方式進行儲存與管理，是為電子書概念發展的開端，初期所進 行的數位化大多以紙本資料的電子複製形式呈現，因網際網路尚不普及，當時出版業者所 考慮的電子出版媒介以個人電腦的單機出版品為主，以教學功能居多，並以當時的磁碟片 與光碟片格式流通；在內容的表現形式上則多以文字與圖片的編排，各出版商依其所自行 開發的專有格式進行研發，呈現多種樣式的狀態。由這個時期的變革開始對數位保存與管 理的初步想法至近兩三年來行動與觸控閱讀模式的發展，對於製造商、作者(內容提供者)、
出版業、交易平台、以及通訊電信業等都隨時專注著它的變化。
早在 1992 年 Philip Barker 就將電子書分為文字書、靜態圖畫書、 動態圖畫書、有聲 書、多媒體書、多種媒體書、超媒體書、智慧型電子書、遠程媒體電子書和電子實境書十 類(Baker，1992a)，對訊息資料電子化所能造成的互動學習有濃厚的興趣和研究。網路技術 與傳輸速度的發達讓數位訊息愈發豐富，使用者也因此更加喜好在網路上搜尋所需要的各 項資訊，電腦及網路帶動了使用者對數位訊息的信任感與依賴性，也同時帶來許多的期待 和憂慮(DeGranopre, 2001；Sunstein, 2001)。國際間對於電子書論述除了軟硬體的技術研 發，在訊息內容視覺化的部分還包含對電子書設計(靜態、動態、及互動式)的教學(Barker &
Manji, 1991)，電子化媒材市場及應用對教育的影響(De Jong & Bus, 2002；Hämäläinen &
Whinston, 1996)，對超媒體(hypertext)的修辭評論(Moulthrop, 1991；Landoni & Gibb, 2000)，
以及電子書對於圖書館未來的影響(Barker, 1992b；Landoni, Catenazzi & Gibb, 1993)。
色覺辨認障礙(Color Vision Deficiency，俗稱：色盲)者實際的需求並非明顯易辨，在日 常生活中亦不宜刻意清楚辨別出誰是色覺辨認障礙者，因此色覺辨認障礙者的特殊需求總 是被忽略，當有需求的人在面對難以辨識或無法辨識的視覺資訊時往往只能默默承受和默 默揣測。色覺辨認障礙是指一個人在視覺感知上部分或全部顏色之間區別無法明確辨認，
色覺辨認障礙的發生原因通常與遺傳基因相關，部分則與眼睛錐狀細胞受損、腦神經、或 腦部損傷有關。色覺辨認障礙人口占全球總人口數 8.438%(秦聖青，2003)，其中紅綠色覺 辨認障礙的男性人口就約占了 8%，女性人口約 0.5%，約 6%的人口為三色視覺(色弱)，極 少數為單色視覺(全色盲)。在日常生活中的視覺訊息倘若完全沒有考慮到這些族群的需 求，將有相當可觀的人時常被剝奪了訊息接收的公平機會！
1950 年代美國公民權運動為了解決弱勢族群在環境中所遭遇到的問題，提出一系列環 境與改善計畫而開始，之後發現並非所有的設計與假設皆能解決所有人的需求，於是以大 眾共通性為出發，讓環境、產品或資訊溝通上皆能更符合大多數使用者之需要(林廷宜、楊
曜全，2010)。色彩通用設計(Color Universal Design)的概念則旨在創造一個友善的環境讓每 一個使用者自由無阻礙的接受色彩刺激，接受訊息。尤其目前科技發達，無論在印刷上或 色光投射上都讓色彩可表現的品質和機會均大幅度的增加，生活中注入色彩通用思維與相 關設計活動如果以產品為核心，當中包含產品本體、輔助包裝、以及說明宣導品等；向外 一層為內部傳達工具，包含訊息牆、公司資訊網站、或內部資料訊息等；第三層則包含對 外網站、相關宣傳文宣與年鑑、展示廳、計畫書、以及展式發表內容；第四層就是社會意 識，亦是圍繞在所有產出項目的整體概念與導向的中心思維(圖一)。
圖一、色彩通用設計思維與活動(資料來源: RICOH 網站資料)
為了解決問題，創造友善無障礙的視覺環境，因人的需要與平權原則出發，進行理念 的撰述與生活中的實踐和應用。關於色覺辨認障礙的相關研究需要來自於醫學原理為重要 基礎與依據，東京大學教授石原忍(Dr. Shinobu Ishihara, 1879-1963)設計了一套色覺辨認測 試表(Pseudoisochromatic Plates)，用以測量一個人對於色彩辨識感知的生理狀況(Color Vision Testing / Ishihara Color Test)，其中以不同的色彩、亮度、及飽和度的點排列，配合大 小不同的點狀圖樣形成數字、字母、幾何圖樣、或灣沿路徑(見圖二)，一般常態視覺與色覺 辨認障礙的使用者所看到的圖樣因色相的不同或顏色有所差距而檢查而出。設計中的無障 礙原則(Barrier-free Principle)意指在不同類型的設計活動中將可能阻礙或干擾人類行為與 意願的因素去除或儘可能降至最低，供以行使自由意志之行為。對於設計與無障礙原則的 考量有三大面向: (1)行動上的自主權；(2)生理上的自主權；以及(3)訊息獲知上的自主 權。相關研究與實務包括人機互動網頁無障礙空間設計(Shu & Yang, 2008；Drigas
Koukianakis & Papagerasimou, 2006)、提供身障人士所使用之輪椅交通 GPS 地圖設計
(Kurihara, Nonaka, and Yoshikawa, 2004)、提供盲人使用的地圖設計(First Tatsuya Seto Tokai University & Second Kazushige Magatani Tokai University, 2009; Zhang, 2010)、色覺障礙與螢 幕顯像研究(Meyer & Greenberg, 1988)、以及 Ichikawa (2003)等學者運用基因演算法(Genetic Algorithm)撰寫超文本置標語言(HTML: Hyper Text Markup Language)語法對網頁色彩使 用，證明了在實驗中所提出的色彩計畫可以幫助非常態視力者辨識所見的畫面，也同時影 響了使用經驗中的心裡感受。因此，在無處不在的視覺設計領域亦須開始展開對於色覺障 礙的使用者的考量，投入重要議題的討論與設計的應用。
圖二、石原忍色盲圖表範例 (Pseudoisochromatic Plates Example)
本研究關心在現今科技的發展中大量載體的數位化對視覺訊息呈現的影響，如何對內 容視覺化，觸控式閱讀模式對使用者經驗影響，以及編排設計之於使用者導向的考量將均 是未來數位出版需要重視的課題。視覺訊息傳達設計的概念結合美學基礎與造形原理，以 視覺設計的專業技術呈現資訊架構，以新媒體創作與應用表現視覺語言的意象，當中包括 基本造形與構成、文字設計、問題解決過程模式、造形產生過程模式與視覺法則的視覺設 計討論。基本造形與構成概念以及文字設計與基礎平面設計技術的缺乏在視覺呈現與資訊 的表達上會造成閱聽者的負擔，例如視覺呈現的引領令閱讀者有不舒服感而必須調整閱讀 行為與閱聽心境 (Facrizio, Kaplan & Teal, 1967; Gregory & Poulton, 1970; Trollip & Sales, 1986)，這些都是造成視覺資訊傳達與閱聽者有距離感的因素。透過以使用者為中心 (User-centered) 的設計理念，示意圖像著重於溝通機制與人類學習和認知的考量，其中包 括使用者心智模式、知覺系統、動機系統與情境認知等要件。
由於透過對適合多數人與色覺特殊者所能共同適用圖像設計與視覺訊息的研發可以建 立無歧視感的友善視覺訊息服務，對使用者操作辨識與認知記憶之影響有了深入的瞭解探 討，才能進一步應用視覺語言與視覺訊息設計策略在數位內容呈現中符合免去障礙閱讀的 疑慮，結合通用設計與服務設計的理想，以提供良好友善的閱讀經驗。本研究承續視覺訊 息的基礎理論，投入視覺訊息設計應用於數位型式顯像傳達的專業討論和設計實驗，將建 立起視覺訊息設計應用構成的系統性研究與使用者設計思維的結合，有助於視覺設計師更 進一步了解色彩規畫應用與視覺資訊設計策略在數位內容呈現如何影響使用者的操作、辨 識、認知與記憶，提供最佳視覺化服務。
在視覺訊息傳達設計概念下所指稱的示意圖像是因地點、時間、狀況或使用者的需求，
透過適宜的媒體所達成信息的溝通和傳達的方法與呈現。近年來，隨著科技媒體的蓬勃發 展，視覺資訊設計在呈現的多樣化與影響力與日俱增，創意者與設計師如 Marshall McLuhan, Richard Saul Wurman, Edward Tufte, and Nathan Shedroff 等不僅熱烈的討論，更以加入新的 視野與技術手法不斷的創作。雖然國內對視覺資訊傳達設計的概念尚在啟蒙的階段，但我 們在視覺媒體的表現力與創作力已有相當的根基，視覺資訊傳達設計概念與研究將是在設 計內容與方法上注入一股活水。
視覺訊息透過傳媒平台與使用者建立互動機制，表現形式可分為靜止(Still
Image/Graphics)與動態(Motion Graphics)兩大類；媒體平台可分為印刷成品(Printing/Press) 與數位形式(Digital/Screen)兩大區塊，由於多種媒體的應用與數位資訊傳播帶動了更活絡的
創作動能與更多樣化與和精緻化的產出，使用者在使用行為與接收訊息的習慣也隨之更新 與適應。近年來多種媒體的應用設計與相關技術研究層出不窮，數位化視覺訊息無論在市 場占有率(如電子書與動畫製作)、學習教材研發(如網站應用與數位內容)、以及生活應用 面(如電子相框與導航系統)皆愈來愈重要，能夠系統性的由視覺訊息設計的根本角度進行 深入探究與設計實驗將能為未來應用開發尋得重要解答，本研究團隊承續視覺訊息的基礎 理論，從視覺語言與視覺訊息架構的概念探討電子書中視覺訊息介面與符號應用、視覺訊 息之應用構成、以及與使用者的互動學習關係，針對使用者對電子書中視覺訊息的閱讀辨 識與資訊吸收進行研究，為研發適合多數人與色覺特殊者所能共同適用的圖像設計，以建 立無歧視感的友善視覺訊息服務，對於使用者操作辨識與認知記憶之影響作深入的探討和 應用研究，結合通用設計與服務設計的概念，應用視覺語言與視覺訊息設計策略在數位內 容呈現中符合免去障礙閱讀的疑慮，提供良好友善的閱讀經驗。
五、 計畫成果自我評估
本年度的研究計畫著重於無障礙視覺訊息基礎圖像的設計研究，亦考慮載體所能表現 的成像效果以及閱聽者吸收訊息的習慣，視覺呈現方式與使用者的訊息吸收模式已隨著科 技的進程而改變，相信未來數位化視覺訊息更是會加倍的成長。透過資料蒐集與現況調查，
指標案例的整合與分析，色彩應用與圖示形象的異同、以及不同形式的應用狀況，試圖藉 著對於一般使用者和色覺辨認障礙使用者操作辨識作深入的探討，結合通用設計與服務設 計的概念，應用無障礙視覺訊息的設計與研究，建立友善的視覺傳達服務。我們加強對使 用者訊息吸收經驗、數位化視覺訊息架構、介面與符號應用、與應用構成的研究並為往後 的研究基礎，應用視覺語言與視覺訊息設計策略在數位內容呈現中符合免去障礙閱讀的疑 慮，提供良好友善的閱讀經驗，建立無歧視感的友善視覺訊息服務。本研究計畫主持人於 今年五月赴英國倫敦格林威治大學參與 Information Design Conference 2012 國際會議並發 表論文(請參考附錄)，亦於今年五月受邀擔任由歐盟計畫補助的研究專案 IC-IC(Enhancing interconnectivity through infoconnectivity)的 SAB (Scientific Advisory Board) Member 一職，赴 法國巴黎，於會議中審查並給予專案計畫研究方法與後續進程的建議，並於會後提供觀察 與評論報告。主持人亦於今年擔任國際資訊設計協會理事國際資訊設計協會(IIID- the International Institute for Information Design)理事，不僅持續保持國際間的交流與建立友好關 係，更對不同地域文化間視覺資訊設計的規劃與使用進行國際合作和在地研究與深入探討。
今年度除了與歐美視覺訊息研究學者保持聯繫與交流，瞭解現今藝術與設計領域中活 躍的議題討論，並積極參與亞洲基礎造形會議，與亞洲地區投入於基礎設計教育的專家學 者進行討論與交流，並參與了多項論述與實務的分享。在與國際相關領域專家學者保持高 度聯繫與討論的經驗中，近年主持人亦與所指導的學生積極參與國際設計競賽的創作，並 陸續榮獲獎項肯定，其中包含紅點設計獎、法國安錫國際動畫大獎、華沙海報獎、荷蘭 OUTPUT 獎…等，試圖將設計的研究與創作相互結合，讓理論與實務相得益彰。本研究團 隊積極進行訊息設計與視覺應用使用狀況之探究，以及使用者對視覺語言與符號之認知研 究等方面的分析與整理，成果陸續發表於相關學術期刊及國內外研討會中。今年度的成果 中已有 1 篇論文被國際期刊所接受，2 篇論文被國科會所列之國內特優期刊所刊登，1 篇期 刊論文於投稿中；已發表之國際研討會論文 2 篇，已發表之國內研討會論文 2 篇，投稿中 的國內外研討會論文 2 篇。本研究在所有成員熱情努力投入研究工作下奠定了對視覺訊息
設計的各式呈現與使用者互動與理解上的影響，並陸續在學術舞台建立國際性的交流與合 作。
六、參考文獻
Barker, P. (1992a). An object oriented approach to hypermedia authoring. Interactive multimedia learning environments: Human factors and technical considerations on design issues, NATO ASI Series, 132-152. New York: Springer-Verlag.
Barker, P. (1992b). Electronics books and libraries of the future. The Electronic Library. 10(3).
139-149.
Barker P. & Manji, K. (1991). Designing Electronic Books. Educational and Training Technology International. 28(4). 273-280.
De Jong, M. & Bus, A. (2002). Quality of book-reading matters for emergent readers: An experiment with the same book in a regular or electronic format. Journal of Educational Psychology. 94(1). 145-155.
Drigas, A., Koukianakis, L., & Papagerasimou, Y. (2006). An E-learning environment for nontraditional students with sight disabilities. Frontiers in Education Conference, 36th Annual.
Facrizio, R., Kaplan, L., & Teal, G. (1967). Readability as a function of the straightness of right-hand margins. Journal of typography research, 1, 90-95.
First Tatsuya Seto Tokai University & Second Kazushige Magatani Tokai University, (2009). A navigation system for the visually impaired using colored navigation lines and RFID tags.
Paper presented at the Engineering in Medicine and Biology Society, 2009. EMBC 2009.
Annual International Conference of the IEEE.
Gregory, M. & Poulton,E. C. (1970). Even versus uneven right-margins and the rate of comprehension in reading. Ergonomics, 13, 427-434.
Hämäläinen, M. & Whinston, A. (1996). Electronic markets for learning: education brokerages on the Internet. Communications of the ACM. 39(6). 51-58.
Ichikawa, M., Tanaka, K., Kondo, S., Hiroshima, K., Ichikawa, K., Tanabe, S., et al. (2003).
Web-Page Color Modification for Barrier-Free Color Vision with Genetic Algorithm. In E.
Cantú-Paz, J. Foster, K. Deb, L. Davis, R. Roy, U.-M. O’Reilly, H.-G. Beyer, R. Standish, G.
Kendall, S. Wilson, M. Harman, J.Wegener, D. Dasgupta, M. Potter, A. Schultz, K.
Dowsland, N. Jonoska & J. Miller (Eds.), Genetic and Evolutionary Computation — GECCO 2003 (Vol. 2724, pp. 212-212): Springer Berlin / Heidelberg.
Kurihara, M., Nonaka, . & Yoshikawa, T. (2004). Use of highly accurate GPS in network-based barrier-free street map creation system. IEEE.
Landoni, M. Catenazzi, N. & Gibb, F. (1993). Hyper-books and visual-books in an electronic library. The Electronic Linbrary. 11(3). 175-186.
Landoni, M. & Gibb, F. (2000). The role of visual rhetoric in the design and production of electronic books: the visual book. The Electronic Linbrary. 18(3). 190-201.
Meyer, G. W. & Greenberg, D. P. (1988). Color-defective vision and computer graphics displays.
Computer Graphics and Applications, IEEE, 8(5), 28-40.
Moulthrop, S. (1991). Beyond the electronic book: a critique of hypertext rhetoric. Conference on Hypertext and Hypermedia. Proceedings of the third annual ACM conference on Hypertext.
291-298.
Ricoh Global Website (2010). Color universal design. Retrieved December 29, 2010, from http://www.ricoh.com/csr/activity/integrity/cud.html
Shu, Y. & Yang, Z. (2008). Research on human-computer-interaction design of software based on barrier-free principle. IEEE. 435-440.
Trollip, S. & Sales, G. (1986). Readability of computer-generated fill-justified text. Human factors, 28, 159-164.
Zhang, X. (2010). Adaptive haptic exploration of geometrical structures in map navigation for people with visual impairment. Paper presented at the Haptic Audio-Visual Environments and Games (HAVE), 2010 IEEE International Symposium.
林廷宜、楊曜全(2010)，緊急救助圖示通用辨識設計研究－以避難緩降機操作說明為例。設 計學報，15 (4)，19-40。
秦聖青(2003)，〈色彩知覺障礙之網頁視覺設計研究〉。世新大學平面傳播科技學系碩士論 文。
七、參考資料
1. Lin, T. S. (2012). The Multimodality and the Communication of Explanation Graphics: Three Analytical Approaches on Safety Guides. 2012 Design Research Society (DRS)
international conference. Bangkok, Thailand. July, 2012. (NSC 100-2410-H-011-036-) 2. Lin, T. S. (2012). Pictograms and Visual Representations on Drug Bags: A Communicative
Approach. 2012 Information Design Conference. Greenwich, London, UK. April, 2012.
(NSC 100-2410-H-011-036-)
3. 林廷宜、陳建成 (2012)。中風安全評估緊急救護圖解說明中的視覺傳達。設計學研 究。15(1)，61-86。(國科會藝術學門優良期刊)
4. 林品章、孫祖玉、林廷宜 (2012)。日本統治時期に於ける台湾民間建築にみられるアー ル・デコ様式」(Art Deco Style of Taiwanese Private Architecture during Japanese Colonial Period)，デザイン学研究 (ISSUE OF JSSD)（審查通過,修改中）
5. 孫祖玉、林品章、林廷宜 (2012)。日治時期台灣海報設計的裝飾藝術風格。設計學研 究。15(1)，87- 107。(國科會藝術學門優良期刊)
6. 林廷宜(2012)。訊息視覺化的內容架構與表徵呈現--視覺訊息設計應用於增進社會安全 福祉之系列研究。台北：全華圖書。
7. 林廷宜、賴采秀(2012)。手機介面圖示之識認性分析。2012 亞洲基礎造形造形論壇。
國立台灣藝術大學。
8. 賴采秀、林廷宜(2012)。圖像訊息數位化與使用者持續互動之研究。2012 ADADA &
TADMD 亞洲數位藝術設計協會&台灣數位媒體設計學會國際研討會。亞洲大學。
9. Lin, T. S. (2011). Human-Information Interaction and Visual Representation on Document Dashboards. 2011 IDA(International Design Alliance)Congress Education Conference.
10. 林廷宜(2011)。數位文件之視覺訊息初探。ASBDA 2011 亞洲基礎造形聯合學會雲林大 會。雲林科技大學/中華民國基礎造形學會。
11. 林廷宜、林紹萍 (2011)。電子雜誌視覺資訊架構之研究—以人文資訊類雜誌為例。2011 第 22 屆國際資訊管理學術研討會。朝陽科技大學資訊管理系、中華民國資訊管理學 會。
八、附錄
(Appendix A-F)
Appendix A: 訪問交流相關資料及心得報告
一、
會議名稱：Information Design Conference 2012
發表論文：Pictograms and visual representations on drug bags: a communicative approach 發表地點：Greenwich, London
發表時間：April 12-13, 2012
二、
會議名稱：Design Research Society 2012
發表論文：The multimodality and the communication of explanation graphics: three analytical approaches on safety guides
發表地點：Bangkok, Thailand 發表時間：July 01-04, 2012
---
A Note On International Conferences and Meetings: the year of 2012 Tingyi S. Lin
The Information Design Association hosted Information Design Conference 2012, in partnership with the International Institute for Information Design, on April 12-13, 2012 in Greenwich, London, UK. The Information Design Conferences have been a great place to discuss and debate design cases and issues in the field of information design for nearly thirty years. Drawing many audiences from local UK residences and outside of the countries, the tickets for attending the speeches were sold out much early than what I expected. The presenters were from 19 countries, covering themes that include Wayfinding, Infographics, Health Information and Collaborative Design projects. With the restoration grandeur of the University of Greenwich in London, the conference provided a classic and stylish setting for scholars, researchers and designers to
exchange experiences and opinions. To share the campus with production crew of Les Misérables (2012), we had the enjoyable meetings in the buildings designed by Sir Christopher Wren and had a very traditional conference dinner and gathering in the historic Trafalgar Tavern, overlooking the Thames.
We were also invited by Sign Design Society (SDS), who were running a one-day conference on wayfinding and signage for the 2012 Olympic Games, to view their progress, to share opinions and to exchange experiences on a boat trip. The boat cruised through central London, and it’s a great time and opportunity to enjoy the sights and network with fellow delegates from both conferences at our leisure. With those participations and interactions, we shared ideas, aroused inspirations and spared new thoughts.
The presentation and discussion of my work created tremendous interactions between not only the presenters and the audience, but also between those attendances and scholars in the same session. Presenters shared varieties of research, case studies, and design projects. I received lots of feedbacks and interesting attentions during and after my presentation. Other sessions, speeches, various open galleries, poster session, and social activities created great opportunities for
participants to interact. It is a fabulous experience in which everyone shared ideas and exchange works in a formal conference time, as well as in a casual setting in the galleries and other
gatherings. Those formal and informal interactions with other speakers, researchers, scholars and participants broadened my view more globally in the field of design and arts. It was an excellent experience participating in this annual conference where gathered many intelligent people from all over the world. The commerce with academicians and professionals enriched my field of vision inside and outside of my discipline.
Not only had I learned a lot from this high ranked conference held by Information Design Association, UK, but I gained an unforgettable experience to have personal contact with other professionals, to explore magnificent architectures, and to experience London culture. With a
sound result in attending the Information Design Conference 2012, I would very much like to have more opportunities to present my work globally by which not only share my ideas with other scholars from all over the world but also learn a great amount of experiences from them. I then also participated in Design Research Society 2012 in July which was held in Bangkok, Thailand and presented a conference paper entitled “The multimodality and the communication of explanation graphics: three analytical approaches on safety guides”. Even though my travel funding was short from two trips in a row, I found it was worth going to going aboard to share experiences and to interact with other excellent scholars globally.
For this coming academic year, I plan to share my research results at XIX International
Conference of the Society for Human Ecology to be held at the Australian National University, Canberra, Australia, from February 05-08, 2013. I am sure those experiences will enrich my professional development much more. Moreover, I am glad to spread our Taiwan experiences overseas and to take precious perceptions back to share with my colleagues, students, friends, and communities.
Finally, I would like to take this opportunity to express my gratitude for the kind support from National Science Council in assisting me with attending this conference. This is an excellent opportunity for me to contribute the mission of visual design research by sharing the latest ideas, technical information, and research findings. I look forward to having more opportunities to present my work internationally.
Appendix B: Accepted Letter
Appendix C: Abstract for the conference (Information Design Conference 2012)
Pictograms and Visual Representations on Drug Bags: A Communicative Approach Tingyi S. Lin | National Taiwan University of Science & Technology
In order to provide friendly visual information for the increasingly number of aging people and the people from various ethnic groups, the development of medical symbols is one of essential tasks to do. Several medical institutions are therefore engaging in improving the ways of information communication. The pictograms and the visual representation on drug bags are a fundamental step for it is the communicative objects guide their users/patients. This paper investigates currently circulated medical symbols on drug bags and its visual representation and finds that users easily misunderstand the pictogram and confused about its meaning when the combination of visual elements are lacking. The investigation reconstructed the visual representation based on problem solving from the study of currently circulated visuals, resigned the representation and operated usability testing through task-base analysis and interview. The results provide suggestions to the practical uses of pictogram and the representation of drug bags.
Appendix D: Presentation Content (selected pages)
Appendix E: Accepted Letter
Appendix F: Abstract for the conference (Design Research Society 2012)
出席國際學術會議心得報告
一、
會議名稱：Information Design Conference 2012
發表論文：Pictograms and visual representations on drug bags: a communicative approach 發表地點：Greenwich, London
發表時間：April 12-13, 2012
二、
會議名稱：Design Research Society 2012
發表論文：The multimodality and the communication of explanation graphics: three analytical approaches on safety guides
發表地點：Bangkok, Thailand 發表時間：July 01-04, 2012
---
A Note On International Conferences and Meetings: the year of 2012 Tingyi S. Lin
The Information Design Association hosted Information Design Conference 2012, in partnership with the International Institute for Information Design, on April 12-13, 2012 in Greenwich, London, UK. The Information Design Conferences have been a great place to discuss and debate design cases and issues in the field of information design for nearly thirty years. Drawing many audiences from local UK residences and outside of the countries, the tickets for attending the speeches were sold out much early than what I expected. The presenters were from 19 countries, covering themes that include Wayfinding, Infographics, Health Information and Collaborative Design projects. With the restoration grandeur of the University of Greenwich in London, the conference provided a classic and stylish setting for scholars, researchers and designers to
exchange experiences and opinions. To share the campus with production crew of Les Misérables (2012), we had the enjoyable meetings in the buildings designed by Sir Christopher Wren and had a very traditional conference dinner and gathering in the historic Trafalgar Tavern, overlooking the Thames.
We were also invited by Sign Design Society (SDS), who were running a one-day conference on wayfinding and signage for the 2012 Olympic Games, to view their progress, to share opinions and to exchange experiences on a boat trip. The boat cruised through central London, and it’s a great time and opportunity to enjoy the sights and network with fellow delegates from both conferences at our leisure. With those participations and interactions, we shared ideas, aroused inspirations and spared new thoughts.
The presentation and discussion of my work created tremendous interactions between not only the presenters and the audience, but also between those attendances and scholars in the same session. Presenters shared varieties of research, case studies, and design projects. I received lots of feedbacks and interesting attentions during and after my presentation. Other sessions, speeches, various open galleries, poster session, and social activities created great opportunities for
participants to interact. It is a fabulous experience in which everyone shared ideas and exchange works in a formal conference time, as well as in a casual setting in the galleries and other
gatherings. Those formal and informal interactions with other speakers, researchers, scholars and participants broadened my view more globally in the field of design and arts. It was an excellent experience participating in this annual conference where gathered many intelligent people from all over the world. The commerce with academicians and professionals enriched my field of vision inside and outside of my discipline.
Not only had I learned a lot from this high ranked conference held by Information Design Association, UK, but I gained an unforgettable experience to have personal contact with other professionals, to explore magnificent architectures, and to experience London culture. With a sound result in attending the Information Design Conference 2012, I would very much like to have more opportunities to present my work globally by which not only share my ideas with other scholars from all over the world but also learn a great amount of experiences from them. I then also participated in Design Research Society 2012 in July which was held in Bangkok, Thailand and presented a conference paper entitled “The multimodality and the communication of explanation graphics: three analytical approaches on safety guides”. Even though my travel funding was short from two trips in a row, I found it was worth going to going aboard to share experiences and to interact with other excellent scholars globally.
For this coming academic year, I plan to share my research results at XIX International
Conference of the Society for Human Ecology to be held at the Australian National University, Canberra, Australia, from February 05-08, 2013. I am sure those experiences will enrich my professional development much more. Moreover, I am glad to spread our Taiwan experiences overseas and to take precious perceptions back to share with my colleagues, students, friends, and communities.
Finally, I would like to take this opportunity to express my gratitude for the kind support from National Science Council in assisting me with attending this conference. This is an excellent opportunity for me to contribute the mission of visual design research by sharing the latest ideas, technical information, and research findings. I look forward to having more opportunities to present my work internationally.
Appendix A-E:
Appendix A: Accepted Letter
Appendix B: Abstract for the conference (Information Design Conference 2012)
Pictograms and Visual Representations on Drug Bags: A Communicative Approach Tingyi S. Lin | National Taiwan University of Science & Technology
In order to provide friendly visual information for the increasingly number of aging people and the people from various ethnic groups, the development of medical symbols is one of essential tasks to do. Several medical institutions are therefore engaging in improving the ways of information communication. The pictograms and the visual representation on drug bags are a fundamental step for it is the communicative objects guide their users/patients. This paper investigates currently circulated medical symbols on drug bags and its visual representation and finds that users easily misunderstand the pictogram and confused about its meaning when the combination of visual elements are lacking. The investigation reconstructed the visual representation based on problem solving from the study of currently circulated visuals, resigned the representation and operated usability testing through task-base analysis and interview. The results provide suggestions to the practical uses of pictogram and the representation of drug bags.
Appendix C: Presentation Content (selected pages)
Appendix D: Accepted Letter
Appendix E: Abstract for the conference (Design Research Society 2012)
國科會補助計畫衍生研發成果推廣資料表
日期:2012/10/31
國科會補助計畫
計畫名稱: 使用者對數位化視覺訊息設計的色覺辨認與感知之研究(I) 計畫主持人: 林廷宜
計畫編號: 100-2410-H-011-036- 學門領域: 環境藝術與設計
無研發成果推廣資料
100 年度專題研究計畫研究成果彙整表
計畫主持人：林廷宜 計畫編號：100-2410-H-011-036- 計畫名稱：使用者對數位化視覺訊息設計的色覺辨認與感知之研究(I)
量化
成果項目 實際已達成
數（被接受 或已發表）
預期總達成 數(含實際已
達成數)
本計畫實 際貢獻百
分比
單位
備 註 （ 質 化 說 明：如 數 個 計 畫 共 同 成 果、成 果 列 為 該 期 刊 之 封 面 故 事 ...
等）
期刊論文 0 2 100%
研究報告/技術報告 0 0 100%
研討會論文 2 1 100%
論文著作 篇
專書 0 0 100%
申請中件數 0 0 100%
專利 已獲得件數 0 0 100% 件
件數 0 0 100% 件
技術移轉
權利金 0 0 100% 千元
碩士生 4 0 100%
博士生 0 0 100%
博士後研究員 0 0 100%
國內
參與計畫人力
（本國籍）
專任助理 0 0 100%
人次
期刊論文 1 1 100%
研究報告/技術報告 0 0 100%
研討會論文 2 1 100%
論文著作 篇
專書 0 0 100% 章/本
申請中件數 0 0 100%
專利 已獲得件數 0 0 100% 件
件數 0 0 100% 件
技術移轉
權利金 0 0 100% 千元
碩士生 0 0 100%
博士生 0 0 100%
博士後研究員 0 0 100%
國外
參與計畫人力
（外國籍）
專任助理 0 0 100%
人次
其他成果 (無法以量化表達之成 果如辦理學術活動、獲 得獎項、重要國際合 作、研究成果國際影響 力及其他協助產業技 術發展之具體效益事 項等，請以文字敘述填 列。)
主持人於今年五月受邀擔任由歐盟計畫補助的研究專案 IC-IC(Enhancing interconnectivity through infoconnectivity)的 SAB (Scientific Advisory Board) Member 一職，赴法國巴黎，於會議中審查並給予專案計畫研究方法與 後續進程的建議，並於會後提供觀察與評論報告。主持人亦於今年擔任國際資 訊設計協會理事國際資訊設計協會(IIID- the International Institute for Information Design)理事，不僅持續保持國際間的交流與建立友好關係，更對 不同地域文化間視覺資訊設計的規劃與使用進行國際合作和在地研究與深入探 討。
今年度除了與歐美視覺訊息研究學者保持聯繫與交流，瞭解現今藝術與設計領 域中活躍的議題討論，並積極參與亞洲基礎造形會議，與亞洲地區投入於基礎 設計教育的專家學者進行討論與交流，並參與了多項論述與實務的分享。在與 國際相關領域專家學者保持高度聯繫與討論的經驗中，近年主持人亦與所指導 的學生積極參與國際設計競賽的創作，並陸續榮獲獎項肯定，其中包含紅點設 計獎、法國安錫國際動畫大獎、華沙海報獎、荷蘭 OUTPUT 獎…等，試圖將設計 的研究與創作相互結合，讓理論與實務相得益彰。
成果項目 量化 名稱或內容性質簡述
測驗工具(含質性與量性) 0
課程/模組 0
電腦及網路系統或工具 0
教材 0
舉辦之活動/競賽 0
研討會/工作坊 0
電子報、網站 0
科 教 處 計 畫 加 填 項
目 計畫成果推廣之參與（閱聽）人數 0
國科會補助專題研究計畫成果報告自評表
請就研究內容與原計畫相符程度、達成預期目標情況、研究成果之學術或應用價 值（簡要敘述成果所代表之意義、價值、影響或進一步發展之可能性）、是否適 合在學術期刊發表或申請專利、主要發現或其他有關價值等，作一綜合評估。
1. 請就研究內容與原計畫相符程度、達成預期目標情況作一綜合評估
■達成目標
□未達成目標（請說明，以 100 字為限）
□實驗失敗
□因故實驗中斷
□其他原因 說明：
2. 研究成果在學術期刊發表或申請專利等情形：
論文：□已發表 □未發表之文稿 ■撰寫中 □無 專利：□已獲得 □申請中 ■無
技轉：□已技轉 □洽談中 ■無 其他：（以 100 字為限）
3. 請依學術成就、技術創新、社會影響等方面，評估研究成果之學術或應用價 值（簡要敘述成果所代表之意義、價值、影響或進一步發展之可能性）（以 500 字為限）
由於透過對適合多數人與色覺特殊者所能共同適用圖像設計與視覺訊息的研發可以建立 無歧視感的友善視覺訊息服務，對使用者操作辨識與認知記憶之影響有了深入的瞭解探 討，才能進一步應用視覺語言與視覺訊息設計策略在數位內容呈現中符合免去障礙閱讀的 疑慮，結合通用設計與服務設計的理想，以提供良好友善的閱讀經驗。本研究承續視覺訊 息的基礎理論，投入視覺訊息設計應用於數位型式顯像傳達的專業討論和設計實驗，將建 立起視覺訊息設計應用構成的系統性研究與使用者設計思維的結合，有助於視覺設計師更 進一步了解色彩規畫應用與視覺資訊設計策略在數位內容呈現如何影響使用者的操作、辨 識、認知與記憶，提供最佳視覺化服務。
視 覺 訊 息 透 過 傳 媒 平 台 與 使 用 者 建 立 互 動 機 制 ， 表 現 形 式 可 分 為 靜 止 (Still Image/Graphics) 與 動 態 (Motion Graphics) 兩 大 類 ； 媒 體 平 台 可 分 為 印 刷 成 品 (Printing/Press)與數位形式(Digital/Screen)兩大區塊，由於多種媒體的應用與數位資 訊傳播帶動了更活絡的創作動能與更多樣化與和精緻化的產出，使用者在使用行為與接收 訊息的習慣也隨之更新與適應。近年來多種媒體的應用設計與相關技術研究層出不窮，數 位化視覺訊息無論在市場占有率(如電子書與動畫製作)、學習教材研發(如網站應用與數 位內容)、以及生活應用面(如電子相框與導航系統)皆愈來愈重要，能夠系統性的由視覺 訊息設計的根本角度進行深入探究與設計實驗將能為未來應用開發尋得重要解答，本研究
介面與符號應用、視覺訊息之應用構成、以及與使用者的互動學習關係，針對使用者對電 子書中視覺訊息的閱讀辨識與資訊吸收進行研究，為研發適合多數人與色覺特殊者所能共 同適用的圖像設計，以建立無歧視感的友善視覺訊息服務，對於使用者操作辨識與認知記 憶之影響作深入的探討和應用研究，結合通用設計與服務設計的概念，應用視覺語言與視 覺訊息設計策略在數位內容呈現中符合免去障礙閱讀的疑慮，提供良好友善的閱讀經驗。
