設計成果

學術研究

數位媒體介面圖像設計語意脈絡轉換方法之研究:以MP3 隨身聽為例

論文名稱:  數位媒體介面圖像設計語意脈絡轉換方法之研究:以MP3 隨身聽為例
論文名稱(英文) The Study of a Convergence Approach to Digital Media Interface Icon Design for a Semantic Context:MP3 Player as an Example
研究者(中文) : 韓宜廷
研究者(英文) : Han , Yi-Ting
學 號 : 18932111
學位類別 : 碩士
出版年 :
論文頁數 : 210
學校名稱 :
系院名稱 : 國立臺中技術學院 
系所名稱 : 商業設計研究所
指導教授 : 連德仁
中文關鍵字 : MP3隨身聽 ; 認知心理 ; 圖像設計 ; 使用性評估
英文關鍵字 : MP3 Player ; Cognitive Psychology ; ICON design ; Usability Evaluation
論文使用權限 :
中文摘要: 隨著時代與科技的變遷,人類的生活已邁入資訊科技時代,不論是研發者或是使用者,無不投入這數位世界,企圖將語言國際化。除了一般的傳統語言之外,有一項更方便更簡潔的語言,主要是以圖像符號來溝通,我們稱之為「圖像語言」,將大眾所熟知的訊息予以圖像化,這即是近幾年電子產品最愛用的人性化裝置,例如家電中的微波爐、冷氣機、洗衣機;通訊用品中的手機、電話機,其他如相機、音響等,都是圖像語言的愛用者。當然,近幾年急速竄紅的MP3隨身聽也是設計重點,此時,藉由圖像的溝通與互動變得更為重要。而自我國加入WTO之後,許多產品都有跨足國際的機會,因此,此種國際語言(圖像語言)要設計得能跨越傳統語言溝通障礙與文化差異,將是一項重要的議題。
本研究首先就認知心理、圖像設計、介面設計與使用性工程等相關文獻進行探討,歸納出圖像設計與使用者介面所需注意的設計原則及考量因素,並依此進行問卷設計。以MP3隨身聽之圖像符號做為主要的研究方向,探討MP3圖像符號的種種特性與功能,並了解「使用者」與「圖像」的溝通途徑及解讀歷程,佐以視覺心理與認知心理學的論點分析MP3隨身聽之圖像符號,探討如何設計出能夠讓使用者一眼就看懂的Icon。透過問卷調查,了解使用者對現有市售MP3隨身聽圖像的滿意度與功能表的重新建構,再將滿意度未達ISO圖像識認標準的MP3隨身聽圖像,依據以使用者為中心的圖像語意聯想表進行圖像的重新設計,再次施測得到以下幾項發現:
(1) 本研究發現,既有之圖像在圖像滿意度評價大都介於不滿意至滿意之間,而重新設計後之圖像,評價介於普通至滿意之間,且均高於圖像識認標準值之上,顯示本研究中之圖像語意聯想表確實符合使用者的思考邏輯,因此所設計出來的圖像真正做到了以使用者為中心。
(2) 不同教育背景受測者,對於既有圖像的滿意度與認知有一定程度上的差異,但對於重新設計過的圖像,評價較為一致,顯示重新設計過的圖像較既有的圖像符合使用者的思考模式,不會因為使用者的教育背景不同而對圖像有不同的解讀,再次驗證以使用者為中心設計的重要性。
(3) MP3隨身聽圖像設計雖然受限於小螢幕而必須將圖像簡化,但是若太過簡化,導致辨識度降低時,便失去原本的意義,使得使用者在觀看圖像時無法與功能名稱連結起來。
(4) 許多功能的圖像雖然簡潔,但是由於使用的象徵符號無法使人直接聯想到其功能,也因此失去圖像與意義之連結。
最後本研究希望MP3隨身聽業者以及圖像設計人員能更重視使用者的心智模型與需求,「知其所求,供其所需」,以使用者為中心出發,做為設計之參考依據。
英文摘要: With the changes of time and technology, our life has walked into an information age. No matter the researchers or users they are, they all embrace their digital world and, with great ambition, tend to make the language as international as possible. Except for the traditional written language, we have other alternatives—which are clearer—that is, the “icon symbols.” To make the information visually known by most people is, in the recent years, our favorite humanized equipment among the electronic products. For example, the domestic equipment (such as microwaves, air-conditioning, clothes washer), the communication equipment (such as mobile phones, telephones), and others like cameras, audio-sets are all the focal point of design, especially the hot hunt-for MP3 players. At this moment, it is of prime importance if the users communicate and interact with the equipment of the products visually. After entering into WTO, we all have the possibility of possessing many international products. Therefore, this kind of internationally known language—i.e., the icon language—becomes a crucial task to design beyond the linguistic boundaries and cultural differences.
This study aims to explore the literatures related to cognitive psychology, icon design, and the usage of the interface design. From the literatures, we may induce the icon design, the designing principles of user’s interface and the elements that we should consider by survey. My study aspect is the ICON on the MP3 players, which discusses the various features and functions of the MP3 ICON symbols. Meanwhile, my study tries to understand the communicative avenues and process of interpretation between “users” and “ICON.” It may analyze the ICON symbols of the MP3 players by visual psychology and cognitive psychology; moreover, it discusses how to design an ICON that can be easily recognized by users. After surveys, understanding how much the user feels satisfied with the MP3 ICON in the market, and redesigning by means of the tablet of the user-centric icon connotation, we discover:
(1)The evaluation of the existing ICON cannot satisfy the users; it ranges from “unsatisfactory” to “satisfactory.” After the ICON redesigned, the evaluation may range from “normal” to “satisfactory,” and it is even higher than the standard value of icon recognition. This indicates that the icon connotation may accurately account for users’ thinking logic and, thus, the icon that I designed may truly achieve my user-centric purpose.
(2)Different testees with different educational backgrounds may to some extent have different levels of satisfaction and recognition. However, when the icon revised and redesigned, the icon design may satisfy most users. This suggests that the redesigned icons can explain and follow most users’ thinking process; the redesigned icons will not lead to different interpretation due to users’ different educational backgrounds. Again, it proves the importance of user-center.
(3)Although the design of MP3 has to be simplified due to its small screen, it will unrecognizably loose its original meaning. Thus, the users may fail to associate its icon meaning with the function of the product.
(4)Because the symbol signs may obstruct our association to the functions—although concise the icons appear—they will thus lose the link with the icon meanings.
Last but not the least, I hope that MP3 manufacturers and the icon designers will be more attentive to the mental model and the needs of users. There is a saying that goes that “knowing what they desire and provide what they need”; thus, it will be wiser if we can design in terms of the user’s needs.
論文目次: 一、緒論--------------------------------------------------------------------- 1 -
1.1 研究背景與動機--------------------------------------------------- 1 -
1.2 研究目的----------------------------------------------------------- 5 -
1.3 研究假設----------------------------------------------------------- 7 -
1.4 名詞釋義----------------------------------------------------------- 8 -
1.5 研究範圍與限制------------------------------------------------- 10 -

