研究生: |
吳筠綺 Yun-Chi Wu |
---|---|
論文名稱: |
彈跳視窗及資訊呈現方式應用於整合型餐飲外送平台之介面設計研究 Interface Design Research on Pop-up Windows and Information Display of Integrated Food Delivery Platform |
指導教授: |
范振能
Jeng-Neng Fan |
口試委員: |
陳建雄
Chien-Hsiung Chen 柯志祥 Chih-Hsiang Ko |
學位類別: |
碩士 Master |
系所名稱: |
設計學院 - 設計系 Department of Design |
論文出版年: | 2020 |
畢業學年度: | 108 |
語文別: | 中文 |
論文頁數: | 121 |
中文關鍵詞: | 餐飲外送平台 、介面設計 、使用者經驗 、彈跳視窗 、資訊呈現方式 |
外文關鍵詞: | Food delivery platform, Interface design, User experience, Pop-up windows, Information display |
相關次數: | 點閱:243 下載:20 |
分享至: |
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報 |
台灣有高達93%的臺灣民眾有外食的習慣,也由於電子商務的蓬勃發展進而帶動了整合型餐飲外送平台於臺灣的普及程度。作為與消費者溝通媒介的網頁與應用程式,如何仰賴使用者介面在餐飲業者與消費者之間傳達清楚的資訊、並讓消費者操作流暢成為此服務的關鍵。因此,本研究目的在為尚在發展的階段中的整合型餐飲外送平台整理出介面優化的方向,並了解資訊不同呈的現方式與出現時機對於資訊傳遞的影響。希望能夠加強雙方在平台上的資訊傳遞,提高使用者介面的使用性與使用者經驗。
本研究實驗共分兩階段進行,第一階段為前導實驗:針對臺灣前三大整合型餐飲外送平台進行使用性測試,透過問卷調查、績效量測與訪談釐清各平台之需求與問題點,並進一步了解受測者在操作介面上的主觀感受。
第二階段為驗證實驗:根據前導實驗的結果,得出使用者介面上待優化的方向,採用2(有無彈跳視窗)x3(資訊呈現方式)雙因子混合實驗設計進行驗證,「有無彈跳視窗」分為(1)有彈跳視窗、(2)無彈跳視窗兩個層級;而「資訊呈現方式」分為(1)大圖搭配文字、(2)小圖搭配文字、(3)純文字列表三個層級。透過分析受測者的任務操作時間、使用性與滿意度,並得出符合整合型餐飲外送平台的使用者介面組合。
研究結果顯示:(1)整合型餐飲外送平台的資訊呈現方式會對使用性與滿意度造成影響;(2)大圖搭配文字的資訊呈現方式在操作績效、使用性和滿意度皆優於小圖搭配文字和純文字列表;(3)彈跳視窗的有無並不會影響對介面的使用性與滿意度;(4)資訊呈現方式加入彈跳視窗的組合在介面呈現上的滿意度比「沒有彈跳視窗」的組合高。
93% of citizen have the eating-out habit in Taiwan and the O2O model is flourishing in the present and leads to the popularity of integrated food delivery platform. The user interface is the medium of communication, how to convey the clear information with better usability between food industry and consumers becomes the key point for integrated food delivery platform service. The purpose of this study is to optimize the user interface, and understand the impact of different information display and timing on conveying information. It is hoped to be enhanced between two parties, and also improve the usability and user experience at same time.
The experiments in this study consist of two stages: (1) Pre-test: Conduct usability testing on three representative integrated food delivery platforms in Taiwan, and further explore the difference by questionnaire, performance measures, and interviews in order to clarify the user needs and problems.
The verification experiment is based on the results of the pre-test, and the improvement of user interface is regarded as the main direction of research. It is conducted on the 2 (with/without pop-up windows) by 3 (information display) two-way mixed factorial design. The pop-up windows are divided into two levels: (1) With pop-up windows; (2) Without pop-up windows. The information display are divided into three levels: (1) Content with big image; (2) Content with small image; (3) Text list. By analyzing performance measures, usability, and satisfaction form subjects, it leads to the better user interface combination for integrated food delivery platform.
The results show that: (1) The information displays do affect the usability and satisfaction for integrated food delivery platforms. (2) Content with big image in performance, usability, and satisfaction are better than content with small image and text list. (3) With/without pop-up windows have no effect on usability and satisfaction. (4) The addition of pop-up windows to the information display have great satisfaction with interface display aspects.
英文文獻
1. Bangor, A., Kortum, P., & Miller, J. (2009). Determining what individual SUS scores mean: Adding an adjective rating scale. Journal of Usability Studies, 4(3), 114-123.
2. binti Ayob, N. Z., Hussin, A. R. C., & Dahlan, H. M. (2009). Three layers design guideline for mobile application. In 2009 International Conference on Information Management and Engineering (pp. 427-431). IEEE.
3. Shneiderman, B., & Plaisant, C. (2010). Designing the user interface: strategies for effective human-computer interaction. Pearson Education India.
4. Shneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., Elmqvist, N., & Diakopoulos, N. (2016). Designing the user interface: strategies for effective human-computer interaction. Pearson.
5. Brooke, J. (1996). SUS-A quick and dirty usability scale. Usability evaluation in industry, 189(194), 4-7.
6. Colborne, G. (2010). Simple and usable web, mobile, and interaction design. San Francisco, New Riders.
7. Dillon, A. (2006). User interface design. Encyclopedia of Cognitive Science.
8. Garrett, J. J. (2010). The elements of user experience: user-centered design for the web and beyond. New York. Pearson Education.
9. Glissmann, S., Smolnik, S., Schierholz, R., Kolbe, L., & Brenner, W. (2005). Proposition of an m-business procedure model for the development of mobile user interfaces. In International Conference on Mobile Business (ICMB'05) (pp. 308-314). IEEE.
10. Hassenzahl, M., & Tractinsky, N. (2006). User experience-a research agenda. Behaviour & information technology, 25(2), 91-97.
11. Hirschberg, C., Rajko, A., Schumacher, T., & Wrulich, M. (2016). The changing market for food delivery. Mckinsey: New York, NY, USA.
12. Kimes, S. E. (2011). The current state of online food ordering in the US restaurant industry. Cornell Hospitality Report, 11(17), 6-18.
13. Nielsen, J. (1994). Usability engineering. San Francisco, Morgan Kaufmann Pub
14. Nielsen, J. (1995). 10 usability heuristics for user interface design. Nielsen Norman Group, 1(1).
15. Nielsen, J., & Loranger, H. (2006). Prioritizing web usability. New York, Pearson Education.
16. Norman, D. A. (1983). Some observations on mental models. In D. Gentner and A. L. Stevens (Eds.), Mental models (p. 7-14). Hillsdale, NJ: Lawrence Erlbaum.
17. Ryan, C., & Gonsalves, A. (2005). The effect of context and application type on mobile usability: an empirical study. In Proceedings of the Twenty-eighth Australasian conference on Computer Science-Volume 38 (pp. 115-124). Australian Computer Society, Inc..
18. Whiteside, J., & Wixon, D. (1987). The dialectic of usability engineering. In Human–Computer Interaction–INTERACT'87 (pp. 17-20). North-Holland.
19. Yeo, V. C. S., Goh, S. K., & Rezaei, S. (2017). Consumer experiences, attitude and behavioral intention toward online food delivery (OFD) services. Journal of Retailing and Consumer Services, 35, 150-162.
中文文獻
1. 孫詩韻(2008)。彈跳視窗呈現方式對使用者網頁瀏覽認知負荷與偏好之影響(未出版之碩士論文)。國立清華大學,新竹市。
網路資料
1. Taiwan Business Topics. (2019). The Food Bots Have Arrived. From: https://topics.amcham.com.tw/2019/01/the-food-bots-have-arrived/
2. MorganStanley. (2017). Alexa, What's for dinner tonight? From: https://www.morganstanley.com/ideas/online-food-delivery-market-expands
3. The Timeless Way of Stock Investment. (2018年). Grubhub初步分析。擷取自:https://timelessinvestment.wordpress.com/2018/12/03/grubhub%E5%88%9D%E6%AD%A5%E5%88%86%E6%9E%90/
4. FORTUNE. (2017). Restaurants Face Digital Dilemma. From: http://fortune.com/2017/06/09/order-online-food-delivery-starbucks-mcdonalds/
5. 中華民國經濟部統計處(2018)。107年批發、零售及餐飲業經營實況調查報告。擷取自:https://www.moea.gov.tw/Mns/dos/bulletin/Bulletin.aspx?kind=28&html=1&menu_id=16959&bull_id=5497
6. 中華民國經濟部統計處(2018)。106年製造業之隱形冠軍-連年成長表現突出。擷取自:https://www.moea.gov.tw/mns/dos/bulletin/Bulletin.aspx?kind=9&html=1&menu_id=18808&bull_id=5047
7. UsabilityGeek. (2011). The Difference (And Relationship) Between Usability And User Experience. From: https://usabilitygeek.com/the-difference-between-usability-and-user-experience/#difference-usability-user-experience-2