本研究探討設計適合手機小螢幕觀看最佳化之圖像，並將相關圖像建置於新竹城隍廟行動互動導覽系統（Cheng Huang Temple Mobile Interactive Tour system, CHTMITs）上，將系統內的導覽訊息藉由圖像直覺性與容易記憶的特性呈現，以取代文字呈現的閱讀方式，讓遊客能在參訪的短時間內達到即時獲取廟宇參訪資訊的效果。
研究者根據視覺原理原則來製作系統四大類圖像：(1) 功能圖示符號；(2)簡易地圖；(3) 動靜態參拜順序；及(4) 神明簡圖；並蒐集實證資料分析圖像資訊對學習者的感受和成效。實測對象為38名對導覽系統有興趣且願意配合的遊客，2人一組共同使用行動載具實地參訪，研究資料透過前、後測問卷、學習評估問卷等量化資料輔以觀察記錄、系統記錄與使用者訪談等質性資料進行分析。
研究結果發現，遊客使用有圖像輔助的導覽系統後，有助於提升使用者在現場觀看廟內事物的視覺認知；在系統圖像部份，使用者普遍偏好觀看動態的流程圖像作為輔助引導；在地圖呈現部分，使用者認同分層的設計且表示易於瀏覽；在神明簡圖的部份，使用者表示能有效的提升正面觀看情緒，以及能夠輔助觀看與尋找位置。行動載具介面上簡化的神明圖像，讓遊客能在廟中諸多觀看干擾的環境下能夠即時且清楚地觀看神明全貌以瞭解其特色；而神明圖像的造型可愛化，能幫助提升遊客對神明的正面情緒與親和力。
此外，本研究者將手機上的圖像設計歸納為以下幾點要項：(1) 將地圖分層從全觀引導至細部；(2) 善用方向性指標引導位置；(3) 利用顏色的類似性和物件的接近性分割相同群集的資訊；(4) 用視覺對比強調重要的物件幫助定位；(5) 利用連續性設計動畫呈現關鍵步驟的畫面；以及(6) 神明圖像簡化呈現要點為，將重要元素：含輪廓、配件與表情萃取並壓縮成可愛造型；傳輸考量，檔案設定在20-30KB的範圍下進行設計，並視不同資訊呈現需求設計顏色和配件的多寡。
本研究結果證實利用圖像設計能讓遊客在有限的參訪時間內，拜科技便利與圖像直觀性的瀏覽建構參訪廟宇的心智地圖，來獲得良好的參訪經驗。未來希望將本圖像設計原則應用推廣在行動載具上使用於相似的學習情境，讓學習者透過簡單但能呈現整體學習事物的視覺化設計，來獲得更多即時性的豐富資訊。

The purpose of this study was to explore the optimum graphics design of the Cheng Huang Temple Mobile Interactive Tour system (CHTMITs) on the small-screen of the cellular phone. By means of this system, information navigation would be intuitive and easy. The graphics might replace texts so that tourists could catch the information within a short period.
The researcher developed graphics that could be divided into four catagories: (1) functional icons; (2) easy maps; (3) worshiping process by either static or animated graphics; (4) simplified statue images. Thirty-eight tourists participated in this study and two of them formed a dyad to use the system on the mobile device. The data of users’ attitude, motivation and their processes of using system were collected and analyzed. The follow-up interviews were also conducted after they finished all of the system operations.
The results of this study reveal the tourists were positive to the graphics on the system in learning the history of HsinChu Cheng Huang Temple. Their visual cognition was enhanced with the assistance of the system. What’s more, the animated visual presentation was more acceptable based on the tourists’ feedback to the system design. The layered-design method could help tourists acquire the information of the temple easier and more effectively. Simplified statue images could promote tourists’ motivation to view the Gods’ statues and locate their positions. Simplified statue images on the mobile device could help tourists view statues’ appearance extensively, and understand their features that might have some interferences in the physical locations of the temple. In addition, lovely modeling design could enhance tourists’ positive emotions.
Moreover, the researcher concludes the critical design principles on the small-screen mobile device as follows: (1) from guide the whole map to the details by layered design; (2) use directional indicators to guide position; (3) use similarity in colors and proximity in objects to divide the similar cluster of information; (4) use the visual contrast to emphasize the importance of objects to guide location; (5) use continuity to design animations to present key steps; (6) provide key points of simplifying statue images: including outline, accessories, and facial expression extraction, compressed into a lovely shape; design by setting each graphic file at 20-30 KB for delivery consideration on the Internet, and design of colors and decoration items depending on the needs of information presented.
The results indicate that tourists could get a positive and significant visiting experience in a limited time by using the portable technology and graphics to develop a mental map during the temple visit. It is expected that the principles of graphic design could be applied in similar learning situations on mobile devices, and learners could get more instant information by visual presentations.

