簡易檢索 / 詳目顯示

研究生: 張嘉年
Chia-Nine Chang
論文名稱: 訊息設計應用於列車資訊顯示幕之研究-以台鐵沙崙線為例
A Study of Visual Information Design on Train Information Display - Using Taiwan Railway Shalun Line as an Example
指導教授: 林廷宜
Tingyi S. Lin
口試委員: 陳建雄
Chien-Hsiung Chen
蘇佩萱
Pei-Hsuan Su
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2016
畢業學年度: 104
語文別: 中文
論文頁數: 142
中文關鍵詞: 訊息設計列車資訊顯示幕視覺介面設計使用者經驗
外文關鍵詞: information design, train information display, visual interface design, user experience
相關次數: 點閱:256下載:20
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報

隨著科技進步與交通營運需求之發展趨勢,國內的交通列車在近幾年開始出現資訊顯示 幕設備,將訊息從傳統的靜態平面告示牌轉向為動態螢幕化的傳播形式,也為旅客取得訊息 的方式帶來相當重要的改變。在多數列車紛紛進行資訊顯示幕硬體設備升級的同時,其資訊 內容設計也應受到重視與改善,因為列車訊息傳達的好壞會直接影響旅客的行為、感受,以 及列車的環境品質、安全和效率,如何傳遞清楚、有效的圖文訊息給該使用者族群,便成為 我們必須關注的課題。
為了解如何提供符合列車使用者需求的訊息架構與介面視覺設計元素,本研究以台鐵沙 崙線列車資訊顯示幕為樣本,進行列車訊息的相關探討、使用者評估與設計。在研究流程上, 首先採內容分析法,以平面設計知識理論,對現行介面中各項視覺設計要素進行分析,再藉 由任務測試與訪談鐵路通勤族、鐵路背包客、沙崙線轉乘旅客以及視覺設計工作者等四類人 員,探究使用者的訊息需求和使用時所出現的問題,接著,將現行介面的問題點及設計建議 歸納整理後進行改良設計,範圍包括訊息架構與介面視覺設計,並進行第二次使用者測試, 檢視現行介面的問題是否有被解決,最後,依據分析結果,提出新版台鐵沙崙線列車資訊顯 示幕,以及其應具備的訊息架構與介面視覺設計準則。
依據研究結果發現予以歸納後,將結論分述如下,(1)建構列車訊息時,應依照情境 狀態規劃訊息層次與架構;(2)應用版面編排準則建構視覺介面,以及實踐文 校準等基 本動作以提高閱讀的流暢度;(3)簡易的動態效果可增加訊息辨識度;(4)使用中文黑體 與英文無襯線 體,並採 26 級以上的 級,確保每個文 都能夠被清楚辨認;(5)運用 級大小與粗細區別訊息的重要程度;(6)加強不同訊息間的圖形差異,可避免認知混淆; (7)圖形應具備聯想性、易讀性與易記性,可輔助文 傳達;(8)符號設計需注意圖地對 比清晰,並保持設計風格一致;(9)選用能夠表達設計概念與特質的色彩;以及(10)應 用適當的色彩數量組合與明度對比。應用上述設計方法,將可建構符合列車使用者需求的訊 息架構,以及達到良好的辨識度與舒適的介面視覺呈現,提升顯示幕的使用性。