二、文獻探討------------------------------------------------------------- - 12 -
2.1 MP3隨身聽的發展現況及未來趨勢------------------------- - 13 -
2.1.1 MP3音樂格式----------------------------------------------- - 14 -
2.1.2 MP3與MP3 Player的特色----------------------------------- 15 -
2.1.4 MP3 Player與MP3音樂格式的未來趨勢------------------ 16 -
2.2 圖像符號之設計------------------------------------------------- 18 -
2.2.1 圖像(Icon)的定義------------------------------------------ 18 -
2.2.2 ICON之認知與分類------------------------------------------ 20 -
2.2.3 符號圖像的設計準則及評量-------------------------------- 22 -
2.2.4 圖像之語意造型---------------------------------------------- 25 -
2.3 介面設計與使用性評估----------------------------------------- 26 -
2.3.1 圖形化使用者介面------------------------------------------- 27 -
2.3.2 以使用者為中心的介面設計-------------------------------- 28 -
2.3.3 使用性評估----------------------------------------------------31 -
2.4 認知心理學在圖像設計的應用--------------------------------- 31 -
2.4.1 認知模型與訊息處理模式----------------------------------- 31 -
2.4.2 使用者介面的心智模型------------------------------------- 35 -
2.4.3 認知歷程與設計---------------------------------------------- 37 -
2.5 符號意義探討---------------------------------------------------- 38 -
2.5.1 符號概念的形成與轉換------------------------------------- 39 -
2.5.2 基模理論------------------------------------------------------ 41 -
2.5.3 架構------------------------------------------------------------ 43 -
2.5.3 脈絡效應------------------------------------------------------ 44 -
2.5.4 行為觀察與脈絡之關係------------------------------------- 44 -
2.5.5 隱喻的定義--------------------------------------------------- 47 -
2.5.6 在使用者介面中使用隱喻---------------------------------- 48 -