中文部分
王秀如、林明男（2005）。情緒線條其表現形式之研究。商業設計學報，9，149-158。
王弘立（1991）。黑白畫理。遼寧：遼寧美術出版社，47-48。
王秀雄（1991）。美術心理學。台北：北美館。
王韋堯、許峻誠（2006）。等距圖形簡化之設計實作研究，藝術教育研究，11，33-55。
王淑俐（1995）。青少年的情緒問題、研究與對策。台北：合記出版社。
王藍亭、李傳房（2003）。以類神經網路探討網頁視覺圖像複雜度偏好之研究，商業設計學報，8（2），89-102。
王藍亭、黃詩珮（2007）。視覺圖像與詞彙意涵之傳達研究。商業設計學報，11，154-165。
古又仁、陳玲鈴、孫春望（2001）。微型網站廣告著陸網頁的互動性及豐富性對廣告效果之影響。設計學報，6（2），65-77。
朱志明（1998）。動態圖像應用在網頁介面設計之研究。雲林科技大學工業設計技術研究所碩士論文，未出版，雲林縣。
朱采慧（2003）。試論國中歷史教科書的圖表與圖示教學。台灣師範大學歷史研究所碩士論文，未出版，台北市。
谷雅慧（1996）。資訊呈現方式對網路廣告行銷效果之研究。中央大學資訊管理研究所碩士論文，未出版，桃園縣。
吳宗霖（2008）。運用專題導向學習策略與無所不在學習環境於國小六年級生態環境教育之行動研究。屏東教育大學教育科技研究所碩士學位論文，未出版，屏東市。
吳盛木（1986）。心理學。台北：三民。
李易修（2003）。以劇本法開發圖書館行動導覽服務之研究─以元智大學圖書館為例。元智大學資訊傳播學系碩士班數位媒體設計組碩士論文，未出版，桃園縣。
李世綱（2009）。網頁動態廣告對使用者干擾之研究。臺灣藝術大學多媒體動畫藝術學系碩士班碩士論文，未出版，台北縣。
李俊宏（1996）。網頁設計原則的研究。雲林科技大學工業設計研究所碩士論文，未出版，雲林縣。
呂靜修（1996）。編排設計的構成與形式。台北：六合。
余少卿（2003）。個人化行動數位導覽之互動設計探討-以故宮博物院「乾隆皇帝
文化大業」特展為例。元智大學資訊傳播研究所碩士論文，未出版，桃園縣。
李美蕙（2009）。以多媒體簡訊進行急救要訣行動學習之可行性研究。新竹教育大學數位學習科技研究所碩士論文，未出版，新竹市。
林榮泰（1993）。評估圖像符號方法的研究。明志工專學報，25，239-256。
林幸蓉（1994）。產品語意及其在工業設計的應用。台灣手工業，52，25-48。
林品章、黃柏文（2004）。行動電話人機介面圖像意象偏好之研究。設計學研究，7（2），71-89。
林崇宏（1998）。造形意義與本質的探索。工業設計，1（27），38。
林芳穗（1999）。線條吻合情緒感覺之研究。商業設計學報，3，59-75。
林麗娟（2000）。電腦視覺設計—動態性因素與學生特質探討。台北︰輔仁大學。
林寶齡（2004）。訊息架構與恐懼訴求廣告互動效果之研究─以全罩式安全帽為例。南台科技大學企業管理研究所碩士論文，未出版，台南縣。
林庭如（2000）。國小弱視學童完形圖像認知歷程之研究—以「圖與地」、「群化原則」為例。交通大學應用藝術研究所碩士論文，未出版，新竹市。
金崇華（2000）。小兒弱視。台北：書泉。
洪禎懋（2003）。網路個人化行銷—網路廣告與點選偏好之研究。商業設計學報，7，323-341
馬瑞璿（2006）。促進使用者利用數位裝置以進行行動學習的關鍵成功因素－以博物館 PDA 個人數位導覽系統為例。中山大學傳播管理研究所碩士論文，未出版，高雄市。
張春興（1990）。現代心理學。台北：東華。
張春興（1996）。教育心理學－三化取向的理論與實踐（修訂版）。台北：東華。
張春蘭（1992）。地圖設計法則之探討。中國地理學會會刊，20，29-39。
陳俊文、游萬來（2002）。地圖學中的視覺傳達設計。設計研究，2，117-127。
張悟非（1982）。從認知心理的觀點來探討視覺資訊設計的方向。工業設計，76，4-5。
張悟非（1992）。從認知心理的觀點來探討視覺資訊設計的方向。工業設計，21 （1），56-60。
康丁斯基（1985）。點、線、面。台北：藝術家。
梁嘉航、楊叔卿、蔡宜學（2005）。由跨平台行動學習系統的研發探討生物領域設計策略之考量：以螃蟹資料庫為例。2005全球華人計算機教育應用大會-2005GCCCE論文集，762-770。
黃中沛（2007）。網站遊戲角色形狀設計對於視覺搜索績效之影響。台灣科技大學設計研究所商業設計組碩士論文，未出版，台北市。
黃中宏（2003）。PDA小螢幕圖示配置與資訊呈現視認性之相關研究。東海大學工業工程與經營資訊研究所碩士論文，未出版，台中市。
彭珃齡、張必隱（2000）。認知心理學。台北：東華。
楊東岳（2004）。漫畫人物設計與2D電腦動畫之研究創作：以中國歷史故事為例。台灣藝術大學多媒體動畫藝術研究所碩士論文，未出版，台北縣。
楊琇君（2002）。可愛造形之比例研究。國立台灣科技大學設計研究所商業設計組碩士論文，未出版，台北市。
虞均質（1995）。藝術概論。台北：大中國圖書。
楊啟文（2004）。造形簡化擷取轉換之創新設計方法研究。樹德科技大學應用設計研究所碩士論文，未出版，高雄縣。
熊明德（2000）。觀點40:顏博文（慧聯網總經理）「發展大中華區社群，讓行動商務快速獲利」。線上檢索日11/23/2009，網址：http://www2.bnext.com.tw/special_mag/2000_09_22/2000_09_22_256.html
蔡子瑋（2000）。以介面視覺邏輯論網站識別性設計。商業設計學報，4，123-132。
蔡芳姿（2004）。完形心理學群化原則應用於數位影像設計的創作研究。台灣師範大學設計研究所碩士論文，未出版，台北市。
鄭棋文、楊叔卿（2010）。行動科技融入行動導覽系統與即時學習環境之應用-以傳統廟宇情境為例。2010全球華人計算機教育應用大會-2010GCCCE論文集，66-69。
謝東山（2000）。藝術概論。台北：偉華書局有限公司。
謝盛文（2005）。植基於短期記憶能力導向之適性化行動學習之研究。中山大學資訊管理學系研究所博士論文，未出版，高雄市。
蕭坤安（2006）。造形複雜度認知與視覺記憶關係之探討。設計學報，11（4），99-111。
蕭坤安（2001）。造形複雜度之探討。工業設計，29（2），204-210。
蕭嘉猷（1999）。人物插畫造型的「誇張｣與「變形｣表現類型探討。商業設計學報，3，185-196。
鍾聖校（1990）。認知心理學。台北：心理，81-127。
羅光志（2004）。地圖視覺設計之應用研究─以中國古代地圖與現代遊樂區地圖為例。雲林科技大學視覺傳達設計所碩士論文，未出版，雲林縣。

