鐵道支線列車數位視覺訊息傳達研究

A Visual Information Communication Study on Branch Line Train Digitized Display

10.30105/JDS.201612_19(2).0006

林廷宜(Tingyi S. Lin)；張嘉年(Chia-Nien Chang)

列車資訊顯示 ； 訊息設計 ； 使用者經驗 ； 介面視覺設計 ； Train Information Display ； Information Design ； User Experience ； Interface Design

設計學研究

19卷2期（2016 / 12 / 01）

111 - 132

繁體中文

隨著科技進步與交通營運需求之發展趨勢，國內外的交通列車在近幾年開始出現數位化與螢幕化的資訊設備，將訊息從傳統的平面告示牌溝通轉向為動態的傳播形式，也為使用者的乘車體驗帶來相當重要的改變。訊息如何設計和如何展現會直接影響使用者的判斷與乘車決策，而鐵道支線的訊息設計其重要性往往被忽略，卻是旅客最需要的，本文針對使用者需求與視覺設計的面向，對「台鐵沙崙線列車資訊顯示器介面」進行設計實驗，透過理論知識進行介面的視覺設計元素分析，從使用者任務測試中了解使用效能及使用者的行為反應，並依據訪談過程了解使用者的訊息需求與對介面的使用感受。本研究結果與建議包括：（1）依照情境狀態描述與規劃訊息層次與架構；（2）應用版面編排準則建構視覺介面以提高閱讀的流暢度；（3）適切文字採用，確保每個文字都能被清楚辨認；（4）運用字級大小與粗細區別訊息的重要程度；（5）保持圖形設計風格一致，並具備聯想性、易讀性與易記性，可輔助文字傳達；（6）加強不同訊息間的圖形差異，可避免認知混淆；（7）選用能夠表達設計概念與特質的色彩以增加使用者的記憶度；以及（8）保持色彩應用適當的數量組合與明度對比，以提高注目性。總之，介面所提供的視覺訊息應具備完整的訊息架構讓使用者易於辨識，以提供舒適友善的視覺訊息服務。

With the rapid changes of technology, the travel information on public transit has digitalized and displayed in dynamic ways to transfer messages and information. Digitalized wayfinding and signage system alter the ways of information communication, with which has been providing every commuters and travelers new experiences in receiving information. The representation of information directs users’ decision making. The importance of the visual representation design for railway branch line is often neglected but it is indeed needed by commuters. This paper addresses the essential design guidelines for visual representation based on user needs through a case study on Shalun Line, a Taiwan Railway branch line. Results show that the visual representation requires (1) the framework and the hierarchy to be established to show the scenario; (2) the basic fundamental grid system with which to enhance the reading experiences; (3) careful selection of the type font, with which to allow every single characters or words to be clearly read; (4) the proper use of font size and its features to show the key points; (5) to be designed in a way for the ease of reading and memorizing, and keep the same image style all the way through the whole design; (6) more diverse representation style for the differentiation of information to avoid confusion; (7) good use of color scheme which can enhance users’ recognition and memorization; and (8) proper color application and its brightness for higher attention from users. In sum, an information design needs to be designed in a way for ease of use and understanding and requires an integrated information architecture with which to clearly show the information to users and to provide better visual representation service to them.