With the technological progress and the development trend of transport demand, information display screen devices have appeared on domestic trains in recent years. The form of message dissemination has changed from traditional static billboards into dynamic screens, which has substantially changed the way passengers acquire information. While most trains continue to be underdoing information display screen hardware upgrades, there should be some emphasis on the information content design to make improvement, because the quality of train message dissemination has a direct impact on passenger behaviors, perceptions, as well as train environment quality, safety, and efficiency. How to convey clear and effective graphic messages to user groups has become an issue of concern.
In order to understand how to provide a message framework and interface visual design elements that meet the needs of train users, this study adopted information display screens available on Taiwan Railway Shalun Line trains as examples for train message related discussions and user assessment and design. For the research processes, first, the content analysis method was adopted. Using the graphic design knowledge and theory, the various visual design elements on the existing interface underwent analysis. Through task testing and interviews with four groups of people, namely, railway commuters, railway backpackers, Shalun line transfer passengers, and visual design workers, the users’ information needs and problems they encountered during use were explored. The problems with the existing interface and recommendations for the design were subsequently sorted and compiled to improve the design whose scope covers the message framework and interface visual design. A second user test was also conducted to examine whether the problems with the existing interface were resolved. Finally, based on the analysis results, the new version of Taiwan Railway Shalun Line train information display screen, its message framework, and the required interface visual design criteria were proposed.
Based on the sorted research results, the conclusions drawn are as follows: (1) Plan the message level developing train messages, the message levels and framework should be planned in accordance with the situation state. (2) Develop the visual interface using the layout alignment criteria and implement text calibration and other basic actions to improve the fluency of reading. (3) Enhance the simple dynamic effects by enhance message legibility. (4) Use Chinese bold characters, the English sans-serif font, and a letter size of over 26 to ensure the legibility of every word. (5) Use letter size and thickness to distinguish the degree of importance of messages. (6) Strengthen graphic differences of messages to avoid cognitive confusion. (7) Mange the graphics to be easy to associate, read, and remember; they should also aid message conveyance. (8) Take symbol design into consideration for the contrast and brightness of graphics as well as design style consistency. (9) Choose colors that express design concepts and characteristics to enhance users’ memory. (10) Maintain colors through an appropriate number of combinations and brightness contrast. With the research results concluded above a message framework that meets the needs of train users can be developed, and legible and comfortable interface visual presentation can be achieved, thereby enhancing the usability of the display screen.

論文摘要 1 誌謝 4 目錄 5 第一章 緒論 8 1.1 研究背景與動機 8 1.2 研究目的 9 1.3 研究問題 10 1.4 研究範圍與限制 10 1.5 論文架構 11 第二章 文獻探討 12 2.1 交通訊息識別 12 2.2 國外公共交通資訊顯示幕發展現況 13 2.3 訊息設計 15 2.4 介面設計 17 2.5 使用者經驗 21 2.5.1 使用者經驗的定義與法則 21 2.5.2 使用性原則 23 2.5.3 使用者認知心理 24 2.5.4 使用者中心設計 25 2.6 平面設計原則 27 2.6.1 文字 28 2.6.2 圖形 29 2.6.3 色彩 31 2.6.4 版面編排 32 第三章 研究方法 34 3.1 內容分析 35 3.2 任務分析 36 3.3訪談 38 第四章 現行介面調查 40 4.1 現行介面訊息架構分析 40 4.2 現行介面視覺設計要素分析 43 4.3使用者任務測試與訪談(A) 45 4.4小結 63 第五章 介面改良設計與使用者測試 66 5.1介面改良設計與實驗原型介面確立 66 5.2使用者任務測試與訪談(B) 75 5.3 新版介面確立 87 5.4 小節 91 第六章 結論與建議 94 6.1 結論 94 6.2 建議 97 6.3 後續研究方向與發展 98 參考文獻 99 附錄A:現行介面使用者訪談工具 106 附錄B:實驗原型介面使用者訪談工具 108 附錄C:現行介面使用者訪談資料 111 附錄D:實驗原型介面使用者訪談資料 125

Berger, C. M. & Eiss, A. (2002). Principles of Urban Wayfinding System. Institute of Transportation Engineers, 72(4), 30-34。
Bowers, J. W. (1970). Methods of Research in Communication. MA: Houghton Mifflin Press.
Burdek, B. E. (1996)。工業設計—產品造型的歷史、理論及實務 (The history, theory and practice of product design.
) (胡佑宗譯)。台
北:亞太。(原著出版年:1991)


