跳到主要內容

臺灣博碩士論文加值系統

(18.204.48.64) 您好!臺灣時間:2021/08/03 13:31
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果 :::

詳目顯示

我願授權國圖
: 
twitterline
研究生:賴芸慧
研究生(外文):Yun-Hei Lai
論文名稱:以一致性介面整合高鐵與台鐵售票機介面模式
論文名稱(外文):Employ Consistent Interface to Ticket Vending Machine for Various Mass Transportation Systems
指導教授:黃子坤黃子坤引用關係
口試委員:翁註重蔡仁惠
口試日期:2012-01-18
學位類別:碩士
校院名稱:國立臺北科技大學
系所名稱:創新設計研究所
學門:設計學門
學類:綜合設計學類
論文種類:學術論文
論文出版年:2012
畢業學年度:100
語文別:中文
論文頁數:131
中文關鍵詞:大眾運輸售票機一致性介面心智模式精靈介面
外文關鍵詞:ticket vending machineconsistent interfacemental modelwizard interface
相關次數:
  • 被引用被引用:5
  • 點閱點閱:490
  • 評分評分:
  • 下載下載:0
  • 收藏至我的研究室書目清單書目收藏:1
Jakob Nielsen (2002)提出:一致性介面(consistent interface)可應用於不同層次上,從單獨的應用程序(individual application)、跨產品系列(across a product family)到全國電腦業(national computer industry)甚至國際間(internationally)。介面的一致性可以讓使用者快速理解系統,並幫助他們建立準確的心智模式。台灣目前之大眾運輸售票機介面各不相同;本研究欲利用一致性介面理論,針對高鐵與台鐵兩種售票機之個別頁面與跨平台介面做規劃改善,不僅改善個別系統軟體介面之使用性,也讓熟悉其中一種介面的使用者,在操作另一種介面時也能快速上手,不需重新學習。
本研究藉由文獻探討與現況觀察,規劃售票系統個別頁面之配置與元件標準:(1)欄位配置應注意群組與階層,利用物件位置規劃來導引使用者視覺動線。(2)各項欄位應包含主標題、選擇按鈕、錯誤修復與回饋資訊。(3)按鍵使用具R角的方形,且具備視覺上3D擬真效果,以符合使用者的視覺經驗。(4)按鍵邊長需大於12mm,按鍵間距超過1mm,確保手指按壓的正確性。(5)運用習知心智模式以圖形化呈現選擇項目,如台灣地圖選擇地點、類比時鐘選擇時段等,使視覺搜尋快速直覺。其次,進行規劃台鐵與高鐵兩種售票介面之一致性,包括:(1)整理與簡化基本使用流程;(2)統一操作方式與步驟;(3)一致的欄位配置。
根據以上標準進行高鐵與台鐵一致性介面設計,並進行使用性評估與一致性介面之學習性驗證。結果顯示:具學習經驗的受測者與無使用經驗的受測者相比,錯誤次數與操作時間均減低一半以上,證實具個別頁面一致性與跨平台一致性的高鐵與台鐵售票機介面,能有效提升使用效率與使用者滿意度。


Jakob Nielsen (2002) remarked that consistency can apply on several different levels, the individual application, across a product family, for the national computer industry and even internationally. Consistent interface allows users to quickly understand the system, and help them build accurate mental models. This research employed consistent interface to ticket vending machine for Taiwan High Speed Rail and Taiwan Railway. It not only improved usability of individual application, but also enhanced the user''s mental model that enables transfer of skill from one system to another.
Based on the existing system and UI design theory, this study defined the page layout of ticket vending system should contain main title, option buttons, cancel option and feedback. Graphic details were also defined, including color, graphics, button shape and size.
The assessment revealed that experienced user of any one of the two ticket vending system performed less error and better efficiency when using other ticket vending system. As a result, the effect of consistent interface is positively proved, while operation efficiency and user’s satisfaction are improved.