三、研究設計與執行----------------------------------------------------- 51 -
3.1 研究設計之操作說明-------------------------------------------- 51 -
(一)樣本圖示之蒐集分類與篩選----------------------------------- 51 -
(二)受測者與研究器材----------------------------------------------52 -
3.1.1 受測者--------------------------------------------------------- 52 -
3.1.2 研究工具------------------------------------------------------ 55 -
3.1.3 研究評估尺度及圖像之調查、評估------------------------ 56 -
3.1.4 圖像修正、設計與驗證--------------------------------------- 58 -
3.2 研究方法-------------------------------------------------------- 60 -
3.3 研究設計之執行------------------------------------------------ 62 -
3.4 研究流程-------------------------------------------------------- 65 -

四、功能圖像收集與問卷設計----------------------------------------- 67 -
4.1 功能圖像收集與評估------------------------------------------- 67 -
4.1.1 各廠牌型號--------------------------------------------------- 67 -
4.1.2 功能圖像分類表---------------------------------------------- 68 -
4.2 圖像篩選---------------------------------------------------------- 70 -
4.3 問卷設計---------------------------------------------------------- 75 -
4.3.1 圖像評估問卷------------------------------------------------ 75 -
4.3.2 圖像功能意義之聯想性問卷-------------------------------- 77 -
4.3.3 MP3功能表層級建構問卷----------------------------------- 80 -
4.3.4 設計師重新設計圖像之篩選問卷-------------------------- 81 -



五、研究結果與討論─功能界定與圖像評估及設計----------------- 82 -
5.1 功能界定---------------------------------------------------------- 82 -
5.2 功能名稱篩選與收斂-------------------------------------------- 84 -
5.3 功能架構分群---------------------------------------------------- 86 -
5.4 圖像綜合性評估------------------------------------------------- 93 -
5.4.1 圖像功能語意之聯想性------------------------------------- 94 -
5.4.2 既有圖像評分------------------------------------------------ 97 -
5.4.3 圖像概念(Concept)轉換分析 ------------------------- 126 -
5.5 圖像重新設計與評估------------------------------------------ 136 -
5.5.1 重新設計圖像綜合評估------------------------------------ 139 -
5.5.2 再次設計之圖像綜合評估--------------------------------- 150 -

六、結論與建議--------------------------------------------------------- 153 -
6.1 研究結論-------------------------------------------------------- 153 -
6.1.1 MP3隨身聽功能表之建構--------------------------------- 154 -
6.1.2 MP3隨身聽圖像語意聯想表之建構與分析-------------- 155 -
6.1.3 MP3隨身聽圖像認知滿意度評估------------------------- 157 -
6.1.4 圖像設計原則與流程---------------------------------------- 159 -
6.1.5 MP3隨身聽圖像綜合評析與設計成果------------------- 162 -
6.1.6 影響圖像認知的因素---------------------------------------- 167 -
6.2 研究建議-------------------------------------------------------- 169 -
6.3 檢討與後續研究發展------------------------------------------ 171 -

參考文獻----------------------------------------------------------------- 172 -
一、參考書籍------------------------------------------------------------ 172 -
二、學位論文------------------------------------------------------------ 173 -
三、期刊學報------------------------------------------------------------ 174 -
四、網路資料------------------------------------------------------------- 175 -


