簡易檢索 / 詳目顯示

研究生: 鍾晨嬈
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.

    第一章、緒論 01 1.1 研究背景與動機 01 1.2 研究目的 03 1.3 研究架構與流程 04 1.4 研究範圍與限制 06 第二章、文獻探討 07 2.1 “互聯網+醫療” 07 2.1.1“互聯網+”定義 07 2.1.2 互聯網在醫院上的運用 07 2.2 微信公衆平臺 08 2.2.1微信公衆平臺的定位 09 2.2.2微信公衆平臺在醫療上的實現 09 2.3 使用性工程 10 2.3.1使用性工程定義 10 2.3.2使用性设计 11 2.3.3使用性評估方法 13 2.4 人機互動 15 2.4.1人機互動定義 15 2.4.2心智模型 16 2.4.3使用者經驗 17 2.5 介面設計 19 2.5.1介面設計定義 19 2.5.2介面設計原则 19 2.5.3介面設計元素 20 2.6 小結 23 第三章、研究步驟與方法 25 3.1研究步驟 25 3.2研究方法 26 第四章、前導性實驗與分析 31 4.1前導性實驗樣本 31 4.1.1小結 38 4.2前導性實驗設計 38 4.3實驗設備 42 4.4受測者資料分析 43 4.5前導性實驗結果分析 44 4.5.1 操作任務之績效分析 44 4.5.2 系統使用性尺度量表之分析 55 4.5.3 線上門診功能之需求統計 55 4.6前導性實驗結論與建議 57 第五章、驗證實驗與分析 60 5.1驗證實驗方法 60 5.2驗證實驗說明 60 5.2.1 原型驗證實驗變項 60 5.2.2驗證實驗原型製作與樣本 63 5.2.3驗證實驗設計 66 5.2.4驗證實驗對象 69 5.3驗證實驗結果分析 70 5.3.1任務績效分析 70 5.3.2系統使用性尺度量表(SUS)分析 99 5.3.3使用者互動滿意度量表(QUIS)分析 101 第六章、結論與建議 111 6.1研究成果 111 6.1.1驗證實驗之任務績效結果重點整理 112 6.1.2驗證實驗之系統使用性尺度量表(SUS)結果重點整理 114 6.1.3驗證實驗之使用者互動滿意度量表(QUIS)結果重點整理 115 6.2研究結論與建議 117 6.3後續研究發展建議 118 參考文獻 120 英文文獻 120 中文文獻 122 網路文獻 124 附錄一:現有醫院公眾平臺之問卷調查 125 附錄二:關於“深圳衛士”醫院公眾平臺之使用者測試實驗說明書 129 附錄三:醫院公眾平臺之原型設計研究問卷 130

    英文文獻
    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

    無法下載圖示 全文公開日期 2024/08/17 (校內網路)
    全文公開日期 2024/08/17 (校外網路)
    全文公開日期 2024/08/17 (國家圖書館:臺灣博碩士論文系統)
    QR CODE