摘 要 i
ABSTRACT iii
致 謝 iv
目 錄 v
圖 目 錄 viii
表 目 錄 xiii
第一章 緒論 1
1.1 研究背景 1
1.1.1觸控式螢幕介面設計的重要性 2
1.1.2大眾運輸售票機購票流程 3
1.1.3高鐵與台鐵售票機設置情況 4
1.2 研究動機 5
1.3 研究目的 6
1.4 研究程序與方法 7
1.4.1研究程序 7
1.4.2研究方法 7
1.4.3研究工具 9
1.5 研究架構 10
第二章 文獻探討 11
2.1一致性介面 11
2.1.1基模理論 11
2.1.2心智模式 12
2.1.3一致性介面的優點 16
2.1.4操作模式的一致性 17
2.2介面設計規範 18
2.2.1介面設計原則 18
2.2.2頁面配置 20
2.2.3功能選單 22
2.2.4 Kiosk介面設計準則 25
2.2.5大眾運輸售票機設計準則 27
2.3精靈介面 28
2.3.1使用時機 29
2.3.2設計原則 29
2.4觸控螢幕上的按鍵設計 32
2.4.1按鍵大小與間距 32
2.4.2按鍵形式 33
2.5小結 34
第三章 現況探討與分析 36
3.1高鐵與台鐵售票機介面現況分析 36
3.1.1高鐵與台鐵售票機現況 36
3.1.2介面視覺頁面比較 40
3.1.3介面操作模式比較 44
3.2任務操作實驗 50
3.2.1實驗流程 50
3.2.2實驗內容 51
3.2.3操作績效與錯誤率分析 53
3.2.4訪談結果整理歸納 54
第四章 一致性介面之設計 67
4.1設計規範 67
4.1.1購票流程架構 67
4.1.2頁面設計 68
4.1.3按鍵樣式 70
4.1.4圖形化呈現選擇項目 71
4.2一致性步驟流程頁面 74
4.2.1選擇服務項目 76
4.2.2選擇票種 76
4.2.3選擇啟程站與選擇到達站 77
4.2.4選擇張數 80
4.2.5選擇日期 81
4.2.6選擇時段 82
4.2.7選擇班次 82
4.2.8確認付款資訊 83
4.2.9選擇付款方式 84
第五章 一致性介面驗證與修正 85
5.1驗證實驗方法 85
5.1.1實驗任務設計 85
5.1.2問卷設計 87
5.1.3受測者樣本 87
5.2實驗任務進行方式 91
5.3一致性介面驗證實驗結果分析 92
5.3.1錯誤次數分析 93
5.3.2整體操作時間績效分析 94
5.3.3各步驟操作時間績效分析 97
5.4主觀滿意度與主觀評比結果 99
5.4.1主觀滿意度 99
5.4.2主觀評比 101
5.4.3受測者意見回饋整理 102
5.5一致性介面修正 104
第六章 結論與建議 107
6.1研究結論 107
6.1.1售票機介面模式設計方針 107
6.1.2頁面配置驗證 109
6.1.3個別頁面一致性設計 113
6.1.4跨平台一致性設計 114
6.2後續建議 116
參考文獻 118
附錄 123
附錄A:前導研究觀察記錄表(群組A) 123
附錄B:前導研究觀察記錄表(群組B) 125
附錄C:前導研究訪談紀錄表 126
附錄D:一致性模擬介面驗證問卷 127
附錄E:一致性模擬介面驗證參考圖片 129