Carol L. S. (2013). Use of Electronic Passenger Information Signage in Transit. Boston, Massachusetts: TranSystems Corporation
Cox, K., & Walker, D. (1993). Interface Design. New York, NY: Prentice hall.
Design Council (2005). Eleven lessons- Managing design in eleven global brands: The design process. Retrieved March 13, 2015, from http://www.designcouncil.org.uk/sites/default/files/asset/document/ElevenLessons_Design_Council%20%282%29.pdf
Dewar, R. (1999). Design and evaluation of public information systems. London, Philadelphia: Taylor & Francis.
Dillon, A. (1992). Reading from paper versus screen: a critical review of the empirical 
literature. Ergonomics, 35, 1297-1326. 

Ells, J. G., & Dewar, R. E. (1979). Rapid comprehension of verbal and symbolic traffic sign messages. Human Factors, 21, 161-168。
Gittins, D. (1986). Icon-based human-computer interface. International Journal of Man-Machine Studies, 24, 519-543. 

Gibson, D. (2010). 不迷路的設計-視覺指引的秘密 (The Wayfinding Handbook) (黃文娟譯)。台北:旗標。
Goodwin, N. (1987). Functionality and usability. Communication of the ACM, 30(3), 229-233.
Hanson, V. L. (2004). The user experience: designs and adaptations. In Proceedings of the 2004 international cross-disciplinary workshop on Web accessibility (W4A),1–11. doi:10.1145/990657.990659
Harrison, J. V., & Andrusiewicz, A. (2003). An emerging marketplace for digital advertising based on amalgamated digital signage networks. E-Commerce, IEEE International Conference on. e-Commence, 149-156.
Harrison, J. V., & Andrusiewicz, A. (2004). Using wireless networks to enhance narrowcasting in public spaces. First IEEE Consumer Communications and Networking Conference, 2004. CCNC 2004. doi:10.1109/CCNC.2004.1286929
Hays, T. (1999). Showing the way, Step-By-Step Graphics. Peoria, 15, 80-87.
Heller, S., & Pettit, E. (2009). 34位頂尖設計大師的思考術 (Design Dialogues) (郭寶蓮譯)。台北:馬可孛羅文化。
Horn, R. E. (1999). Information Design-Emergence of a New Profession. Information design, 15-33. MA: MIT Press.
Horton, W. L. (1994). The Icon Book: Visual Symbol for Computer Systems and Document. New York, NY: John Wiley & Sons.
ISO 9241-210 (2010). Ergonomics of human-system interaction-Part 210: Human-centred design for interactive systems. Retrieved from http://www.iso.org/iso/home/store/catalogue_tc/catalogue_detail.htm?csnumber=52075
Josephson, S. (2008). Keeping Your Readers' Eyes on the Screen: An Eye-Tracking Study Comparing Sans Serif and Serif Typefaces. Visual Communication Quarterly, 15(1/2), 67-79.
Jozef G., & Vladimir K., & Bibiana P., & Marian G. (2013). Improving of information for passengers of urban public transport in Košice. Zilina Slovakia: University of Zilina.
Kiaki M., & Koji N., & Kazuya A., & Hiroshi H., & Tatsuya T., & Kazunori T. (2014). Development of On-board Passenger Information Display. Hitachi Review, 63, 10, 672-677
Knight, J., & Jefsioutine, M. (2002). Understanding the user: Research methods to support the digital media designer. Research issues in Art design and media, 3. University of Central England.
Krippendorf, K. (1980). Content Analysis: An Introduction to its Methodologies. London : Sage.
Krishna, G. (2013, April 27). SXSW 2013 - The best interface is no interface by Golden Krishna [Video file]. Retrieved March 10, 2014, from http://nointerface.tumblr.com
Landa & Robin (1996)。平面設計的成功之鑰-上冊 (王桂沰譯) 。台北:六合出版。
Levie, W. H., & Dickie, K. E. (1973). The analysis and application of media. In R. M. W. Travers (Ed.), Second Handbook of Research on Teaching. Chicago, IL.
Mandel, T. (2002). User/system interface design. Retrieved October 19, 2014, from http://www.theomandel.com/docs/mandel-encyclopedia.pdf
Marcus, A. (1982). Color: A Tool for Computer Graphics Communication. The Computer Image, Addison-Wesley, Reading, 76-90/
Mishler, E. G. (1986) . Research Interviewing : Context and Narrative, Cambridge. MA: Harvard University Press, 9.
MTA (Metropolitan Transportation Authority) (2015). On the Go Travel Station Network. Retrieved January 15, 2016 from http://web.mta.info/nyct/OntheGoAds/
Muller, J., Exeler, J., Buzeck, M., & Kruger, A. (2009). ReflectiveSigns: Digital signs that adapt to audience attention. In Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics), 5538 LNCS, 17–24. doi:10.1007/978-3-642-01516-8_3
Musen, G. & O' Neill, J. E. (1997). Implicit memory for nonverbal associations. Journal of Experimental Psychology: Learning, Memory and Cognition, 23, 1192-1102.
Nielsen, J. (1993). Usability engineering. Cambridge. MA: AP Professional.
Nielsen, J. (2005). Ten usability heuristics. Retrieved from http://phillips.rmc.ca/courses/459-2007/ lectures/03-heuristic-list.pdf