附錄----------------------------------------------------------------------- 176 -
附錄一、BenQ MP3隨身聽圖像介面之ICON--------------------- 176 -
附錄二、BenQ功能表-1------------------------------------------------ 179 -
附錄三、BenQ功能表-2------------------------------------------------ 180 -
附錄四、SAMSUNG MP3隨身聽圖像介面之ICON---------------- 181 -
附錄五、SAMSUNG功能表--------------------------------------------- 182 -
附錄六、MIS MP3圖像介面之ICON-------------------------------- 183 -
附錄七、MIS 五向功能鍵之功能表--------------------------------- 184 -
附錄八、MIS 三向功能鍵之功能表---------------------------------- 185 -
附錄九、DIGISOUND MP3圖像介面之ICON--------------------- 186 -
附錄十、「我認為此圖像與功能相符合」題目之整體受測者認同度比例分析摘要表--------------------------------------------------------------- 188 -
附錄十一、問卷設計一 ─圖像評估測試問卷範例------------------ 189 -
附錄十二、問卷設計二 ─圖像語意聯想施測問卷------------------ 190 -
附錄十三、問卷設計三 ─MP3功能表層級建構問卷範----------- 191 -
附錄十四、重新設計之圖像評選問卷-------------------------------- 192 -
參考文獻: 一、參考書籍
方裕民,2003,人與物的對話─互動介面設計理論與實務,田園城市出版,台北。
蘇守政譯,1988,視覺傳達設計,六合出版社,台北。原著:田中正名。
何秀煌,1985,記號學導論,台北,水牛出版社。
李青蓉、魏丕信、施郁芬、邱昭彰,2000,人機介面設計,國立空中大學,台北。
李開偉,2001,人因工程─基礎與應用,全華科技圖書股份有限公司,台北。
邱皓政,2000,量化研究與統計分析,五南出版社,台北市。
金崇華,1990,小兒弱視,書泉,台北。
卓耀宗譯,2000,設計心理學,遠流出版公司,台北。原著:A. D.Donald。
孫全文,1986,當代建築理論之研究─後現代建築與記號理論,詹氏書局。
黃希庭譯, 1992,認知心理學,五南圖書出版公司,台北。原著:L. Solso Rober。
陳俊宏、楊東民,1998,視覺傳達設計概論,全華科技圖書股份有限公司,台北。
鄭麗玉,1993,認知心理學,五南圖書出版公司,台北。
戴晨志,2001,口才魅力高手─教你展現說話迷人風采,時報文化出版公司,台北。
盧怡安,2005,商業周刊第900期,商業周刊,台北。
Horton, W. 〝Icon Book〞,John Wiley & Sons Ins.,1994
Nielsen, J.,1993,Usability Engineering, United Kingdom edition publish by Academic press-LTD,p.26、224。
Philips IMS.,1992,The CD-I Design handbook. Addison-Wesley publishing company。