[1]山岡俊樹(1998)。螢幕畫面設計(李傳房,譯)。雲林:中日設計教育研討會論文集。
[2]方裕民(2003)。人與物的對話-互動式介面的理論與實務。臺北市:田園城市出版社。
[3]王安祥、陳雨、陳明德(2001)。螢幕類型、文字/背景色彩組合及中文字型對使用者視覺績效與視覺疲勞的影響。工業工程學刊,第十八卷,第六期,53-62。
[4]王明月(2005)。大眾運輸售票機介面設計之研究。東海大學工業設計研究所碩士論文,臺中。
[5]王琮翔(2011)。以一致的介面與心智模式改善各航空公司自助報到精靈介面。臺北科技大學創新設計所碩士論文,臺北。
[6]林銘煌(2000)。產品造形中的符號與符碼。設計學報,5(2)。
[7]林振春(2000)。心智模式與學習型組織。成人教育,53,18-26。
[8]林郁菁(2010)。使用者經驗與車用資訊娛樂系統觸控介面選單設計型式之研究。國立臺灣科技大學設計研究所碩士論文,臺北。
[9]朱祖祥、曹立人(1994)。目標─背景色的配合對彩色CRT顯示功效的影響。心理學報,第二十六卷,第二期,128-134。
[10]李佩蓉(2010)。建構自動售票機之使用者購票模式─以台灣高鐵為例。屏東科技大學工業管理系所碩士論文,屏東。
[11]柳閩生(1987)。版面設計。臺北:幼獅文化事業。
[12]留淑芳、洪薏珺(2006)。自助式服務科技態度形成探討--以網路下單為例。第10屆科際整合管理研討會,179-197。
[13]陳志杰(1999)。使用者介面操作模式一致性之研究。雲林科技大學工業設計研究所碩士論文,雲林。
[14]陳郁汝(2010)。圖形化使用者介面之頁面配置研究-以電子睡眠日誌為例。台灣科技大學設計研究所碩士論文,臺北。
[15]陳建雄(1998)。色彩在使用者介面設計上的應用。第三屆亞洲設計會議-中、日、韓學術研討會論文集,407-414。台中:朝陽科技大學。
[16]陳詩捷(2002)。公共資訊站觸控式螢幕注音符號軟體鍵盤設計之研究。大同大學工業設計研究所碩士論文,臺北。
[17]張雯琳(2011)。觸控行動電話螢幕鍵盤之按鍵尺寸與間距大小對操作準確性之影響。台灣科技大學設計研究所碩士論文,臺北。
[18]蔡徹逸(2009)。售票機系統互動問題初探-以台灣高鐵為例。屏東科技大學工業管理系所碩士論文,屏東。
[19]潘玉玲(2006)。結合質化與量化方法探索女性上班族對褲襪產品的心智模式。世新大學公共關係暨廣告學研究所碩士論文,臺北。
[20]謝志成、賴鵬翔、高振源(2010)。以眼動儀與主觀感受探討高鐵自動售票系統操作介面。99年台灣感性學會研討會論文集,C-12。台中:東海大學。
[21]Bollaert, J. (2001). Crafting a wizard. Sep 01, 2001, from http://www.ibm.com/developerworks/library/us-wizard/
[22]Bollaert, J. (2002). More Web-based wizard tips and tricks. Jan 01, 2002, from http://www.ibm.com/developerworks/library/us-wizard2/
[23]Breinholt, G. & Krueger, H. (1996). Evaluation of key shapes on a touchscreen simulation of a specialised keypad. Applied Ergonomics, 27(6), 375-379.
[24]Brinck, T.; Wood, S.D. & Gergle, D. (2002). Usability for the Web: Designing Web Sites That Work. San Diego: Morgan Kaufmann.
[25]Costantine, L. L. & Lockwood, L. (1999). Software for Use - A Practical Guide to the Models and Methods of Usage-Centered Design. Reading MA: Addison-Wesley.
[26]Davidson, M. J.; Dove, L. & Weltz, J. (1999). Mental Models and Usability. Chicago: Cognative Psychology 404. Depaul University.
[27]Dix, A.; Finlay, J.; Abowd, G. D. & Beale, R. (1998). Human-Computer Interaction. Hempstead UK: Prentice Hall.
[28]Feiner, S. (1988). A Grid-Based Approach to Automating Display Layout. In: Proc. ofthe Graphics Interface 88. Palo Alto: Morgan Kaufmann, 192-197.
[29]Gatingon, H. A. & Robertson, T. S. (1991), Innovative Decesion Processes, in Handbook of Consumer Behavior, Robertson, T.S. andKassarjian, H.H. (Eds.). Englewood Cliffs. NJ: Prentice Hall, 316-348.
[30]Hackos, J. T. & Redish, J. C. (1998). User and Task Analysis for Interface Design. New York: John Wiley and Sons.
[31]Helander, H. G. (1987). Design of visual displays. In G. Salvendy (ed.): Handbook of Human Factors. New York: McGraw-Hill.
[32]Hix, D. & Hartson, H.R. (1993). Developing User Interfaces: Ensuring usability through product and process. NY: Wiley. Chap. 2
[33]IBM Corporation (1992). Object-Oriented Interface Design: IBM Common User Access Guidelines. Indianapolis IN: QUE.
[34]IWASE HIROKAZU & KITAOKA MASATOSHI (2003). Effects of target shape on the operational characteristics of a touch screen. Japanese Journal of Ergonomics, 39, 6,300-307.
[35]Koler, P. A.; Duchnicky, R. I. & Ferguson, D. C. (1981). Eye movement measurement of readability of CRT displays. Human Factors, 23, 517-527.
[36]Lauesen, S. (2008)。人機介面設計(曾俊儒、張世敏,譯)。台北:學貫行銷。
[37] 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, 858-882. Chicago, IL: Rand McNally.
[38]Maguire, M. C. (1999). A Review of User-Interface Design Guidelines for Public Information Kiosk Systems. UK: International Journal of Human-Computer Studies, 50. 263-286.
[39]Mahnke, F. H. & Mahnke, R. H. (1987). Color and Light in Man-Made Environments. New York: Van Nostrand Reinhold.
[40]Marsdena, P. & Hollnagel E. (1999). Human interaction with technology: The accidental user. Poster session presented at Acta Psychologica, 91, 345-358.
[41] May, A. J. (1993). Development of generic user requirements for interactive public information systems. Master of Science thesis in Ergonomics, Faculty of Science, University College. London.
[42]Mendel, J. & Pak, R. (2009). The effect of Interface Consistency and Cognitive Load on user performance in an information search task. Poster session presented at PROCEEDINGS of the HUMAN FACTORS and ERGONOMICS SOCIETY 53rd ANNUAL MEETING—2009.
[43]Mick, D. G. & Fourneir, S. (1998). Paradoxes of Technology: Consumer Cognizance, Emotions, and Coping Strategies. Journal of Consumer Research, 25(September), 123-143.
[44] Mosier, J. N. & Smith, S. L. (1986). Guidelines for designing user interface software.USA.
[45]Muller-Brockmann, J. (1981). Grid Systems in Graphic Design. Stuttgart: Hatje.
[46]Newman, W. & Lamming, M. (1995). Interactive Systems Design. Harlow: Addison-Wesley.
[47]Newell, A. F. (1993). Interfaces for the ordinary and beyond.IEE software, 10(5), 76-78.
[48]Nielsen, J. (1993). Usability Engineering. Boston: Morgan Kaufmann.
[49]Nielsen, J. (2002). Coordinating User Interfaces for Consistency. Boston: Morgan Kaufmann.
[50]Nielsen, J. & Loranger, H. (2006). Prioritizing Web Usability. CA: New Riders Press.
[51]Noirhomme-Fraiture, M. & Vanderdonckt, J. M. (1993). Screen usability guidelines for persons’with disabilities. INTERCHI’93 (adjunct), 25-26.
[52]Norman, D. A. (1982). Learning and Memory. California: W.H Freeman and Company.
[53]Norman, D. A. (1988). The Design of Everyday Things. New York: Doubleday/Currency.
[54]Norman, K. (1991). The Psychology of Menu Selection: Designing Cognitive Control of the Human/Computer Interface. Ablex Publishing Corporation.
[55]O''Connor, J. & McDermott, I. (1997). The Art of Systems Thinking: Essential Skills for Creativity and Problem Solving. Thorsons.
[56]Parhi, P.; Karlson, A. K. & Bederson, B. B. (2006). Target Size Study for One-handed Thumb Use on Small Touchscreen Devices. Proc. Conference on MobileHCI, Pages 203-210.
[57]Preece, J. (1994). Human-Computer Interaction. Reading MA: Addison-Wesley.
[58]Rogers, Y.; Rutherford, A. & Bibby, P. (1992). Models in the Mind: Theory, Perspective, and Application. London: Academic Press.
[59]Rumelhart, D. E. (1980). Schemata: The building blocks of cognition. N.J.: Erlbaum.
[60]Salvendy, G. & Jacko, J. (1996). Hierarchical menu design: Breadth, depth, and task complexity. Perceptual and Motor Skills, 82:1187-1201.
[61]Sanders, M. S. & McCormick, E. J. (1993). Human Factors in Engineering and Design (7th Ed). New York: McGrew-Hill, 132-159.
[62]Sandnes, F. E.; Hua-Li Jian; Yo-Ping Huang & Yueh-Min Huang (2010). User Interface Design for Public Kiosks: An Evaluation of the Taiwan High Speed Rail Ticket Vending Machine. Journal Of Information Science And Engineering 26, Pages 307-321.
[63]Schedlbauer, M. (2007). Effects of key size and spacing on the completion time and accuracy of input tasks on soft keypads using trackball and touch input. Department of Computer Science University of Massachusetts, Lowell, MA.
[64]Sears, A. & Shneiderman, B. (1994). Split menus: Effectively using selection frequency to organize menus. ACM Transactions on Computer-Human Interaction, 1, 1, 27-51.
[65]Shneiderman, B. (1998). Designing the User Interface. MA: Addison Wesley.
[66]Shneiderman, B. & Plaisant, C. (2004)。人機介面設計-有效的人機互動策略 (曾志軒,譯)。 臺北市:臺灣培生教育。
[67]Sjoberg, Samuel. (2005). A Touch Screen Interface forPoint-Of-Sale Applicationsin Retail Stores. Unpublished master’s thesis, Umea University, Umea, Sweden.
[68]Tidwell, J. (2006). Designing Interfaces. CA: O''Reilly Media.
[69]Wickham, D.; Mayhew, D.; Stoll, T.; Toley, K. & Rouiller, S. (2002). Designing effective wizards: Amultidisciplinary approach. Upper Saddle River, NJ: Prentice-Hall.
[70]Zaphiris, P.; Shneiderman, B. & Norman, K.L. (2002). Expandable Indexes versus Sequential Menus for Searching Hierarchies on the World Wide Web. Behaviour and Information Technology, 21 (3), 185-201. London: Taylor and Francis.
[71]Zimbardo, P. G. (1988). Psychology and Life (12th Ed.). Boston: Scott, Foresman and Company.


QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top