Nielsen, J., & Norman, D. A. (2014). The Definition of User Experience. Retrieved from http://www.nngroup.com/articles/definition-user-experience/
Nishiyama, K. (1990). Ergonomic aspects of the health and safety of VDT work in Japan: a review. Ergonomics, 33, 659-685. 

Norman, D. A. (1986). The Design of Everyday Things. New York, NY: Currency. 

Norman, D. A. (1988). The psychology of everyday things. New York, NY.
Norman, D. A. (2002). The Design of Everyday Things. Human Factors and Ergonomics in Manufacturing, 16, 272. doi:10.1002/hfm.20127
Norman, D. A., & Ortony, A. (2003). Designers and Users: Two Perspectives on Emotion and Design. In Symposium on Foundations of Interaction Design, 1–13. doi:10.2307/2074241
Pastoor, S. (1990). Legibility and subjective preference for color combinations in text. Human Factors, 32, 2, 157-171. 

Paul S., & Catherine T. (2011). User Experience Design for Working Web Sites and Applications.
Poggenpohl, S. H. (1993). What is graphic design? Retrieved from http://www.aiga.org/guide-whatisgraphicdesign/
Pollet, D., & Haskell, P. (1979). Sign systems for libraries: solving the wayfinding problems. New York, NY: Bowker, R.R..
Poulin, R. (2013)。設計的語言 (林潔盈譯)。台北:流行風。(原著出版年:2013)
Preece, J. (1998). A Guide to Usability Human Factors in Computing. New York, NY: ley Computer Publishing.
Ridenour, A. (2000). Wayfinding gets you there. Facilities Design & Management, 19(3), 43-58.
Roger, D., Shulman, A., Sless, D., and Beach, R. (1995). Designing Better Medicine Labels: Report to PHARM. Canberra: Communication Research Institute of Australia.
Saltz, I. (2012)。破譯文字編排設計 (周彥譯)。中國廣西:廣西美術出版社。
Sanders, M. S., & McCormick, E. J. (1993). Human factors in engineering & design (7th ed.). New York, NY: McGraw-Hill.

Shneiderman, B., & Plaisant, C. (2005). Designing the User Interface: Strategies for Effective Human-Computer Interaction. Introduction (2). doi:10.1016/0166-3615(93)90066-A.
Snyder, H. L. (1988). Image quality. In: Helander, M. (Ed.). Handbook of human-computer interaction, 
Elsevier science publishers, Amsterdam 437-474. 

Solso (1998)。認知心理學 (吳玲玲譯) 。台北:華泰書局。
Stansfield R. H. (1982). Advertising manager’s handbook. The Dartne11 Corporation, Chicago.
Stickdorn, M. & Schneider, J. (2013). 這就是服務設計思考 (This is service design thinking: Basics, tools, cases) (池熙璿譯)。台北:中國生產力中心。
Tidwell, J. (2006). Designing Interfaces. Patterns for effective interaction design, 11, 331. doi:10.1021/ja052170n
Tinker, M. A., & Paterson, D. G. (1981). Studies of typographical factors influencing speed of reading:Variations in color of print and background. Journal of Applied Psychology, 15, 471-479.
Tuillis, T. S. (1986). Display Analysis Program(Verion 4.0). Lawrence, Lansas: The Report Store.
Weber, H. (2012). NYC Continues Pushing for Tech, Plans 47-Inch Touch Screens for Subways. Retrieved January 15, 2016 from http://thenextweb.com/us/2012/03/06/nyc-continues-pushing-for-tech-plans-47-inch-touch-screens-for-subways/#gref
Weber, R. P. (1989). Basic Content Analysis. Sage Publications. 

