摘 要

科技的進步，網際網路已在全球蔚為風尚，博物館藉由設置虛擬博物館或美術館網站，將館方之資訊及典藏內容傳達給廣大的觀眾，鼓勵全民創作的宣傳及學習媒介，提升國內的藝術文化。晚進國科會籌備「數位博物館計畫」以及近年來由文建會所推動之「公民美學」之概念，在在都以全民藝術創作與欣賞培質能力為推動使命，但當我國邁向高度文明社會的發展，現今台灣的美術館所典藏作品僅以知名藝術家或台灣本土藝術家為收藏對象，少有為全民藝術家架設國民美術館網站，即使有也僅以「典藏、欣賞」為目的性的收藏網，而美術館作品欣賞淪為電子目錄的表現形式，卻缺乏良好的設計策略將網站特色做表現。因此本研究的具體目的有：

1.針對網站分析，歸納數位典藏呈現方式以及透過專家與觀眾的使用性評估，藉以發現網站介面的使用性問題。
2.綜合規劃與設計問題，有效改善國民美術館網站之使用評估。

調查中藉由國內外美術館數位典藏網站為調查樣本，實施專家及觀眾調查，獲得相關意見及了解使用性問題，而後進行「國民美術館網站」規劃與設計，並以專家與使用者為原型測試的評估對象，建立更良好的互動、典藏、欣賞、學習、審美的使用模式，藉以規劃「國民美術館網站」的參考原則，調查結果如下：

1.國民美術館網站規劃策略
（1）使用介面
1）網站導覽系統要簡單、清楚；
2）連結形式要符合美術館性質；
3）先以網站目標設計網站功能；
4）選單標題能提供使用者正確的判斷；

（2）資訊內容
1）建立良好的線上觀眾服務；
2）建立對藏品管理的保護措施；
3）提供與全民貼近的更新內容；
4）開發作品運用的加值魅力；
5）以視覺元素強調重要訊息或內容；
6）資料建檔與作品分類具明確性；
7）提供深入研究的延伸查詢功能；

（3）視覺設計
1）版面與視覺設計應有延伸性；
2）色彩配置應注意明度及彩度問題；
3）運用簡單動畫表現網站的特色；
4）注意圖文配置的閱讀關係；
5）注意連結功能的表現形式；

2.有效改善國民美術館網站之使用
（1）提高瀏覽訊息的完整度；
（2）網站功能以適度、簡單為原則；
（3）依使用狀態設定主選單功能；
（4）美術館應著重互動性的使用功能；
（5）作品數量對資訊分類的搜尋問題；
（6）網站應提供說明服務的功能；
（7）表單設計應具吸引力

Abstract

Due to the popularity of the World Wide Web, many of art museums present their collections to global visitors by through developing virtual museums websites. With this kind of new media, it encourages public art creation and further upgrades art level in Taiwan. Lately, the basic concept of "the Digital Museum Project" planned by the National Science Council and “burgher aesthetics” promoted by The Council for Cultural Affairs (CCA) emphasis the important information of encouraging public art creation and appraision work. Nowadays, Taiwan’s art museum collection are in the limit of famous artists and Taiwan local artists work but lacks of public art works. Those who display public art work website are absence of well design strategy for displaying websites’ unique attribute. The purpose of this study is to explore websites’ operation interface problems by experts and audience usability analysis. The studying result will provide effective ways for usability evaluation of art museum websites.
This research applies the think aloud methodology to assess the usability of art museum web sites. The studying results are as following：

1. Art museum website design strategy
（1） User Interface
1）Website navigability system should be simple and clear.
2）Web links should conform art museum property
3）Website function should follow website goal
4）The website titles should offer correct judgment information for global users
（2） Information content.
1）Provide comprehensive on-line services.
2）Build protective demarche of collections management
3）Provide update content to public
4）Develop and apply attractive works
5）Emphasize important information by through visual elements
6）Data sorting should be clear.
7）Offer properly advanced extension inquiry function
（3） Visual design
1）The capability of extension on templates and vision elements.
2）Be attention on luminance and chrominance of color combinations.
3）Use simple animation to emphasis pattern of website
4）Be attractive on picture and character combinations.
5）Be attention of web-link function.

2. Improve art museum websites usability effect
（1）Enforce integral browsing information
（2）Website function should be proper and simple.
（3）The Main Menu list function should be chose by usability
（4）Be attention of network usability function in Art museum
（5）Offer the proper searching function about amount of work and the assortment of information.
（6）Offer the proper service function.
（7）Be attractive on Menu list design