中譯部分
John Fiske (1995). 傳播符號學理論（張錦華譯）。台北：遠流。（原著出版年：1982年）。
Lidwell, W., Holden, K., & Butle, J. (2008). 設計的法則（呂亨英譯）。台北：原點。（原著出版年：2003年）。
Morris, D. (1999)。人這種動物（楊麗瓊譯）。台北市：時報文化。（原著出版年：1994年）

英文部分
Albers, M. J., & Kim, L. (2000). User web characteristics using palm handhelds for information retrival. Technology & Teamwork 2000 IEEE, 125-135.
Baek, Y. K., & Layne, B. H. (1988). Color, graphics and animation in a computer-assisted learning tutorial lesson. Journal of Computer-Based Instruction, 15, 131-135.
Baxter, M. (1995). Product design, practical methods for the systematic development of new products. London: Chapman & Hill.
Biederman, I. (1987). Recognition-by-components: A Theory of Human Image Understanding. Psychological Review, 94, 115-147.
Burke, M., Gorman, N., Nilsen, E., & Hornof, A. (2004). Banner ads hinder visual search and are forgotten. Paper presented at the Conference on Human Factors in Computing Systems, New York.
Churchill, D., & Hedberg, J. (2006). Learning object design considerations for small-screen handheld devices. Computers & Education, 50, 881-893.
Clark, J. M., & Paivio, A. (1991). Dual coding theory and education.
Educational Psychology Review, 3(3), 149-170.
Collins, A. (1989). Cognitive apprenticeship and instructional technology.
Technical report, 474. Center for the Study of Reading. University of Illinois at Urbana Champaign.
Dale, E. (1946). Audio-visual methods in teaching. New York: The Dryden Press.
Ellis, H. C., & Hunt, R. R. (1989). Fundamentals of human memory and cognition (4th ed.). Dubuque, Iowa: Wm. C. Brown Publishers.
Dwyer, Francis M. (1978). Strategies for improving visual learning. State College, PA: Learning Services.
Fleming, J. (1998). Web navigation: designing the user experience. Sebastopol, CA: O’Reilly.
Fowler, S. L., & Stanwick, V. R. (1995). The GUI style guide. Cambridge, MA: Academic Press.
Gagne, R, M. (1974). Essentials of learning from instruction. Hillsdale Ill: Drydem.
Goldberg, M. E., & Gerald, G. (1987). Happy and sad TV programs: How they affect reactions to commercials. Journal of Consumer Research, 14, 387-403.
Hackbarth, S. (1997). Web-based learning in the context of K-12 schooling. Educational-Media-and-Technology-Yearbook, 22, 9-31.
Horton, William L.(1994). The Icon Book: Visual Symbol for Computer Systems and Document. New York: John Wiley & Sons.
Karb, P. (1973). A primer of visual literacy. Cambridge Massachusetts, London, and England: The MIT Press.
Keller, J. M., & Koop, T. (1987). Instructional theories in action: lessons illustrating selected theories and models. Hillsdale, SJ: Lawerence Erlbaum.
Krashen, S. D. (1982). Principles and practices in second language Learning. NY: Pergamon.
Levin, W. H., Anglin, G. L., & Carney, R. N. (1987). On empirically validating functions of pictures in prose. In D. M. Willow & H. A. Houghton (Eds.), The psychology of illustration: Vol. Basic research (pp.51-85). New York: Springer-Verlag.
Levie, W. H., & Lentz, R. (1982). Effects of text illustrations: a review of research. Educational Technology Research and Development, 30(4), 195-232.
Lorenz, K. (1997). Behavioral genetics. New York: W. H. Freeman.
Lucas, C. (2000). Audio guides. Museums Journal, 100(2), 47.
Marr, D. (1982). A computational investigation into the human representation and processing of visual information. San Francisco, CA: W. H. Freeman.
Mayer, R. E., & Anderson, R. B. (1992). The instructive animation: helping students build connections between words and pictures in multimedia learning. Journal of Psychology, 84(4), 444-452.
Maslow, A. H. (1999). Toward a psychology of being. New York: John Wiley & Sons.
McCloud, S. (1993). Understanding comics: the invisible art. Northampton, MA: Tundra.
McGuire, W. J. (1968). Personality and attitude change: An information processing theory. In A. G. Greenwald, T. C. Brock, and T. M. Ostrom (eds.), Psychological foundations of attitudes, 171-196. San Diego, CA: Academic Press.
McKerlie, D., & Preece, J. (1993). The hype and the media: Issues concerned with designing hypermedia. Journal of Microcomputer Applications, 16, 33-47.
McClurg, P. et al. (1996). Exploring children’s spatial visual thinking in an HyperGami environment. Paper presented at the Annual Conference of the International Visual Literacy Association. (ERIC Document Reproduction Service No. ED408976).
Meyer, R. P., & Laveson, J. I. (1981). An experience judgement approach to tactical flight trainning. Paper presented at the Proceedings of the Human Factors Society-25th Annual Meeting, 659-660.
Micklos, D. (1982). Visual complexity and the function of graphics in Scientific American and Science 81, ERIC Document Reproduction Service No. ED 222897.
Nielsen, J. (1995). Multimedia and hypertext: The internet and beyond. Boston: Academic press.
Newman, M. W., & Landay, J. A. (2000). Sitemaps, storyboards, and specifications: a sketch of web site design practice. New York, In Proc. of the DIS2000, ACM Press, 263-274.
Nimmo, D., & Savage, R. L. (1976). Candidates and their Images: Concepts,
Methods and Finding. Pacific Palisades, Cal.: Goodyear Publishing Company Inc.
Palm.(2002). Retrieved October 18, 2009, from http://www.palm.com/
Paivio, A. (1986). Mental representations: a dual coding approach. Oxford, England: Oxford University Press.
Paivio, A. (1971). Imagery and verbal processes. New York: Holt, Rinehart & Winston.
Ray, M., & Wilkie, W. (1970). Fear: the potential of an appeal neglected by marketing. Journal of Marketing, 34, 54-62.
Ray Rischpater (2000). Wireless web development. Apress, pp.8, 184, 317-322.
Redmond-Pyle, D. & Moore, A. (1995). Graphical user interface design and evaluation (GUIDE): A practical process. London: Prentice Hall.
Rieber, L.P. (1994). Computers, graphics, & learning. Madison, Wisconsin: Brown & Benchmark.
Robinson, A. H., Muehrcke, P. C., Kimerling, A. J., & Guptill, S. C.(1995). Elements of cartography. New York: John Wiley & Sons.
Scully, M. R. & Nwell, K. M. (1985). Observational learning and the acquisition of motor skills: toward a visual perception perceptive. Journal of Human Management Studies, 11, 69-186.
Skogen, Martha G. R. (2006). An investigation into the subjective experience of icons : A Pilot Study. Proceedings of the Information Visualization (IV’06), IEEE.
Soloway, E., Norris, C., Blumenfeld, P., Fishman, B., Krajcik, J., & Marx, R. (2001). Log on education: handheld devices are ready-at-hand. Communication of the ACM, 44(6), 15-20.
Solso, R. L. (1994). Cognition and the visual arts. MIT Press, Cambridge.
Sorrel, P. (1988). Optimal mapping and the determination of cartographic design principles. The Cartographic Journal, 25, 128-138.
Standing, L., Conezio, J., & Haber, R.(1970). Perception and memory for pictures: single trial learning of 2500 visual stimuli. Psychonomic Science, 19, 73-74.
Stover, M., & Zink, S.D. (1996). World Wide Web home page design: patterns and anomalies of higher education library home pages. Reference Service Review, Fall, 7-20.
Sweller, J., Van Merrienboer, J. J. G., & Paas, F. G. W. C. (1998). Cognitive architecture and instructional design. Educational Psychology Review, 10(3), 251-297.
Tinker, R., & Vahey, P. (2002). CILT2000: Ubiquitous computing-spanning the digital divide. Journal of Science Education and Technology, 11(3).
Tullis, T. S. (1988). Screen design in handhelder. M. (ed.), 377-411.
Tversky, B., & Hemenway, K. (1984). Objects, parts, and categories. Journal of Experimental Psychology: General, 113, 169-193.
Weiss, S. (2002). Handheld usability. New York, USA : John Wiley & Sons.
Wickens, C. D. (1992). Engineering psychology and human performance, (2nd ed.). New York : HarperCollins Publishers.
Winnicott, D. W. (1971). Playing and reality. New York: Routledge.
Wogalter, M.S. (1999). Factors influencing the effectiveness of warnings. Visual Information for Everyday Use- Design and Research Perspectives, 3, 93-109. London: Taylor & Francis.
Zwick, C., Schmitz, B., & Kuhl, K. (2005). Designing for small screen: Ava Publishing.