Wilson, T. D. (1999). Models in information behaviour research. Journal of Documentation, 55(3), 221-251.
Wood, W. T., & Wood S. K. (1987). Icon in Everyday Life. Social,Ergonmic and Stress Aspects of Work with Computer, 97-104.
Zimbardo, P. G. (1991). Motivation & Emotion. Psychology. Twelfth edition.
方裕民 (2003)。人與物的對話:互動式介面的理論。台北:田園城市。
木村博之 (2013)。圖解力-跟頂級設計師學作信息圖 (INFOGRAPHICS) (吳曉芬、願毅譯)。台北:旗標出版。(原著出版年:2010)
王天津、侯旭東 (1996)。中文字型與字體大小對閱讀與搜索作業績效影響之研究。高雄工學院學報,3,1-15。
王受之 (2000)。世界現代平面設計。台北:藝術家。
王明嘉 (1984)。版面設計的藍圖:怎樣動手做編排(上)。雄獅美術,153。
王明嘉 (2010)。字母的誕生。台北:積木文化。
王強、李玉波 (2007)。圖形語境。中國上海:上海三聯書店。
王祿旺 (2008)。小型報版面設計之閱讀效能研究。台北:威秀資訊科技。
丘永福 (1988)。造型原理。台北:藝風堂出版社。