二、學位論文
李如菁,1993,電腦人機介面上圖像語意之研究,國立成功大學碩士論文。
李淙柏,1998,以類比推理架構探討視覺傳達設計構想發展與評估技術,全華科技圖書股份有限公司,台北。
卓良政,2000,圖像式操作介面之研究-以數位相機為例,國立成功大學碩士論文。
林錦全,2004,視覺設計要素在洗衣機操作介面上之運用研究,銘傳大學碩士論文。
吳立雅,2004,以人機介面觀點探討醫令資訊系統的用藥疏失因素及介面設計原則,元智大學碩士論文。
吳菁樺,2004,圖地反轉類型標誌意象認知之探討,銘傳大學碩士論文。
吳智豪,2004,個人數位助理之視窗操作介面發展,國立成功大學碩士論文。
施純銘,1994,機器產品安全性操作系統之認知性研究─以射出成型機器操作面板設計為例,國立成功大學碩士論文。
祝勤捷,2002,國小自然科教學網站內容與介面設計評估指標之研究,國立台北師範學院碩士論文。
葉政鑫,2002,運用完形心理學探討介面形態組織關係,國立雲林科技大學碩士論文。
陳建翰,2003,產品涉入程度、品牌形象、品牌權益與顧客回應間之關係探討,東華大學碩士論文。
黃如足,2002,美術館網頁設計及使用性之研究,南華大學碩士論文。
張寶基等,2001,以數位信號處理器發展之MP3隨身聽實作
Implementation of MP3 Portable Player on DSP Chip,技術學刊,第十六期第一卷,頁59-66。
劉家銘,2000,圖像式功能介面開發模式之研究-以護理紀錄系統為例,國立成功大學碩士論文。
謝育仁,2000,指示性圖示之研究-以旅遊地圖為例,國立雲林科技大學碩士論文。
三、期刊學報
王開立,2000,網頁設計中圖像的溝通意涵,2000 設計與管理學術研討會論文集。
李淙柏,1988,視覺識別符號語言建構系統之研究。
李淙柏,1996,密閉空間視覺表象之探討,第十一屆全國技術及職業教育研討會,商業類Ⅱ。
林榮泰,1990,電腦輔助設計系統的人機介面圖像認知特性之研究,技術與教育研討會論文集,第53卷第64期,p.5。
林榮泰,1993,評估圖像符號方法的研究,明志工專學報,第25期,pp.239-256。
胡祖武,1993,如何拉近設計者與使用者的產品認知差異,工業設計技術暨學術研討會論文集。
陳怡欣,2005,從隱喻手法探討圖形使用者介面之溝通意涵,數位設計研討會。
黃明峰、陳建雄,2000,使用者心智模式與介面隱喻在網路可用性之初探,2000 年中華民國人因工程學會暨國科會相關計畫研究成果研討會論文集
湯永成,1992,家電機械與記號圖案,工業設計,第二十一卷, 第一期。
張悟非,1992,從「認知心理」的觀點來探討視覺資訊設計的方向,明志工專學報24期,pp.2-11。
張繼文,1995,從認知心理觀點探討記號設計,屏東師院學報,第八期,pp.472-500。
管倖生、張文山 ,2003,數位圖書館館藏資料庫檢索介面使用性評估之研究。
管倖生、謝育仁,2000,旅遊地圖上圖示之評估,設計學報,第五卷,第一期。
鄭文俊,1999,資訊產品螢幕圖像操作介面設計思索與實務,大葉學報。
韓宜廷,2005,數位媒體圖像介面之認知程度初探─以MP3隨身聽為例,2005設計新思維國際學術研討會論文集。

四、網路資料
SAMSUNG'S Digital World 三星官方網站 http://www.samsung.com/tw/products/mp3player/mp3player/index.asp
天下雜誌,1999,八月刊
http://thunder.prohosting.com/~may1999/mp3/mp3/mp3-d.htm
台灣區電機電子工業同業公會全球資訊網,2004 http://www.teema.org.tw/publish/moreinfo.asp?autono=2073
香港新聞分析
http://my.tdctrade.com/ict/hkinfo_c.asp?id=499
余明和,華宇企業管理顧問股份有限公司資訊網
http://asia-learning.com.tw/hycl/article/84652196/
太平洋證券研究報告,阮世昌,1999
http://www.me.tnit.edu.tw/proj/g21/docs/p03.htm
行動娛樂影音發展動感趨勢研討會
http://event.ftitw.com/GPC/Seminar/Html/RFTI/050922MOVE/050922MOVE-CI.htm
葉秀真,2003,門急診醫囑系統人機介面暨系統操作規劃書。 http://www.pohai.org.tw/e-hospital/%A4H%BE%F7%A4%B6%AD%B1%BA%5B%A8t%B2%CE%BE%DE%A7@%B3W%B9%BA%AE%D1.doc
微星科技中文網站 MSI http://cweb.msi.com.tw/program/products/ia/ia/pro_ia_list.php?kind=6&CHIP=16&NAME=MP3+Player
BenQ 明基台灣
http://www.benq.com.tw/
原文下載:
備註:

網頁設計維護
國立臺中科技大學 商業設計系