簡易檢索 / 詳目顯示

研究生: 俞冠伶
Yu, Kuan-Ling
論文名稱: 以服務設計思維探討臺灣人力銀行網站介面設計
To Explore the Website User Interface of Taiwan Job Bank from the Perspective of Service Design
指導教授: 梁桂嘉
Liang, Kuei-Chia
口試委員: 梁桂嘉
Liang, Kuei-Chia
鄧建國
Teng, Chien-Kuo
李來春
Lee, Lai-Chung
口試日期: 2024/07/23
學位類別: 碩士
Master
系所名稱: 設計學系
Department of Design
論文出版年: 2024
畢業學年度: 112
語文別: 中文
論文頁數: 159
中文關鍵詞: 使用者介面設計使用者經驗設計服務設計網頁設計網路人力銀行
英文關鍵詞: user interface design, user experience design, service design, website design, employment website
研究方法: 半結構式訪談法案例分析法問卷調查法
DOI URL: http://doi.org/10.6345/NTNU202401604
論文種類: 學術論文
相關次數: 點閱:55下載:22
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著傳播科技與互聯網的進步,個人資訊的流通變得更加迅速便利,這也促使早期傳統求職方式的變革,網路求職進而崛起。而網路人力銀行的蓬勃發展,儼然成為現代求職者獲取招聘訊息的重要途徑與求職的主要管道。而新興科技的發展及設計思潮與時俱進,不僅帶動網站形式的變更,使其類型越發多元,使用者在瀏覽或搜尋資訊上也變得更為快速方便;然而,根據研究顯示,網站在強調功能與使用性的同時,其介面視覺的呈現亦會影響使用者對網站是否實用的初步感知,進而產生使用率、愉悅性及實用性等回饋反應。由於身處邁入數位化轉型的時代,新興技術的創新應用為數位工具帶來許多改變,現代人越來越注重便捷及優良的數位體驗,故本研究將以服務設計的角度探討設計人力銀行網站介面的過程,首先針對國內外各三個求職網站進行案例分析,歸納網站介面易視性之原則;接著以問卷調查的方式,初步理解民眾使用人力銀行網站的概況與需求偏好,並規劃人物誌、使用者旅程地圖,從中深入探討使用者的行為模式與遇到的痛點,進而發想設計概念。最後根據研究結果,嘗試提出解決痛點及滿足使用者需求的創新介面設計原型「GooJob+」,並藉由易用性測試與訪談之回饋,針對介面進行迭代,以提出介面改善之建議。綜合上述,本研究提供人力銀行網站介面之設計流程建議,以期對未來從事相關業者進行網站設計的實務應用時有參考價值。

    With the advancement of communication technology and the internet, the circulation of personal information has become faster and more convenient, prompting a transformation in traditional job-seeking methods and the rise of online job searches. The thriving development of online job banks has become an important avenue and primary channel for modern job seekers to obtain recruitment information. The development of emerging technologies and the evolving design trends have not only led to changes in website formats, making them more diverse, but also made it faster and more convenient for users to browse or search for information. However, research shows that while websites emphasize functionality and usability, the visual presentation of the interface also influences users' initial perception of the site's practicality, leading to feedback on usage rates, pleasure, and practicality. In this era of digital transformation, the innovative application of emerging technologies has brought many changes to digital tools, making modern people increasingly value convenient and excellent digital experiences. Therefore, this study will explore the process of designing job bank website interfaces from the perspective of service design. It will first analyze three job-seeking websites both domestically and internationally to summarize the principles of interface visibility. Then, through questionnaire surveys, it will preliminarily understand the general usage and preference of job bank websites among the public, and plan personas and user journey maps to delve into users' behavior patterns and pain points, thereby brainstorming design concepts. Finally, based on the research results, it will attempt to propose innovative interface design prototypes “GooJob+” that address pain points and meet user needs, and iteratively improve the interface through usability testing and interview feedback, offering interface improvement suggestions. In summary, this study provides design process recommendations for job bank websites' interfaces, hoping to offer reference value for future practitioners in website design.

    誌謝 i 摘要 ii Abstract iii 目錄 iv 圖目錄 vii 表目錄 x 第壹章  緒論 01 第一節  研究背景與動機 01 第二節  研究目的與問題 04 第三節  研究範圍與限制 05 第四節  研究架構與流程 06 第貳章  文獻探討 08 第一節  臺灣網路人力銀行 08 2.1.1 網路人力銀行的定義 08 2.1.2 國內網路人力銀行發展 09 2.1.3 網路人力銀行的媒合模式 12 2.1.4 網路人力銀行提供的服務與價值 14 第二節  服務設計 18 2.2.1 服務設計的定義 18 2.2.2 服務設計的流程 24 2.2.3 服務設計的工具 27 第三節  介面設計 31 2.3.1 使用者介面的定義 31 2.3.2 使用者介面之建構 33 2.3.3 介面設計之原則 35 2.3.4 使用者經驗之定義 39 2.3.5 使用者導向之易用性原則 41 2.3.6 網站介面設計之視覺要素 45 第參章  研究方法 50 第一節  研究設計說明 50 第二節  人力銀行網站介面之案例分析 53 3.2.1 104 人力銀行 54 3.2.2 1111 人力銀行 59 3.2.3 Yourator 新創‧數位人才求職平台 64 3.2.4 LinkedIn 69 3.2.5 Glassdoor 74 3.2.6 Indeed 79 3.2.7 案例分析小結 84 第三節  問卷調查法 87 3.3.1 受測者基本背景資料 88 3.3.2 人力銀行網站使用情況調查 90 3.3.3 問卷調查小結 96 第肆章  研究創作 97 第一節  介面設計流程與方法 97 4.1.1 介面設計流程 97 4.1.2 介面設計方法 99 第二節  產品設計創作 103 4.2.1 定義目標族群 103 4.2.2 產品創作主題與發展概念 109 4.2.3 產品創作設計限制 113 4.2.4 線框圖稿設計 114 4.2.5 視覺風格設計 124 第三節  產品使用者經驗測試流程與迭代設計 132 4.3.1 測試流程與內容 132 4.3.2 測試結果 136 4.3.3 測試回饋修改與設計迭代 139 第四節  創作成果 143 第伍章  研究結論與建議 146 5.1 研究結論 146 5.2 研究建議 148 參考文獻 150 附錄 159

    Beaird, J. (2007). The principles of beautiful web design. Melbourne: SitePoint.
    Bluehouse Group. (2023). Exploring dark mode vs light mode in mobile app design. https://bluehouse.group/blog/exploring-dark-mode-vs-light-mode-in-mobile-app-design/
     Brooke, J. (1996). SUS—A quick and dirty usability scale. In P. W. Jordan, B. Thomas, B. A. Weerdmeester, & A. L. McClelland (Eds.), Usability evaluation in industry (pp. 189-194).  Taylor & Francis.
     Brown, T. (2009). Change by design: how design thinking creates new alternatives for. business and society. New York: Harper Business.
    Chetna Priyadarshini., & Sreejesh, S., & Anusree, M.R. (2017). Effect of information quality. of employment website on attitude toward the website: A moderated mediation study. International Journal of Manpower, 38 (5),  729-745. https://doi.org/10.1108/IJM-12-2015-0235
     CloseIT Atlassian. (2023). Dark vs light mode: Which is best for your digital experience?. https://atlas.closeit.co/post/dark-vs-light-mode-which-is-best-for-your-digital-experience
    Constantine, L. L., & Lockwood, L. A. D. (1999). Software for use: a practical guide to the. models and methods of usage-centered design. Boston: Addison-Wesley.
    Cooper, A. (1995). About face: the essentials of user interface design. California: IDG Books. Worldwide.
    Cooper, A. (2004). The inmates are running the asylum: why high tech products drive us. crazy and how to restore the sanity. Carmel: Sams.
    Cooper, A. (2007). About face 3: the essentials of interaction design. Hoboken: Wiley.
    Cushman, W. H., & Rosenberg, D. J. (1991). Human factors in product design. Amsterdam: Elsevier.
    Design Council (2015). Design methods for developing services. https://www.designcouncil.org.uk/fileadmin/uploads/dc/Documents/DesignCouncil_Design%2520methods%2520for%2520developing%2520services.pdf
    Dineen, B. R., & Noe, R. A. (2009). Effects of customization on application decisions and applicant pool characteristics in a web-based recruitment context. Journal of Applied Psychology, 94(1), 224-234. https://doi.org/10.1037/a0012832
    Dineen, B. R., Ash, S. R., & Noe, R. A. (2002). A web of applicant attraction: Person-organization fit in the context of web-based recruitment. Journal of Applied Psychology, 87(4), 723-734. https://doi.org/10.1037/0021-9010.87.4.723
    Dix, A., Finlay, J., Abowd, G., & Beale, R. (2003). Human-computer interaction. Hoboken: Prentice Hall.
    Ericsson, K. A., & Simon, H. A. (1993). Protocol analysis: verbal reports as data. Cambridge: MIT Press.
    Faliagka, E., Ramantas, K., Tsakalidis, A., & Tzimas, G. (2012). Application of machine. learning algorithms to an online recruitment system. The Seventh International Conference on Internet and Web Applications and Services (pp. 215-220). Stuttgart
    Few, S. (2006). Information dashboard design: the effective visual communication of data. California: O'Reilly Media.
    Girard, A., & Fallery, B. (2009). E-recruitment: New practices, new issues. An exploratory study. In Proceedings of the 3rd International Workshop on Human Resource Information Systems (pp. 39-48). SciTePress. https://doi.org/10.5220/0002174100390048
    Gordon, K. (2021). Using color to enhance your design. https://www.nngroup.com/articles/color-enhance-design/
    HackerNoon. (2023). In defense of light mode:Research says its better for eye health. https://hackernoon.com/in-defense-of-light-mode-research-says-its-better-for-eye-health
    Hassenzahl, M. (2010). Experience design: technology for all the right reasons. California: Morgan & Claypool.
    Hu, R., & Pu, P. (2011). Enhancing collaborative filtering systems with personality information. and social trust. In Proceedings of the 5th ACM Conference on Recommender Systems (pp. 41-48). https://doi.org/10.1145/2043932.2043950
    i-Buzz Research 網路聲量分析(2020)。臺灣人主要求職方式。檢自:https://www.i- buzz.com.tw/industry/article_page/?id=MjY3
    IDEO. (2015). The field guide to human-centered design. California: IDEO.
    IxDF. (2021). What is dark mode? https://www.interaction-design.org/literature/topics/dark- mode
    Jones, M., & Samalionis, F. (2008). From small ideas to radical service innovation. Design Management Review, 19(1), 24-31.
    Jones, M., & Samalionis, F. (2010). From Small Ideas to Radical Service Innovation. Design Management Review, 19, 20-26.
    Kashi, K., & Zheng, C. (2013). Extending technology acceptance model to the e-recruitment context in Iran. International Journal of Selection and Assessment, 21(1), 121-129. https://doi.org/10.1111/ijsa.12022
    Krug, S. (2000). Don't make me think: a common sense approach to web usability. Indianapolis: New Riders Publishing.
    Kvale, S. (1996). Interviews: an introduction to qualitative research interviewing. Thousand Oaks: Sage.
    Mager, B., & Sung, T. J. (2011). Special issue editorial: Designing for services. International Journal of Design, 5(2), 1-3.
    Meroni, A. (2007). Creative communities-People inventing sustainable ways of living. Edizioni Polidesign.
    Morelli, N. (2006). Developing new product service systems (PSS): Methodologies and operational tools. Journal of Cleaner Production, 14(17), 1495-1501.
    Moritz, S. (2005). Service design. Practical access to an evolving field. Kölin International School of Design.
    Nielsen, J. (1993). Usability engineering. San Diego: Academic Press.
    Nielsen, J. (1997). How users read on the web. https://www.nngroup.com/articles/how-users- read-on-the-web/
    Nielsen, J. (2006). Prioritizing web usability. Indianapolis: New Riders Press.
    Nielsen, J. (2011). Ten usability heuristics for user interface design. https://www.nngroup.com/articles/ten-usability-heuristics/
    Nielsen, J. (2012). Serif vs. sans-serif fonts for HD screens. https://www.nngroup.com/articles/serif-vs-sans-serif-fonts-hd-screens/
    Nikolaou, I. (2014). Social networking web sites in job search and employee recruitment. International Journal of Selection and Assessment, 22(2), 179-189. https://doi.org/10.1111/ijsa.12067
    Norman, D. A. (1988). The design of everyday things. New York: Basic Books.
    Preece, J., Rogers, Y., & Sharp, H. (2002). Interaction design: Beyond human-computer interaction. Hoboken: Wiley.
    Reichheld, F. F. (2003). The one number you need to grow. https://hbr.org/2003/12/the-one- number-you-need-to-grow
    Richardson, A. (2010). Using customer journey maps to improve customer experience. https://hbr.org/2010/11/using-customer-journey-maps-to
    Rosson, M. B., & Carroll, J. M. (2000). Sitemaps, storyboards, and specifications: A sketch of web site design practice. Interactions, 7(1), 28-35.
    Rosson, M. B., & Carroll, J. M. (2001). Usability engineering: scenario-based development of human-computer interaction. Burlington: Morgan Kaufmann.
    Russell, W., & Stavros, K., & Patricia, H. (1998). An investigation into four characteristics of service. Journal of Empirical Generalisations in Marketing Science, 3,  22-43.
    Sarah Gibbons. (2017). Service Design 101. Nielsen Norman Group. https://www.nngroup.com/articles/service-design-101/
    Schloss, K.B., Palmer, S.E. (2011). Aesthetic response to color combinations: preference, harmony, and similarity. Attention, Perception, & Psychophysics 73, 551–571. https://doi.org/10.3758/s13414-010-0027-0
    Sheng-Feng, T.(2018). The influence of webpage aesthetic design on users’. satisfaction :Using job-hunting websites as examples in Taiwan (unpublished doctoral dissertation). Department of Technology Management, National Chung Hsing University, Taichung.
    Shin-Lun(2014)。服務設計的五大特性。HPX。https://hpx.tw/archives/17128
    Shneiderman, B. (1992). Designing the user interface: strategies for effective human-computer interaction. Boston: Addison-Wesley.
    Shneiderman, B. (1998). Designing the user interface: strategies for effective human-computer interaction. New York: Pearson
    Smith, A. D., & Rupp, W. T. (2004). Managerial challenges of e-recruiting: extending the life cycle of new economy employees. Online Information Review, 28(1), 61-74. https://doi.org/10.1108/14684520410522466
    Spradley, J. P. (1980). Participant observation. New York: Holt, Rinehart and Winston.
    Stickdorn, M., & Schneider, J. (2012). This is service design thinking: basics, tools, cases. USA: Wiley.
    Stickdorn, M., & Schneider, J., & Hormess, M., & Lawrence, A. (2018). This is service design doing: applying service design thinking in the real world. USA: O'Reilly Media.
    UKD Council. (2005). The Double Diamond. Design Council. https://reurl.cc/VL3oE6
    Van Hoye, G., & Lievens, F. (2009). Tapping the grapevine: A closer look at word-of-mouth as a recruitment source. Journal of Applied Psychology, 94(2), 341–352. https://doi.org/10.1037/a0014066
    We Are Social. (2021). DIGITAL 2021: TAIWAN. DATAREPORTAL. https://reurl.cc/AAgl8d
    We Are Social. (2022). DIGITAL 2022: TAIWAN. DATAREPORTAL. https://reurl.cc/ZWQo7Q
    We Are Social. (2023). DIGITAL 2023: TAIWAN. DATAREPORTAL. https://reurl.cc/aV5DrQ
    Wolak, R., Kalafatis, S., & Harris, P. (1998). An investigation into four characteristics of. service. Journal of Empirical Generalisations in Marketing Science, 3, 22-42.
    何舒軒、宋同正(2014)。綜論服務設計學術研究發展。設計學報,19(2),53-74。
    劉仲矩(2013)。人力銀行數位資本、服務氣候與求職者滿意關聯性之研究。管理評論,32(4),31-50。https://doi.org/10.6656/MR.2013.32.4.CHI.31
    唐納·諾曼(2014)。設計的心理學:人性化的產品設計如何改變世界。台北市:遠流。
     宋同正(2014)。序-服務設計的本質內涵和流程工具。設計學報19(2),1-8。
    張凱閔(2015)。台灣人力銀行的競爭動態研究-以104與1111人力銀行為例(未出版碩士論文)。國立政治大學科技管理與智慧財產研究所,台北市。
    張天樸(2021)。以使用者經驗探搞語音使用者介面設計:應用於新型冠狀病毒肺炎防疫之語音助手應用程式為例(未出版碩士論文)。國立臺灣師範大學設計學系,台北市。
    張應中(2007)。網路人力銀行媒合機制模式探討。TANET2007 臺灣網際網路研討會論文集。台北市:中國文化大學。
    施素明(2005)。B2C網站服務品質量測──e-SERVQUAL觀點(未出版碩士論文)。國立臺北大學企業管理學系研究所,台北市。
    曾仲平(2018)。婚紗攝影工作室之服務設計研究-以安攝婚禮婚紗為例(未出版碩士論文)。國立政治大學科技管理與智慧財產研究所,台北市。
    服務設計研究中心(2022)。服務設計的行動流程-雙鑽石模型。輔大管院服務設計研究中心。檢自:https://reurl.cc/y7naE6
    李世忠(1998)。電腦教學軟體介面設計。台北市:立威出版社。
    李筑軒、賴憬霖(2022)。服務設計導入使用者優化體驗之研究。休閒研究,12(1),128-145。
    林廷宜、賴采秀(2015)。行動裝置介面圖示識認回饋與造形表現研究。設計學報 20(3),45-64。
    林淑萍、李暐珣、詹雅慧(2007)。人力銀行服務品質之研究-Kano二維品質及IPA整合模式之應用。績效與策略研究,4(2),1-17。https://doi.org/10.6736/JPSR.200709_4(2).0001
    林珮雯(2005)。電子商務網站介面設計研究 - 美感與使用性。(未出版碩士論文)。國立交通大學傳播研究所。新竹市。
    王雲東(2016)。社會研究方法:量化與質性取向及其應用。台北市:揚智。
    管倖生(2018)。設計研究方法(第四版)。新北市:全華圖書。
    翁淑儀(2019)。網站介面對用戶使用行為影響之研究(未出版碩士論文)。國立林科技大學設計學研究所,雲林縣。
    葉心穎(2006)。從求職者觀點探討網路人力銀行之處理機能(未出版碩士論文)。淡江大學資訊管理學系碩士班,台北市。
    財團法人台灣網路資訊中心(2022)。2022 年台灣網路報告。檢自:https://report.twnic.tw/2022/TrendAnalysis_internetUsage.html
    郭慧君(2006)。網站首頁視覺舒適性之研究--以設計公司首頁為例(未出版碩士論文)。華梵大學工業設計系碩士班,新北市。
    陳可欣(2011)。國際品牌的使用者圖形介面之風格研究(未出版碩士論文)。國立臺灣師範大學設計研究所在職進修碩士班。台北市。
    陳曉莉(2002,3月15)。NetValue:亞洲各地求職網站訪客明顯增長。iThome電子報。https://www.ithome.com.tw/news/16445
    馮淑萍、嚴貞(2008)。服務溝通介面設計之研究。設計研究,(8),102-111。https://doi.org/10.30178/SJYJ.200807.0013
    黃玉君(2012)。人力銀行網站易用性研究-以104人力銀行為例(未出版碩士論文)。世新大學資訊傳播學研究所,台北市。

    下載圖示
    QR CODE