台灣交通部鐵路改建工程局網站 (2011)。臺鐵新增支線-台南沙崙線完工通車啟用,順利連結 臺、高鐵便利無縫轉乘。取自http://www.rrb.gov.tw/02110.aspx?lan=ch&id=376
田中正明 (1999)。視覺傳達設計 (蘇守正譯)。台北:六合出版社。(原著作年:1988)
朱祖祥、曹立人 (1994)。目標-背景色的配合對彩色CRT顯示功效的影響。心理學報,26(2),128-134。
佐藤直樹(2014)。基本的基本 (陳芬芳譯)。台北:麥浩斯。
何耀宗 (1986)。平面廣告設計。台北:雄獅圖書。
吳水威、吳采蓁 (2011)。車站方向性標示系統評估指標與方法之研究。都市交通半年刊,26,1,1-23。
李青蓉、魏丕信、施郁芬、邱昭彰 (1998)。人機介面設計。台北:國立空中大學。
李硯祖 (2002)。視覺傳達設計欣賞。台北:五南。
肖勇、梁慶鑫 (2013)。看!導視系統設計。中國北京:電子工業出版。
卓良政 (2000)。圖像式操作介面之研究-數位相機為例。國立成功大學工業設計研究所,台南。
林行建 (1999)。印刷設計概論。台北:視傳文化。
林廷宜 (2010)。視覺訊息呈現的基礎概念。2010亞洲基礎造形論壇。銘傳大學。
林廷宜、楊耀全 (2010)。緊急救助圖示通用辨識設計研究-以避難緩降機操作說明為例。設計學報,15(4),19-40。
林品章 (2012)。設計學方法論。台北:桑格。
林振陽、陳中聖 (1993)。本省家庭警示性圖像認知之研究。工業設計,22(4),231-239。
林書堯 (1983)。色彩學。台北:三民書局。
林榮泰 (1998)。不同文化背景的受測者對公共標誌偏好之研究。明志工專學報,30,57-68 。
林磐聳 (1996)。創造都會風情的全方位設計。設計雜誌,70,33-38。
邱駿鵬、陳圳卿 (2007)。網頁中文字編排方式對視認績效影響之初探。2007年第一屆創新管理學術與實務研討會論文集。
柯志杰、蘇煒翔 (2014)。字型散步:日常生活中的中文字型學。台北:臉譜。
柳閩生 (1986)。讀你千百遍也不厭倦-版面設計與閱讀意願之探討。世界新聞專科學校學報,2,207-215。
洪銘徽 (2011)。抬頭顯示器之駕駛資訊介面設計研究。大同大學,台北。
原田昭 (1996)。和外在世界具有反應關係的次世代操作介面 (Reactive Interface Design) (黃崇彬譯)。筑波大學尖端學際領域研究中心複合媒體情報科學領域共同研究課題。
孫皓瓊 (2012)。結構圖像-隱藏在圖像設計間的訊息傳達。台北:佳魁資訊。
康台生、呂靜修 (2007)。視覺、標誌符號與表徵。設計研究學報,創刊號,78-89。
張悟非、洪偉肯 (1999)。視覺化概念發展在人機互動介面原型設計的探討。中日設計教育研討會論文集,37-46。國立雲林科技大學。
張銘勳、鄭世宏 (1996)。中文筆畫數及字形於VDT顯示幕之閱讀識認性研究。工業設計,25 (2),23-30.
梁成一 (1999)。 冷氣機遙控中文標示字體與圖地色彩之研究。中華民國設計學會第四屆學術研討會論文集,367-370。
許子凡 (2010)。圖形符號的資訊負載及其判讀績效研究。國立台灣科技大學,台北。
郭家成 (2006)。薄膜電晶體液晶顯示器Mura瑕疵檢測技術之研發。國立台北科技大學自動化科技研究所,台北。
陳怡利 (2009)。數位化之圖像式概念介面設計平台。大同大學工業設計研究所,台北。
陳格理 (1997)。圖書館的指標系統。台北市立圖書館資訊,15,3,11-31。
陳繡雨 (2001)。螢幕類型、文字/背景色彩組合、中文字型及行距對使用者搜尋及閱讀作業之視覺績效及視覺疲勞的影響。未出版碩士論文,大葉大學,台中。
陳麗如、何榮桂 (1998)。Web-Title之使用者介面設計。資訊與教育,64,21-64。
游萬來、蔡登傳、陳文誌 (1997)。中文點陣字形要素對字形閱讀視認度的影響研究。國立雲林技術學院院報,6 (1),17-26。
湯嘉明 (2001)。液晶顯示器上痛太中文字視認性與視覺動向之研究。國立雲林科技大學,雲林。
黃子倫 (2010)。圖像藥袋圖文呈現個案研究。國立台灣科技大學,台北。
楊欣哲、王超弘 (1999)。WWW網頁設計之準則與應用。Journal of the Chinese of Institute of Industrial Engineers, 16, 2, 265-276.
經濟部商業司 (2014)。智慧化應用案例分享-地鐵隧道中的動態廣告。上網日期:2016年01月15日。網址:http://cpckm.ekm.org.tw/BISP/Web/T/study_case1031203.htm
葉謹睿 (2010)。互動設計概論:後數位時代的網站、介面、產品及軟體設計的原則。台北:藝術家。
雷凱俞 (2009)。運用預示性於電子睡眠日誌之設計與使用性測試。國立台灣科技大學設計研究所,台北。
臺北市政府捷運工程局 (2014)。機電設計>台北捷運新購之高運量列車有哪些設計特色?。取自http://www.dorts.gov.taipei/ct.asp?xitem=913542&CtNode=64022&mp=115001
歐立偉 (2007)。優使性筆記本:什麼是UX使用者經驗 (Max’s usability notes: User Experience)。取自http://blog.yam.com/usabilitymax/article/5085348
賴如珊 (2001)。台灣地區雜誌編排設計形式與讀者意象及符合度之研究。國立雲林科技大學,雲林。
龍冬陽 (1983)。商業包裝設計。台北:檸檬黃文化事業。
顏鎮榮 (1998)。設計字法。台北:全華科技圖書公司。
羅莉玲 (1991)。編輯事典。台北:大村文化

QR CODE