簡易檢索 / 詳目顯示

研究生: 陳昭伶
Jhao-Ling Chen
論文名稱: 行動購票應用程式之大眾運輸介面設計研究
Research on the Interface Design of Mobile Ticketing APPs for the Public Transportation
指導教授: 董芳武
Fang-Wu Tung
口試委員: 陳建雄
Chien-Hsiung Chen
柯志祥
Chih-Hsiang Ko
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2021
畢業學年度: 109
語文別: 中文
論文頁數: 158
中文關鍵詞: 大眾運輸購票系統介面設計介面易用性行動應用程式
外文關鍵詞: mobile ticketing APPs for the public transportation, interface Design, interface usability design, mobile applications
相關次數: 點閱:401下載:4
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著數位時代的來臨,透過智慧型手機、網路等資訊科技為人類帶來新的生活型態,講求的是即時性與方便性,其中行動應用程式(APP)就是因應這時代需求而生的產物,因此,行動應用程式介面之易用性及互動設計變的極為重要。本研究目的針對大眾運輸行動購票應用程式,於手機介面操作的主觀感受進行探討,分析主導覽與選單呈現樣式間,相互影響的可能因素,是否影響操作介面的使用者經驗。
    本研究實驗包含兩部分:(1)前導性實驗:選擇現有三款具有代表性之行動購票應用程式測試其易用性,分析操作績效與滿意度,從中發現問題以提出設計建議;(2)實驗研究:將前導性實驗結果及文獻探討為基礎,進一步以改善整體操作為目標,重新設計導覽模式,主要探討主導覽與內頁呈現模式之間的關係,以3(主導覽)× 2(內頁呈現模式)雙因子組間實驗方式進行;主導覽共有三款:(A)列表式導覽、(B)輻射式導覽、(C)點聚式導覽;而二種內頁呈現模式分別是條列式選單與翻頁式選單。
    研究結果顯示:(1)在三款導覽模式中,輻射式導覽不論在任務操作績效、系統易用性尺度、使用者互動滿意度中都是最佳的。(2)點聚式導覽介面使用方式靈活有趣但首次使用者需要學習。(3)輻射式導覽結合條列式選單有助於全面提升操作體驗。(4)列表式導覽結合條列式選單操作績效秒數最快速,是使用者熟悉的介面所以能順暢操作。(5)翻頁式選單模式於行動購票應用程式是可行的介面設計方案。


    With the accelerating growth in using mobile devices, mobile applications (APPs) are applied to meet the increasing consumers’ needs. App developers have to find new ways to delight users and to create engaging user experience. The ease of use, real time experience and convenience during interaction have become important aspects of design. The purpose of this research is to investigate the subjective experience of the mobile phone interface operation of the public transportation mobile ticketing apps, and to analyze the possible factors that affect the presentation style of the Navigation Modes and menu design, and that whether they affect the user experience of the operation interface.
    The method of this research contains two parts: (1) Pilot experiment: Three representative mobile ticketing apps are selected to test their usability, to analyze operation performance and satisfaction, and to identify problems so as to propose design recommendations. (2) Experimental study: Based on literature review as well as the results of the pilot experiment, the experiment is redesigned to meet the aim of improving, of which the purpose is to explore the effect of presentation style of the Navigation Modes and menu design on user experience. The experiment is designed based on a 3 (Navigation Modes) × 2 (menu). And it is done by two-way ANOVA between-subject experiments. Three navigation modes are: (A) List navigation mode, (B) Springboard navigation mode, (C) Floating Action Navigation. The two page models are: List and Carousel menu.
    The research findings show: Firstly, the Springboard navigation has the best performance, user satisfaction, and usability. Secondly, the Floating Action Navigation mode interface is flexible and interesting, but unfamiliar to users. Thirdly, the Springboard navigation combined with the List menu helps to improve the overall operating experience. Fourthly, the List Navigation mode combined with the List menu has the fastest operation performance. It is familiar and relatively easy to users. Finally, the Carousel menu is a feasible solution in the mobile ticketing apps.

    論文摘要 I Abstract II 誌謝 IV 目錄 V 圖表索引 VIII 第一章、 緒論 1 1.1 研究背景與動機 1 1.2 研究目的 4 1.3 研究架構與流程 5 1.4 研究範圍與限制 7 第二章、文獻探討 8 2.1 行動商務 8 2.1.1 行動商務的定義與發展 8 2.1.2 行動商務的特性 10 2.1.3 行動商務的最新應用 11 2.1.4 行動購票服務與相關APP研究 12 2.2 人機介面 14 2.2.1 人機互動設計 14 2.2.2 使用者介面 16 2.2.3 介面設計之原則 16 2.2.4 介面易用性評估 17 2.3使用者經驗 19 2.3.1 何謂使用者經驗 19 2.3.2 使用者經驗與設計 20 2.3.3 使用者經驗設計的轉變 22 2.4 行動裝置的使用者介面與體驗 23 2.4.1 行動裝置螢幕尺寸 23 2.4.2 行動應用之生命週期與特徵 26 2.4.3 行動應用之操作方式 27 2.4.4 行動設計原則 34 2.4.5 行動應用的框架 34 2.4.6 行動應用導覽的設計模式 36 2.4.7 小節 41 第三章、研究方法 42 3.1 研究方法 42 3.2 研究步驟 43 第四章、前導性實驗 45 4.1 現有交通運輸APP前導性實驗問卷設計研究步驟 45 4.2 前導性實驗項目分析 46 4.2.1 三款樣本操作步驟說明 46 4.2.2 樣本項目整理 50 4.3 前導性實驗設備 54 4.4 前導性實驗對象 54 4.5 前導性實驗設計 56 4.6 前導性實驗結果分析 57 4.6.1任務操作時間績效分析 57 4.6.2 系統易用性尺度量表(SUS)分析 61 4.6.3 使用者互動滿意度問卷 (QUIS)之分析 63 4.7 樣本事後訪談整理 67 4.8 前導性實驗小結 69 第五章、設計與評估 70 5.1 實驗研究規劃 70 5.1.1 實驗研究變項 70 5.1.2 實驗原型製作 72 5.1.3 實驗研究樣本 73 5.1.3 實驗流程設計 79 5.1.4 實驗研究對象 81 5.2 實驗研究結果 85 5.2.1 任務操作績效分析 86 5.2.2 系統易用性尺度量表(SUS) 103 5.2.3 使用者互動滿意度量表(QUIS)分析 106 5.2.4 實驗研究結果整理 115 第六章、 結論與建議 123 6.1 研究結論 123 6.2 後續研究建議 126 參考文獻 127 附錄A:前導性實驗問卷設計 133 附錄B:實驗研究問卷設計 137

    英文文獻:
    1.Apanasevic, T., & Markendahl, J. (2018). The value of mobile ticketing from a public transport perspective. Journal of Payments Strategy & Systems, 11(4), 292-305.
    2.Babaee, N. (2010). Investigating effective factors and presenting a practical guideline to adoption of mobile ticketing.
    3.Cheng, Y.-H., & Huang, T.-Y. (2013). High speed rail passengers’ mobile ticketing adoption. Transportation Research Part C: Emerging Technologies, 30, 143-160.
    4.Clarke III, I. (2001). Emerging value propositions for m-commerce. Journal of business strategies, 18(2), 133-149.
    5.Egger, R. (2013). “The impact of near field communication on tourism”, Journal of Hospitality and Tourism Technology, vol. 4, n. 2: 119-133. http://dx.doi.org/10.1108/JHTT-04-2012-0014
    6.Fischer, J. (2009): “NFC in cell phones: The new paradigm for an interactive world”, IEEE Communications Magazine, vol. 47, n. 6:22-28.
    7.Forlizzi, J., & Battarbee, K. (2004, August). Understanding experience in interactive systems. In Proceedings of the 5th conference on Designing interactive systems: processes, practices, methods, and techniques (pp. 261-268).
    8.Garrett, J. J. (2010). The elements of user experience: user-centered design for the web and beyond, 2/e. Pearson Education.
    9.Gu, Y., & Zhang, W. (2011). QR code recognition based on image processing. Paper presented at the International Conference on Information Science and Technology.
    10.Iata (2009): Airline passengers call for more self-service, http://www.iata.org/pressroom/pr/ Pages/2007-20-11-01.aspx
    11.Kieseberg, P., Leithner, M., Mulazzani, M., Munroe, L., Schrittwieser, S., Sinha, M., & Weippl, E. (2010). QR code security. Paper presented at the Proceedings of the 8th International Conference on Advances in Mobile Computing and Multimedia.
    12.Kunjachan, M. A. C. (2011). Evaluation of usability on mobile user interface. University of Washington, Bothell.
    13.MacKenzie, I. S. (2012). Human-computer interaction: An empirical research perspective: Newnes.
    14.Mallat, N., Rossi, M., Tuunainen, V. K., & Öörni, A. (2009). The impact of use context on mobile services acceptance: The case of mobile ticketing. Information & management, 46(3), 190-195.Mahatanankoon, P., Wen, H. J., & Lim, B. (2005). Consumer-based m-commerce: exploring consumer perception of mobile applications. Computer standards & interfaces, 27(4), 347-357.
    15.Morville, P. (2004). User experience honeycomb. Web Log Post Retrieved from https://semanticstudios.com/user_experience_design/ Php, 21, 09-12.
    16.Ngai, E. W., & Gunasekaran, A. (2007). A review for mobile commerce research and applications. Decision support systems, 43(1), 3-15.
    17.Nielsen Norman Group (1993)。Usability Engineering. Retrieved from
    https://www.nngroup.com/books/usability-engineering/
    18.Norman, D. A. (1988). The design of everyday things Doubleday. New York, NY.
    19.Ok, K.; Coskun, V., Aydin, M. & Ozdenizci, B. (2010): “Current benefits and future directions of NFC services”, Paper presented at the 2010 International Conference on Education and Management Technology (ICEMT), IEEE, Cairo (Egypt), : 334-338. http://dx.doi.org/10.1109/ICEMT.2010.5657642
    20.Palumbo, F. (2015). Developing a new service for the digital traveler satisfaction: The Smart Tourist App. International Journal of Digital Accounting Research, 15.
    21.Palumbo, F., Dominici, G., & Basile, G. (2013, June). Designing a mobile app for museums according to the drivers of visitor satisfaction. In Recent Advances in Business Management and Marketing-Proceedings of the 1st International Conference on Management, Marketing, Tourism, Retail, Finance and Computer Applications (MATREFC'13). Dubrovnik, Croatia, WSEAS Press.
    22.Prata, W., de Moraes, A., & Quaresma, M. (2012). User’s demography and expectation regarding search, purchase and evaluation in mobile application store. Work, 41(Supplement 1), 1124-1131.
    23.Preece, J., Benyon, D., & University, O. (1993). A guide to usability: Human factors in computing. Addison-Wesley Longman Publishing Co., Inc..
    24.Shneiderman, B., Plaisant, C., Cohen, M. S., Jacobs, S., Elmqvist, N., & Diakopoulos, N. (2016). Designing the user interface: strategies for effective human-computer interaction. Pearson.
    25.Walbridge, S. (2000). Usability testing and libraries: The WSU experience. The Washington Library Association Journal, 16(3), 23-24.

    中文文獻:
    1.王東雲 (2012)。社會研究方法:量化與質性取向及其應用。新北市:威仕曼文化。
    2.方裕民(2003)。人與物的對話-互動介面設計理論與實務。臺北市:田園城市。
    3.吳燦銘 (2019)。電子商務一定要懂的16堂課:跨境開店×社群 經營×市場數據×品牌行銷。臺灣:博碩文化
    4.呂智惠、謝建成、黃琬姿、黃毓絜 (2016)。網站資訊架構之使用者經驗研究:以臺師大科普閱讀網建置與使用性測試為例。大學圖書館,20(1),63-87。
    5.李來春、 陳圳卿、曹筱玥、林寶蓮 (2018)。互動設計概論。新北市: 全華圖書。
    6.阮綠茵(2007)。觀察法。於管倖生、阮綠茵、王明堂、王藍亭、李佩玲、高新發等編著,設計研究方法,三版,103-124 頁。臺北:全華。
    7.周翔(2015)。指間對決:行動商務教戰書。有意思出版社。
    8.林建廷、李元生(2012)。行動商務概論、實務與應用: 無所不在的雲端運算、行動裝置、RFID與物聯網。臺北:碁峰資訊。
    9.林意紋 (2012)。結合國民外交及行動商務的完美之旅。臺灣行動商務世代 - GS1 Taiwan:全宏科技商務處長。
    10.柳永青 (2012)。友善的人機介面。科學發展 (472), 9。
    11.張羿文 (2014)。行動商務的趨勢在於人性,而非科技!臺灣行動商務世代 - GS1 Taiwan:日本電通集團媒體實驗室所長。
    12.張紹勳 (2005)。研究方法,第三版。台中:滄海。
    13.陳光華 & 楊政樺 (2013)。行動商務顧客服務因素與市場區隔探討-以台灣高鐵手機快速訂票通關服務為例. 觀光休閒學報, 19(3), 279-306.
    14.陳建源 (2009)。「制度信任、認知有用性、認知易用性對消費者使用意圖之影響—以行動商務為例」,國立成功大學高階管理碩士專班碩士論文。
    15.傅小貞、胡甲超與鄭元攏 (2014)。行動設計之鑰 : 打造出讓使用者一見鍾情的手機APP UI /UX設計 = Mobile design 。臺北市: 松崗。
    16.彭其捷(2016)。打造成功UI/UX的50個關鍵。新北:博碩文化。
    17.智慧型手機作業系統使用情形 第148期 發刊日:2020年02月17日 。顧問創市際雙週刊,創市際市場研究。
    18.黃峰、賴祖傑 (2020)。體驗思維。中國大陸:天津科學技術。
    19.楊美雪、陳盈如 (2015)。影響民眾下載廣告型行動應用程式意願研究. [A Study of Factors that Influence Users to Download Advertising App]. 中國廣告學刊(20), 30-53.
    20.葉謹睿(2010)。互動設計概論:後數位時代的網站、介面、產品及軟體設計的原則。臺北:藝術家。
    21.樊曦(2019)。鐵路候補購票服務擴大到全部列車[J]。城市軌道交通研究,2019年06期。
    22.歐宜佩、陳信宏 (2018, July).近期數位轉型發展趨勢之觀察。經濟前瞻第178期.中華經濟研究院。
    23.盧希鵬 (2015)。為什麼E.T.的食指那麼長?隨經濟下的42種企業經營模式與策略思維。臺灣:商周。

    網路資料:
    1.The Thumb Zone: Designing For Mobile Users, 2016. By Samantha Ingram.
    2.Design for Fingers and Thumbs Instead of Touch, November 11, 2013. By Steven Hoober. Web Post Retrieved from https://www.uxmatters.com/mt/archives/2013/11/design-for-fingers-and-thumbs-instead-of-touch.php
    3.How We Hold Our Gadgets, November 03, 2015. By Josh Clark. Web Post Retrieved from https://alistapart.com/article/how-we-hold-our-gadgets/
    Web Post Retrieved from https://www.smashingmagazine.com/2016/09/the-thumb-zone-designing-for-mobile-users/#problems-with-navigation
    4.iOS vs. Android App UI Design: The Complete Guide (2020.2.22). Erik D. Kennedy. Web Post Retrieved from www.learnui.design
    5.Mobile UX design trends to watch out for in 2020, December 29, 2019. Web Post Retrieved from uxdesign.cc
    6.抽屜式導航怎麼用?這4種場景教你正確的設計姿勢 (2016年1月6日)@Autumn阿秋原創發佈于人人都是產品經理。上網日期:2020年9月,取自:http://www.woshipm.com/ucd/261803.html
    7.【APP使用者調查】遊戲、網購、交通運輸APP崛起。(2017年03月29日) 臺北市:資策會產業情報研究所(MIC)。上網日期:2020年2月20日。取自:https://reurl.cc/gdXGL 2019.03.06
    8.全球行動上網用戶突破40億,使用手機版網站及行動版頁! (2018年4月30日)。研究機關 We Are Social 和 Hootsuite 共同發表的 GLOBAL DIGITAL REPORT 2018 報告。上網日期:2020年3月25日。取自: https://www.design-hu.com/web-news/moblie-website.html
    9.【行動支付大調查】行動支付用戶達六成最常使用方案與場域大排名。(2020年1月20日)臺北市:資策會產業情報研究所(MIC)。上網日期:2020年2月20日。取自:https://mic.iii.org.tw/news.aspx?id=551&List=3
    10.2018台灣網路報告。(2018年12月31日)臺北市:財團法人台灣網路資訊中心。上網日期:2020年3月20日。取自:https://www.twnic.net.tw/doc/twrp/201812b.pdf
    11.今年電子購物業營收可望再創新猷。(2019年8月5日)。臺北市:經濟部統計處。上網日期:2020年3月25日。取自:https://is.gd/uwi6s4
    12.手機越做越大,品牌追求大螢幕究竟滿足了誰?(2020年5月25日)點子生活科技/高伯任。上網日期:2020年12月20日。取自:https://saydigi-tech.com/2020/05/23264.html

    QR CODE