中文摘要 ---------------------------------------------------------------------i
英文摘要 -------------------------------------------------------------------iii
誌謝 ---------------------------------------------------------------------v
目錄 --------------------------------------------------------------------vi
表目錄 --------------------------------------------------------------------ix
圖目錄 ---------------------------------------------------------------------x
第一章 緒論----------------------------------------------------------------01
1.1 研究背景------------------------------------------------------------01
1.2 研究動機與目的------------------------------------------------------02
1.3 研究範圍與限制------------------------------------------------------04
1.4 研究價值與重要性----------------------------------------------------04
1.5 研究架構------------------------------------------------------------05
1.6 名詞釋義------------------------------------------------------------06

第二章 相關理論與文獻探討--------------------------------------------------09
2.1 虛擬美術館的建構----------------------------------------------------09
2.1.1數位博物館特性------------------------------------------------------10
2.1.2數位博物館時代意義--------------------------------------------------11
2.1.3數位典藏發展與現況--------------------------------------------------12
2.2 國民美學新概念------------------------------------------------------13
2.3 網站設計原則與規劃策略----------------------------------------------13
2.3.1網站規劃與策略-------------------------------------------------14
2.3.2網站設計-------------------------------------------------------17
2.3.3網頁介面相關研究 ----------------------------------------------22
2-4 網頁使用性評估------------------------------------------------------23
2.4.1使用性定義-----------------------------------------------------23
2.4.2使用性評估法---------------------------------------------------23
2.4.3美術館評鑑指標-------------------------------------------------30
2.5 文獻總結------------------------------------------------------------31

第三章 研究方法與實施步驟--------------------------------------------------33
3.1 國內外美術館數位典藏網站分析與評估----------------------------------35
網站分析------------------------------------------------------------35
網站評估------------------------------------------------------------36
3.2 美術館數位典藏網站規劃調查------------------------------------------38
3.3 原型設計規劃與評估--------------------------------------------------40

第四章 國內外美術館數位典藏網站分析與評估----------------------------------43
4.1 國內外美術館數位典藏網站分析----------------------------------------43
4.2 國內外美術館數位典藏網站專家評估------------------------------------60
4.3 「國美館-創意抽屜網站」觀眾調查-------------------------------------68
4.4 小結----------------------------------------------------------------72

第五章 美術館數位典藏網站規劃調查------------------------------------------76
5.1 美術館「專家訪談」--------------------------------------------------76
5.2 「國美館-創意抽屜網站」線上策展觀眾調查-----------------------------82
5.3 小結----------------------------------------------------------------88

第六章 原型設計與評估------------------------------------------------------91
6.1 調查規劃------------------------------------------------------------91
6.1.1網站企劃-------------------------------------------------------91
6.1.2網站架構圖-----------------------------------------------------98
6.1.3網站分鏡表-----------------------------------------------------99

6.1.4啟發式評估重點------------------------------------------------107
6.2 電腦原型製作-------------------------------------------------------112
6.3 電腦原型評估-------------------------------------------------------116
6.3.1專家----------------------------------------------------------116
6.4.2一般使用者----------------------------------------------------121
6.4 小結---------------------------------------------------------------126

第七章 結論與建議---------------------------------------------------------128
7.1 結論---------------------------------------------------------------128
7.1.1國民美術館規劃原則--------------------------------------------128
7.2 原型設計評估-------------------------------------------------------132
7.3 後續研究之建議-----------------------------------------------------133
7.4 國民美術館網頁修正-------------------------------------------------134

參考文獻 -------------------------------------------------------------------138

【碩士論文】

