簡易檢索 / 詳目顯示

研究生: 歐曉棋
Hiu-Ki Au
論文名稱: 外國專業人員工作許可申辦網介面設計改善
Interface Design Improvement in the Website of Work Permit for Foreign Professional Worker
指導教授: 柯志祥
Chih-Hsiang Ko
口試委員: 鄭司維
Szu-Wei Cheng
陳建雄
Jian-Xiong Chen
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2023
畢業學年度: 112
語文別: 中文
論文頁數: 127
中文關鍵詞: 互動設計介面設計使用者經驗使用性
外文關鍵詞: interactive design, interface design, user experience, usability
相關次數: 點閱:43下載:2
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 「外國專業人員工作許可申辦網」作為以外國人員為主要服務對象的網站,無疑 是展現臺灣網頁設計的美學、介面設計等專業的重要平臺之一。隨著網站與新媒體的 發展,為了提供使用者良好的使用體驗,提高網站的使用性,成為相當重要一點。在 臺灣民眾對於設計美學的關注逐漸上升的同時,目標網站現有介面所存在的使用性問 題,也應該要受到關注與改善。網站中視覺元素、編排方式及資訊層級的好壞,都會 直接影響使用者的感受、及對臺灣公部門的印象。
    本研究目的為了解如何利用互動設計的觀點,提升目標網站介面的使用性。因此 從互動設計的角度出發,透過文獻分析、前導研究與訪談,統整介面設計的要素與設 計準則,提出介面最佳化的網頁原型,進行驗證評估後,能明確提升目標網站介面的 使用性。依據研究結果,歸納出目標網站可參考的改善建議如下:(1)提升網站整體的 一致性,盡可能讓資訊內容及視覺元素保持一致。(2)提供有意義的回饋,避免過度使 用彈跳式視窗的設計。(3)滿足高階使用者的使用性,可額外提供便捷的續辦流程;(4) 利用簡約且舒適的視覺元素,簡化色彩與字型的使用。(5)有效的資訊層級分類,明確 區分出不同資訊的重要程度。(6)加入適當的圖示輔助,縮短整體需要的閱讀時間。(7) 注意文字用詞,避免使用過度在地化的詞彙。


    The website of work permit for foreign professional workers as a platform primarily serving foreign users, undoubtedly shows Taiwan’s aesthetics, interface design, and professionalism in web design. With the development of websites and new media, ensuring a good user experience and enhancing usability have become crucial. As Taiwanese people’s interest in design aesthetics is gradually rising, existing usability issues in the current interface of the target website should be addressed and improved. The quality of visual elements, layout, and information hierarchy would directly impact user perception and impression of Taiwan’s public sectors.
    The purpose of this study was to understand how to enhance the usability of the target website interface from the perspective of interactive design. Therefore, this study took an interactive design perspective while utilizing literature reviews, prior studies, and interviews to integrate elements and design guidelines for interface design. A webpage prototype for interface optimization was proposed to analyze potential improvements and suggestions for the target website. Based on the research findings, the conclusions and advice for the target website were as follows. (1) Enhance overall consistency of the website by maintaining consistency in information content and visual elements as much as possible. (2) Provide meaningful feedback while avoiding excessive use of pop-up windows. (3) Increase suability for advanced users by offering convenient continuation processes. (4) Use simple and comfortable visual elements and simplify the amount of color and font. (5) Implement effective information hierarchy classification by clearly distinguishing the importance of different pieces of information. (6) Include appropriate icons to aid comprehension and reduce overall reading time. (7) Pay attention to word choices by avoiding excessive use of localized terms.

    論文摘要 I 英文摘要 II 誌謝 III 圖表索引 VII 第一章 緒論 1 1.1 研究背景 1 1.2 研究動機 2 1.3 研究目的 3 1.4 研究範圍與限制 3 1.5 研究架構 3 第二章 文獻探討 6 2.1 互動設計 6 2.1.1 互動設計原則 7 2.1.2 使用者認知心理 7 2.2 介面設計 8 2.2.1 使用性目標與使用者經驗目標 9 2.2.2 使用性原則 11 2.2.3 介面設計的方針 13 2.2.4 容錯和親和性 14 2.2.5 一致性 14 2.3 視覺元素 15 2.3.1 文字 15 2.3.2 圖形 16 2.3.3 色彩 16 2.3.4 版面編排 17 2.3.5 視覺層級 17 2.3.6 資訊呈現 19 第三章 研究方法 20 3.1 研究架構與步驟 21 3.2 現有介面分析 21 3.2.1 網站現況 21 3.2.2 網站架構 24 3.2.3 資訊層級 26 3.2.4 視覺設計 27 3.2.5 現有介面的服務對象 32 3.3 前導研究設計 33 3.3.1 受測對象 33 3.3.2 任務操作說明 34 3.3.3 任務操作設備 34 3.4 前導問卷調查 35 3.4.1 問卷設計 35 3.4.2 系統使用性尺度量表 36 3.4.3 訪談設計 36 第四章 研究成果 38 4.1 前導研究 38 4.1.1 基本問卷分析 38 4.1.2 任務操作統計結果 39 4.1.3 系統使用性尺度量表分析 40 4.1.4 半結構訪談分析 41 4.2 介面改善設計與使用性測試 51 4.2.1 原型設計的方針與建議 51 4.2.2 介面與功能改善 53 4.2.3 使用者任務測試與訪談 65 4.2.4 任務操作績效分析 66 4.2.5 系統使用性量表分析 67 4.2.6 半結構訪談結果分析 68 4.3 新版介面確立 76 第五章 結論與建議 80 5.1 研究結論 80 5.2 設計建議 81 5.3 後續研究建議 82 參考文獻 84 附錄 A:現有介面使用者半結構式訪談逐字稿 88 附錄 B:改善介面使用者半結構式訪談逐字稿 105

    中文文獻
    1. 方裕民(2003)。人與物的對話:互動介面設計理論與實務。田園城市。
    2. 池文海、許立群(2013)。會員制網站成員黏著意圖之決定因素研究:以華人第一時 尚美容網站 Fashion Guide 為例。電子商務學報,15(2),265-294。https://doi.org/ 10.6188/JEB.2013.15(2).04
    3. 何田田(2020)。以服務設計觀點探討新版網路報稅系統介面設計[未出版碩士論文]。 國立臺灣科技大學。
    4. 林廷宜、楊曜全(2010)緊急救助圖示通用辨識設計研究—以避難緩降機操作說明為 例。設計學報,15(4),19-40。https://doi.org/10.6381/JD.201012.0019
    5. 秋葉秀樹、秋葉ちひろ(2016)。Web デザイン・コミュニケーションの教科書。SB クリエイティブ。
    6. 香西睦(2016)。だから、そのデザインはダメなんだ。Web サイトの UI 設計・情報 デザイン良い・悪いが比べてわかる。エムディエヌコーポレーション。
    7. 高橋佑磨、片山なつ(2014)。伝わるデザインの基本:よい資料を作るためのレイ アウトのルール。技術評論社。
    8. 張嘉年(2016)。訊息設計應用於列車資訊顯示幕之研究:以臺鐵沙崙線為例[未出 版碩士論文]。國立臺灣科技大學。
    9. 許子凡(2010)。圖形符號的資訊負載及其判讀績效研究[未出版博士論文]。國立臺 灣科技大學。
    10. 陳俊宏、楊東民(2014)。視覺傳達設計概論。全華。 86
    11. 陳敦源、廖洲棚、董祥開(2017)。公共治理與績效管理:以政府網站管理為例之研
    究。國土及公共治理季刊,5(3),34-53。
    12. 勞動部(2023)。外國專業人員有效聘僱許可人次(不含學校教師工作)。勞動統計查 詢 網 。 https://statdb.mol.gov.tw/statiscla/webMain.aspx?sys=100&kind=10&type=1 &funid=wqrymenu2&cparm1=wq06&rdm=jjKrnap9
    13. 潘淑滿(2003)。質性研究—理論與運用。心理。

    英文文獻
    1. Babbie, E. (1995). The practice of social research. Wadsworth.
    2. Blair-Early, A., & Zender, M. (2008). User interface design principles for interaction design.Design Issues, 3(24), 85-107.
    3. Brooke, J. (1996). SUS: A quick and dirty usability scale. In P. W. Jordan, B. Thomas, B. A. Weerdmeester, & I. L. McClelland (Eds.), Usability evaluation in industry (pp. 189- 194). Taylor & Francis.
    4. Gill, K. (2012). Usability of public web sites. In E. Buie, & D. Murray (Eds.), Usability in government systems: User experience design for citizens and public servants (pp. 21- 39). Elsevier.
    5. Hanington, B., & Martin, B. (2012). Universal methods of design: 100 ways to research complex problems, develop innovative ideas, and design effective. Rockport.
    6. Huang, Z., & Benyoucef, M. (2014). Usability and credibility of e-government websites. Government Information Quarterly, 31(4), 584-595. https://doi.org/10.1016/j.giq.2014. 07.002
    7. ISO (2019). ISO 9241-210: Ergonomics of human-system interaction. International Organization for Standardization.
    8. Mandel, T. (2002). User/ system interface design. In H. Bidgoli (Ed.), Encyclopedia of information systems (Vol. 4, pp. 535-549). Academic Press.
    9. Moran, K., & Liu, F. (2021). How people read online: The eyetracking evidence (2nd ed.). Nielsen Norman Group.
    10.Nielsen, J. (1994). Enhancing the explanatory power of usability heuristics. In B. Adelson, S. Dumais, & J. Olson (Eds.), CHI ’94: Proceedings of the SIGCHI conference on human factors in computing systems (pp. 152-158). Association for Computing Machinery. https://doi.org/10.1145/191666.191729
    11. Norman, D. A. (1988). The psychology of everyday things. Basic Books.
    12. Norman, D. A. (2002). Emotion & design: Attractive things work better. Interactions, 9(4), 36-42. https://doi.org/10.1145/543434.543435
    13. Pernice, K., Whitenton, K., & Nielsen, J. (2014). How people read online: The eyetracking evidence. Nielsen Norman Group.
    14. Preece, J., Rogers, Y., & Sharp, H. (2002). Interaction design: Beyond human-computer interaction. Wiley.
    15. Sanders, M. S., & McCormick, E. J. (1993). Human factors in engineering and design. McGraw-Hill.
    16. Sauro, J. (2011). A practical guide to the system usability scale: Background, benchmarks, & best practices. Measuring Usability LLC.
    17. Shneiderman, B., & Plaisant, C. (1986). Designing the user interface: Strategies for effective human-computer interaction. Pearson.
    18. Soegaard, M. (2021, January 1). Visual hierarchy: Organizing content to follow natural eye movement patterns. Interaction Design Foundation. https://www.interaction- design.org/literature/article/visual-hierarchy-organizing-content-to-follow-natural-eye -movement-patterns
    19. Vignelli, M. (2015). The Vignelli canon. Lars Müller.
    20. Wade, S. E. (1990). Using think alouds to assess comprehension. The Reading Teacher,43(7), 442-451.
    21. Wang, H. J., & Lo, J. (2013). Determinants of citizens’ intent to use government websites in Taiwan. Information Development, 29(2), 123-137. https://doi.org/10.1177/02666669 12453835
    22. Wathen, C. N., & Burkell, J. (2002). Believe it or not: Factors influencing credibility on the web. Journal of the American Society for Information Science and Technology, 53(2), 134-144. https://doi.org/10.1002/asi.10016

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