研究生: |
鍾晨嬈 ZHONG, CHENRAO |
---|---|
論文名稱: |
醫院公衆平臺網路預約掛號介面排列型式之研究 Research on the Interface Layout Style of Hospital Public Platform for Internet Registration |
指導教授: |
陳建雄
Chien-Hsiung Chen |
口試委員: |
賴文祥
Wen-Hsian Lai 柯志祥 Chih-Hsiang Ko |
學位類別: |
碩士 Master |
系所名稱: |
設計學院 - 設計系 Department of Design |
論文出版年: | 2021 |
畢業學年度: | 109 |
語文別: | 中文 |
論文頁數: | 147 |
中文關鍵詞: | 醫院公眾平臺 、掛號系統 、使用者經驗 、介面使用性 、互動設計 |
外文關鍵詞: | Hospital public platform, Registration system, User experience, Interface usability, Interactive design |
相關次數: | 點閱:221 下載:1 |
分享至: |
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報 |
隨著“互聯網+”時代蓬勃發展的同時,智慧型手機與通訊軟體也迅速發展。中國大陸各大醫院藉助微信應用程序擁有龐大使用族群的情況下,伴隨著微信公眾平臺的開發與使用,開創移動互聯網下就診新模式,勢力要將傳統的醫療體系轉變為以互聯網為基礎的數位化醫療信息體系,而線上預約就診便是利用互聯網技術將患者與醫院之間串聯起來的互動橋樑。醫院公眾平臺的出現不僅改變了患者掛號就診的行為方式,也優化了就診流程和就診效率。但處於起步階段的醫院公眾平臺,其介面使用性與使用者滿意度還有待改進。有鑒於此,相關技術人員與設計師著重研發醫院公眾平臺的開發與設計,並不斷更迭換代以滿足使用者的操作需求。因此本研究目的是以使用者需求為出發點,透過研究成果所提出的介面設計建議與研究結論,能夠有助於改善現有醫院公眾平臺的介面使用性問題,給予使用者在掛號就診中更好的體驗與感受。
本研究包含兩個階段的實驗:(1)前導性實驗:經由文獻探討的相關理論知識以及整理現有醫院公眾平臺的功能層級與資訊架構,旨在選定實驗樣本與設定實驗內容,進而透過實驗的操作績效、量表評分與訪談得出使用者需求與介面建議。(2)驗證實驗:基於前導性實驗的結果,探討出介面排列型式與使用者經驗之間作為自變項進行組合,並以介面視覺元素作為原型樣本的設計基礎,採用2 (使用者經驗) × 3 (介面排列型式)雙因子組間的實驗設計,「使用者經驗」分為有或無使用經驗兩個層級,而「介面排列型式」分為圖標型、列表型和卡片型三個層級,藉此探討使用者經驗的有無是否會受不同介面排列型式的影響,其何種組合的使用性與滿意度最佳。
研究成果歸納為:(1)列表型用於輸入信息類介面更易操作;(2)聊天選項類介面採用卡片型更具易視性;(3)初次使用輔以使用者指南說明有助於使用者操作;(4)功能圖文結合應以文字為主、圖標為輔;(5)優化介面上的細節以提升體驗感。
With the vigorous development of the "Internet +" era, smartphones and communication software are also developing rapidly. The use of WeChat applications in major hospitals in mainland China have a large user population. The use of the WeChat public platform has created a new model of medical treatment under the mobile Internet applications. The forces will transform from the traditional medical system into an Internet-based digital age. The medical information system is modernized, and online appointments and consultations are the interactive bridges that connect patients and the hospitals through the use of Internet. The emergence of the hospital public platform has changed the way patients register for medical treatments and optimized the medical treatment process and efficiency. However, in the initial stage of the hospital public platform, its interface usability and user satisfaction might still need to be improved. Because of this, relevant technical personnel and designers focus on the development and design of the hospital public platform and continue to update it to meet the operating needs of users. Therefore, the purpose of this research study is to take user needs as the starting point. The interface design suggestions and research conclusions put forward through the research results to help improve the interface usability of the existing hospital public platform and give users a better way of registering and seeing a doctor with a better user experience and feelings.
This study consists of two phases of experiments: (1) Pilot experiment: related theoretical knowledge discussed through literature and sorting out the functional level and information architecture of the existing hospital public platform, aiming to select experimental samples and help decide experimental contents. The user’s needs and interface recommendations are derived from participants’ task performance, scale ratings, and interviews. (2) Verification experiment: Based on the results of the pilot experiment, the combination of the interface layout style and user experience is discussed as an independent variable, and the interface visual elements are used as the design basis of the prototype. A 2 (user experience) × 3 (interface layout style) between-subjects experiment was created. The "user experience" is divided into two levels, i.e., with or without user experience, and the " interface layout style " is divided into three levels, i.e., icon type, list type, and card type. It is intended explore whether the user experience will be affected by different interface layout styles, and to know which combination has the best interface usability and user satisfaction.
The research results can be summarized as follows: (1) The list type interface is easier to operate with for inputting information; (2) The chat option type interface adopts the card type to make it easier to visualize; (3) The initial use supplemented by the user guide helps users’ task operation; (4) The combination of function graphics and text should be based on text, and supplemented by icons; (5) Optimize the details of the interface may enhance the sense of experience.
英文文獻
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.Barquero, B., & Rivière, A. (1995). La representación de estados de creencia en el acceso a información a textos narratives (Spanish). Estudios de Psicología, 16(54), 23-41.
3.Benbasat, I., & Todd, P. (1993). An experimental investigation of interface design alternatives: icon vs. text and direct manipulation vs. menus. International Journal of Man-Machine Studies, 38(3), 369-402.
4.Bevan, N. (1995). Human-computer interaction standards. In Advances in human factors/ergonomics (Vol. 20, pp. 885-890). Elsevier.
5.Brooke, J. (1986). SUS-A quick and dirty usability scale. Usability Evaluation in Industry.
6.Dontcheva, M., Drucker, S. M., Salesin, D., & Cohen, M. F. (2007). Relations, cards, and search templates: user-guided web data integration and layout. In Proceedings of the 20th annual ACM symposium on User interface software and technology (pp. 61-70).
7.Dzida, W. (1983). Das IFIP-Modell für Benutzerschnittstellen. Office-Management,31 (Sonderheft), 6-8.
8.Fernandes, T. (1994, April). Global interface design. In Conference Companion on Human Factors in Computing Systems (pp. 373-374).
9.Hassenzahl, M., & Tractinsky, N. (2006). User experience - a research agenda. Behaviour & information technology, 25(2), 91-97.
10.ISO. (1998). 9241-11. Ergonomic requirements for office work with visual display terminals (VDTs). The international organization for standardization, 45(9).
11.James Campbell, James Buchan, Giorgio Cometto, et al (2013). Human resources for health and universal health coverage: fostering equity and effective coverage. Bull World Health Organ, 91, 853–863.
12.Lee, Y. S. et al (2006). Systematic evaluation methodology for cell phone user interfaces. Interacting with Computers, Vol. 18, No. 2, pp 304-325.
13.Nadin, M. (1988). Interface design: A semiotic paradigm. Semiotica, 69(3-4), 269-302.
14.Ngo, D. C. L., Teo, L. S., & Byrne, J. G. (2002). Evaluating interface esthetics. Knowledge and Information Systems, 4(1), 46-79.
15.Nielsen, J.(1994). Usability Engineering. Morgan Kaufmann Publishers, San Diego, CA, USA.
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.Norman, D. A. (2004). Emotional design: Why we love (or hate) everyday things. Basic Civitas Books.
18.Oppermann, R. (2002). User-interface design. In Handbook on information technologies for education and training (pp. 233-248). Springer, Berlin, Heidelberg.
19.Shirk, H. N., & Smith, H. T. (1994). Some issues influencing computer icon design. Technical Communication, 680-689.
20.Treur, J. (2021). Mental Models in the Brain: On Context-Dependent Neural Correlates of Mental Models. Cognitive Systems Research.
21.Wiedenbeck, S. (1999). The use of icons and labels in an end user application program: an empirical study of learning and retention. Behaviour & Information Technology, 18(2), 68-82.
中文文獻
1.王明飛 (2006)。教育研究中的訪談法及其應用淺析。科教文匯,5,182。
2.王雅方 (2009)。使用者研究中的觀察法與訪談法。武漢理工大學設計藝術學碩士學位論文。
3.王鐸 (2019)。新印象:解構UI界面設計。北京市:人民郵電出版社。
4.支锦亦、杜洋、冯纾 (2020)。车载信息系统界面图文设计及其视认知特性研究综述。包装工程,10。
5.史森中 (2020)。基於微信公衆平臺的患者流程優化。醫學信息學雜志,41(02),72-75。
6.邢恺 (2016)。智能手机界面设计中视觉元素的构成。艺海,(1),102-103。
7.阮曉敏、孫亞雲 (2021)。交互式在線學習APP界面設計研究—以中國大學MOOC(慕課)為例。機電產品開發與創新,(03),145-147。
8.吳燁婧 (2019)。“互聯網+”智慧就醫服務的探索與實踐。電腦知識與技術,15(28),289-290。
9.周雅娟 (2020)。微信小程序在門診預約掛號中的應用效果探究。甘肅科技, 36(13),121-123。
10.孟群、尹新、梁宸 (2016)。中國互聯網醫療的發展現狀與思考。中國衛生信息管理,13(04),356-363。
11.馬成功、王二平、林平 (2002)。基於行爲的績效評定方法的研究進展。心理科學進展,10(04),453-459。
12.高振清 (2019)。UI 设计的交互性和界面视觉设计。电脑与电信,9。
13.高蕾、王洪阁 (2014)。基于眼动分析的触屏手机界面设计研究。艺术与设计: 理论版,(5),122-124。
14.郭敏、周曉英、宋丹、張黎 (2015)。“互聯網+”時代的我國醫院微信信息服務研究。圖書與情報,(04),19-25。
15.唐國豪 (2003)。人機互動。科學發展,8(368),18-23。
16.許峻誠 (2019)。使用者經驗研究的回顧與展望。資訊社會研究,(36),27-38。
17.張晗 (2013)。問卷調查法在初中思想品德課教學中的應用研究。山東師範大學教育學碩士學位論文。
18.張婷 (2014)。人機交互界面設計在產品可用性中的應用研究。包裝工程,35(20),63-66。
19.黃永剛等人 (2017)。基於微信公眾平台的醫院預約掛號流程設計。醫療衛生裝備,38(5),53-55。
20.黃雅雯、劉育東 (2008)。下世代介面設計。國立交通大學建築研究所碩士論文。
21.黃穎宜 (2018)。手機界面信息層級可視化設計的秩序。包裝工程,39(4),59-64。
22.董士海 (2004)。人機交互的進展及面臨的挑戰。電腦輔助設計與圖形學學報,16(1),1-13。
23.鄔賀銓 (2015)。“互聯網+”行動計劃:機遇與挑戰。人民論壇·學術前沿,(10),6-14。
24.楊琴 (2019)。平面視覺元素在界面設計中的應用。包裝工程,40(06),278-281。
25.楊靖禕 (2020)。淺析微信掛號系統的設計與應用。南方農機,51(09),224。
26.新華社 (2015)。國務院印發《關於積極推進“互聯網+”行動的指導意見》。電子政務,(07),52。
27.塗俊、鮑海、李曉娟 (2014)。基於多點觸控操作的網頁界面設計趨勢研究。收藏,2。
28.熊定果 (2020)。基於微信公眾平台的醫院移動醫療服務系統構建探究。信息通信,(6),121-123。
29.鄧穎翔,朱桂龍 (2009)。產學研合作績效的測量研究。科技管理研究,(11),468-470。
30.鄧璐 (2020)。某三甲醫院微信公眾平台就醫模式探索。商訊,(13),127-129+138。
31.穀靜 (2008)。企業績效測量研究。財會通訊•理財,(05),33-34。
32.劉香漁、居全偉 (2017)。高校慕課 APP 界面設計的極簡主義運用研究。設計, (22),128-129。
33.劉麗萍(2014)。螢幕介面設計中的圖文編排藝術。 濮陽職業技術學院學報, 27(3), 154-156。
34.颜玖 (2002)。訪談法在社會科學研究中的應用。北京市總工會職工大學學報,17(02),44-50。
35.羅賓·威廉姆斯 (2009)。寫給大家看的設計書。蘇金國、劉亮,譯。北京:人民郵電出版社。
網路文獻
1)MBA智庫·百科。什麼是“互聯網+”。取自: https://wiki.mbalib.com/zh-tw/%E4%BA%92%E8%81%94%E7%BD%91+#_ref-0
2)shulaiyang(2012-11-14)。于揚:所有傳統和服務應該被互聯網改變。騰訊科技。取自:https://tech.qq.com/a/20121114/000080.htm
3)李彦芬、马甜 (2015-03-17)。政府工作報告——2015年3月5日在第十二屆全國人民代表大會第三次會議上。人民網。取自:http://nx.people.com.cn/n/2015/0317/c192469-24177819.html
4)和訊網 (2020-05-13)。騰訊控股2020年Q1財報:營收1080.65億 同比增長26%。取自:http://finance.sina.com.cn/stock/relnews/hk/2020-05-13/doc-iirczymk1444114.shtml
5)國務院 (2015-07-04)。關於積極推進“互聯網+”行動的指導意見。取自:http://www.gov.cn/zhengce/content/2015-07/04/content_10002.htm
6)MBA智庫·百科。什麼是心智模式。取自:https://wiki.mbalib.com/zh-tw/%E5%BF%83%E6%99%BA%E6%A8%A1%E5%BC%8F
7)ISO 9241-220:2019 (Ergonomics of human-system interaction—Part 220: Processes for enabling, executing and assessing human-centred design within organizations). 取自:https://www.iso.org/obp/ui/#iso:std:iso:9241:-220:ed-1:v1:en