（1）王俊人、裘錦天（1997），多媒體軟體使用者介面與互動性之研究，政治大學資訊管理研究所碩士論文。
（2）王姿莉（1999），網路中虛擬美術館展示方式對美術鑑賞經驗影響之研究，交大應藝所碩士論文。
（3）吳安岑（2002），網際網路虛擬教室中學習情境之設計之研究-以楊英風數位美術館為例，交大應藝所碩士論文。
（4）李俊宏、李賢輝（1996），網頁設計原則的研究-以大專院校首頁設計為例，雲林科技大學工業設計研究所碩士論文。
（5）沈義訓（1998），網路虛擬實境博物館互動展示之研究-以元智大學校史館為例，元智大學資訊研究所碩士論文，p65~66。
（6）李傳房、蕭銘宏（1997），全國資訊網操作介面設計之研究-以台灣地區網頁介面設計為例，雲林科技大學工業設計所碩士論文。
（7）林千玉（2000），螢幕上長篇內文之每行字數對閱讀速度之關聯性研究。
（8）林佩儀（2000），網站設計與使用者滿意度之關聯，國立政治大學資訊管理學系碩士論文。
（9）林志展（2001），虛擬實境網路劉纜器之操作介面分析與設計，台灣科技大學設計所碩士論文。
（10）林家維（2002），網頁瀏覽器指標圖像之研究-以數位博物館圖像介面設計為例，大葉大學設計研究所碩士論文。
（11）周美娜（2000），衣物洗燙處理標示之洗標圖案在認知上的研究，雲林科技大學視覺傳達設計所碩士論文。
（12）吳東龍，莊明振（2001），網頁色彩配色與感覺意象之對應關係研究的建構-以個人網頁為例，第六屆設計學術研究成果研討會論文集。
（13）施俊宇（1998），全球資訊網在博物館導覽上之應用，元智大學資訊研究所碩士論文。
（14）洪嘉永、李怡寬、林千玉（2000），中文網頁「文字色」、「背景色」、「超連結文字色」三者適配之舒適度及意象之研究，行政院國家科學委員會專題研究計畫成果報告NSC89-2218-E-366-001。
（15）高蓁瑩（2004），不同族群於博物館網站介面操作之研究-以國立自然科學博物館為例，雲林科技大學視覺傳達設計所碩士論文，PP.5~9。
（16）莊錦昌（2001），網頁介面使用性之探討與意象之研究，成功大學工業設計所碩士論文。
（17）陳雪華（2004），博物館典藏品數位化資訊組織之探討，臺灣大學圖書資訊學系，pp.3~8。
（18）黃如足（2001），美術館網頁設計及使用性之研究，南華大學美學與藝術管理研究所碩士論文，pp.80.~94。
（19）黃靜純（2003），旅遊網站介面設計與使用性之研究-以易遊網為例，雲林科技大學視覺傳達設計所碩士論文。
（20）楊文祝（2002），從使用者觀點建置理想國小網站-以苗栗縣為例，新竹師範學院職業繼續教育研究所碩士論文。
（21）楊智元（1998），符合使用者個人喜好需求的入口網站介面之研究，大葉大學資訊管理研究所碩士論文。
（22）楊中信（1999）：數位化展示。博物館學季刊13(1)，pp.77~80。
（23）劉家倫（2000），台灣美術館全球資訊網站的內容規劃與品質評估之研究，台灣師範大學美術研究所碩士論文。
（24）劉雪芬（2003），國立自然科學博物館「物質世界」展示廳展示說明標示之研究，雲林科技大學視傳所。
（25）潘美璟（2002），博物館藏品資訊的建立、管理與分享—以國立台灣美術館與楊英風藝術研究中心為例，台南藝術學院藝術研究所碩士論文。
（26）賴秋梅（2001），運動場館線上虛擬導覽系統之開發研究--以國立體育學院為例，體育學院運動科學所碩士論文。
（27）謝玫晃（2002），雕塑品數位化典藏之研究-以雕塑家 謝棟樑的作品為例，南華大學美學與藝術管理研究所碩士 論文。
（28）蘇振明（2004），20世紀美術教育史的回顧與啟示---「藝術與人文」學習領域的相關思考，北市師美勞教育學系暨視覺藝術研究所碩士論文。


【出版書籍】

（1）方裕民（2003），人與物的對話-互動介面設計理論與實務，田園城市，台北。
（2）王受之（2002），世界平面設計史，藝術家出版社，台北。
（3）林孟慧、蔡繕澤（1998），多媒體應用大全-圖像製作+網站實務，博碩文化，pp.155~158。
（4）梁初憲（2000），企劃孫子，遠流出版，pp.74~77。
（5）陳其南（2004），文化公民權運動-文化論壇系列：啟動「族群與文化發展會議」，文化視窗66期。
（6）陳其南，啟動「文化公民權運動」，落實第二波民主化工程，文化公民權運動宣言，2004/07/12。
（7）廖鵬文、盧康渝（2004），別讓我的滑鼠迷了路，數位人資訊，台北。
（8）鄭國裕、林磐聳編著（1992），色彩計劃 ，現代設計叢書，臺北市：藝風堂 。


【國外期刊著作】