1. Krishna, G. (2013), 'SXSW 2013 - The best interface is no interface by Golden Krishna' [Video file], website: https://www.youtube.com/watch?v=iFL4eR1pqMQ (accessed: March 10, 2014)
2. Weber, H. (2012), 'NYC Continues Pushing for Tech, Plans 47-Inch Touch Screens for Subways', website: http://thenextweb.com/us/2012/03/06/nyc-continues-pushing-for-tech-plans-47-inch-touch-screens-for-subways/#gref (accessed: January 15, 2016)
3. Tuillis, T. S. (1986), Display Analysis Program (Verion 4.0), Lawrence: The Report Store..
4. Nielsen, J. (2005), 'Ten usability heuristics', website: http://intra.iam.hva.nl/content/1112/verdieping1/research_for_design/intro-en-materiaal/RfD-Heuristic-Evaluation.pdf (accessed: August 27, 2015)
5. Mandel, T. (2002), 'User/system interface design', website: http://www.theomandel.com/docs/mandel-encyclopedia.pdf (accessed: August 27, 2015)
6. 經濟部商業司（ 2014 ），〈智慧化應用案例分享- 地鐵隧道中的動態廣告〉， 網址：http://cpckm.ekm.org.tw/BISP/Web/T/study_case1031203.htm（上網日期：January 15, 2016）
7. Jozef, G., Vladimir, K., Bibiana, P. and Marian, G. (2013), Improving of Information for Passengers of Urban Public transport in Košice, Zilina Slovakia: University of Zilina..
8. ORTB (Observatoire Regional des Transports de Bretagne) (2011), 'InfoStar Synchro pour les transports en commun de Rennes Métropole', website:www.observatoire-transports-bretagne.fr/infostar-synchro-pour-les-transports-en-commun-de-a431.html (accessed: January 15, 2016)
9. 臺北市政府捷運工程局（2014），〈機電設計：台北捷運新購之高運量列車有哪些設計特色？〉，網址： http://www.dorts.gov.taipei/ct.asp?xitem=913542&CtNode=64022&mp=115001
10. 臺灣交通部鐵路改建工程局（2011），〈臺鐵新增支線－台南沙崙線完工通車啟用，順利連結臺、高鐵便利無縫轉乘〉，網址：http://www.rrb.gov.tw/02110.aspx?lan=ch&id=376
11. MTA (Metropolitan Transportation Authority) (2015), 'On the Go Travel Station Network', website: http://web.mta.info/nyct/OntheGoAds/ (accessed: January 15, 2016)
12. Barthes, R.(1976).The Pleasure of the Text.New York:Hill & Wang.
13. Berger, C. M.,Eiss, A.(2002).Principles of urban wayfinding system.Institute of Transportation Engineers,72(4),30-34.
14. Carol, L. S.(2013).Use of Electronic Passenger Information Signage in Transit.Boston, Massachusetts:TranSystems Corporation.
15. Gittins, D.(1986).Icon-based human-computer interface.International Journal of Man-Machine Studies,24,519-543.
16. Hanson, V. L.(2004).The user experience: Designs and adaptations.Proceedings of the 2004 international cross-disciplinary workshop on Web accessibility (W4A)
17. HELANDER, M.(Ed.)(1988).Handbook of Human-Computer Iinteraction.Amsterdam, NL:Elsevier Science Publishers.
18. Horton, W. K.(1994).The Icon Book: Visual Symbols for 96 Computer Systems and Documentation.New York:John Wiley.
19. JACOBSON, R.(Ed.)(1999).Information Design.Cambridge, MA:MIT Press.
20. 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.
21. Kiaki, M.,Koji, N.,Kazuya, A.,Hiroshi, H.,Tatsuya, T.,Kazunori, T.(2014).Development of on-board passenger information display.Hitachi Review,672-677.
22. Marcus, N.,Cooper, M.,Sweller, J.(1996).Understanding instructions.Journal of Educational Psychology,88(1),49-63.
23. Moreno, R.,Mayer, R. E.(2000).Engaging students in active learning: The case for personalized multimedia messages.Journal of Educational Psychology,92(4),724-733.
24. Müller, J.,Exeler, J.,Buzeck, M.,Krüger, A.(2009).Reflective Signs: Digital signs that adapt to audience attention.lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics)
25. Nishiyama, K.(1990).Ergonomic aspects of the health and safety of VDT work in Japan: A review.Ergonomics,33,659-685.
26. Norman, D. A.(1988).The Psychology of Everyday Things.New York:Harper & Row.
27. Pastoor, S.(1990).Legibility and subjective preference for color combinations in text.Human Factors,157-171.
28. Pollet, D.,Haskell, P.(1979).Sign Systems for Libraries: Solving the Wayfinding Problems.New York:R. R. Bowker Company.
29. Sanders, M. S.,McCormick, E. J.(1993).Human Factors in Engineering & Design.New York:McGraw-Hill.
30. Sweller, J.,van Merrienboer, J. J. G.,Paas, F. G. W. C.(1998).Cognitive architecture and instructional design.Educational Psychology Review,10,251- 296.
31. Tidwell, J.(2006).Designing interfaces, Patterns for Effective Interaction Design.
32. 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.
33. Weber, R. P.(1989).Basic Content Analysis.New York:Sage Publications.
34. 王強、李玉波(2007)。圖形語境。上海:上海三聯。
35. 林廷宜(2010)。視覺訊息呈現的基礎概念。2010 亞洲基礎造形論壇，桃園:
36. 林書堯(1983)。色彩學。台北:三民書局。
37. 林潔盈譯、Poulin, R.(2013)。設計的語言。台北:流行風。
38. 柯志杰、蘇煒翔(2014)。字型散步：日常生活中的中文字型學。台北:臉譜。
39. 洪銘徽(2011)。碩士論文(碩士論文)。大同大學工業設計研究所。
40. 胡佑宗譯、Bürdek, B. E.(1996)。工業設計─產品造型的歷史、理論及實務。台北:亞太。
41. 張銘勳、鄭世宏(1996)。中文筆畫數及字形於VDT 顯示幕之閱讀識認性研究。工業設計，25(2)，23-30。
42. 郭寶蓮譯、Heller, S.、Pettit, E.(2009)。34 位頂尖設計大師的思考術 Design Dialogues。台北:馬可孛羅文化。
43. 陳繡雨(2001)。碩士論文(碩士論文)。大葉大學工業工程研究所。
44. 黃子倫(2010)。碩士論文(碩士論文)。國立台灣科技大學工商業設計研究所。
45. 葉謹睿(2010)。互動設計概論：後數位時代的網站、介面、產品及軟體設計的原則。台北:藝術家。
46. 賴如珊(2001)。碩士論文(碩士論文)。國立雲林科技大學圖文傳播暨數位出版學研究所。
47. 羅莉玲(1991)。編輯事典。台北:大村。

1. 林廷宜、易敏哲(2018)。訊息設計近十年學術研究發展探究：2007-2017。設計學報，23(4)，45-68。