（1）astman Kodak Company﹝1983﹞.Human Facctor Section，Ergonomic Design for People at
Work:Worlplace，Equipment and Information Transfer，Voll，Belmont，CA：Lifetime Learning Publications.
（2）Bitgood, S., Finlay T., & Woeher, D. ,1986, Design and evaluation of exhibit labels.Paper presented at the Southeastern Psychological Association, Atlanta Georgia.
（3）Carroll,J.M.and Mark,R.L.,1984,Learing to use a word processor:by doing by thinking,and by knowing,in Thomas,J.C.and
（4）Schneider,M.L(eds)Human Factors in Computer System,Ablex,Norwood,New Jersey,pp.13~51
（5）Galiitz，Wilebert O.,1989，”Handbook of Screen Format Design,”Wellesley,MA：QED Information Sciences
（6）Horton，1991，Illustrating computer documantation，”USA，John Wiley&Sons，lns”.
（7）Horton，1994，”The Lcon Book，”USA,John Wiley & Sons,Inc”.
（8）Jakob Nielsen（1993），Usability Engineering，Margan Kaufmann，San Francisco.
（9）Jared M.Spool，1999，Web site usability：a designer’s guide，Margan Kaufmann Publi Web Sites，Roto Vision.shers，San Francisco.
（10）J akob Nielsen（2000），Designning Web Usability，New Riders Publishing，Indianapolis.
（11）Laurel.B.,Oren,T.,& Don,A（1992）Issues in multimedia design：Media integration and interface agents.InM.M.Blattner &R.B.Dannenberg
（12）Mandel，Theo.The elements of user interface design.New York：Wiley，1997,pp.149~153
（13）Marcus，Aaron﹝1992﹞.Graphic Design for electronic document and user interfaces.New York,NY:Acm Prss
（14）Mok，Clement﹝1996﹞.Design Business：Multiple Media，Multiple Disciplines.Mountain View.CA.：Adobe Press，Adobe Systems Incorporated.
（15）Nielsin，J.,and Molich.r.,1990,Heuristic evaluation of user interface.Proc.ACM CHI”90 Conf.,pp.249~256
（16）Preece、Jenny.A Guide to usability:human factors in computing.Woringham, England.Reading，Mass:Addison-Wesley
（17）Preece.J,1992,.Human-Computer Interaction. Addison-Wesley Publishing Company.
（18）Rubens，1986，”A Reader’s View of Test and Graphics，”Technical Writing and Communication，Vol.16，pp.73~86
（19）Shackel B. Usability（1991）“Context,framework,definition,design and evaluation”In Homan Factors Informatice Usability Cambridge University Press.U.K，21-27.
（20）Steve Krug，2000，Don’t make me think，New Riders.
（21）Trollip，,S. & G.Sales,1986，”Readability of Computer-Generated Fill-Justified Text，”Human Factors，Vol:28，pp.159~164.
（22）UCS Workshop.,1997：”Guideline of Good Web Design，”Design Usable Web Page-A User-Centered Approach，URL：http：//www.Indiana.edu/~res/guide.html
（23）White,Jan V.,1988，”Graphic Design for the Electronic Age ”New Yourk:Watson-Guptill


【參考網站】

（1）大觀 北宋書畫（2004），國立故宮博物院，http://tech2.npm.gov.tw/sung/下載時間：2005/4/11pm：20：30。
（2）中研院（2002），數位化典藏之時代意義，http://w2.world.net.tw/~dlproj/show/dlcon/dlcon12.htm
（3）中原大學（2002），鶯歌陶瓷數位典藏，http://yingko.mis.cycu.edu.tw/F/m_IndF.asp。下載時間：2004/7/12
（4）文建會-公民美學論壇，http://www.cca.gov.tw/，下載時間：2004/10/10。
（5）李賢輝（1999），http://www.cc.ntu.tw/~hlee/88-05-11/，下載時間：2001/9/10。
（6）美麗之島-空大網路面授班討論版（2000），人機介面第六章重點整理
http://bbs.nsysu.edu.tw/txtVersion/boards/CAI/M.942537695.A.html
（7）國立台灣美術館-創意抽屜，http://www.tmoa.gov.tw/art/index.php
（8）國科會數位典藏國家型科技計畫-應用服務分項計畫，（2004），http://aps.csie.ntu.edu.tw/index.php，下載時間：2004/7/12pm24：38。
（9）國家圖書館典藏數位化計畫，http://readopac.ncl.edu.tw/ndap/ndap-doc-03.htm，下載時間：2004/9/16.
（10）陳章甫（2003），九年一貫藝術與人文課程陶藝鄉土教學單元設計研究， http://www.aerc.nhctc.edu.tw/paper/%B3%AF%B3%B9%A8j/p2.htm，下載時間：2004/12/07。
（11）數位典藏與產業前景（2004），國科會數位典藏國家型科技計畫-應用服務分項計畫，http://aps.csie.ntu.edu.tw/intro.html，下載時間：2004/7/12pm：14：20。


【參考資料】

（1）林芳吟（2000），林風眠-百歲紀念光碟，頑石創意有限公司。
（2）林芳吟（2001），來法國藝術一下多媒體光碟，頑石創意有限公司。
（3）林芳吟（2002），色彩的魔法師-Matisse多媒體光碟，頑石創意有限公司。
（4）張善政（1999），數位博物館（Digital Museum）背景與構想簡報，台北市：國科會企劃考核處。