簡易檢索 / 詳目顯示

研究生: 陳李煜豐
Yu-Feng Chen Lee
論文名稱: 串流音樂應用程式使用者經驗與浮動播放介面呈現方式之研究
A Study on the User Experience and Visualization of Floating-Player Interface for Streaming Music Applications
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 陳建雄
Chien-Hsiung Chen
吳志富
Chih-Fu Wu
宋同正
Tung-Jung Sung
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2019
畢業學年度: 107
語文別: 中文
論文頁數: 132
中文關鍵詞: 串流音樂浮動播放介面使用性工程認知心理學使用者介面互動設計
外文關鍵詞: Streaming music, Floating-player interface, Usability engineering, Cognitive psychology, User interface, Interaction design
相關次數: 點閱:269下載:22
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著科技發展,智慧型手機及行動網路的快速發展,串流影音服務越來越發達,各種不同於以往的娛樂將因應而生。由於科技的進步,行動音樂服務從錄音帶發展到CD Player到現今主流的數位音源,不但改變了喜好音樂者的生活型態,也改變了音樂發行商的經營模式。逐漸減少的唱片行都轉變為網路音樂平台,而播放音樂的硬體裝置從原先的實體裝置轉變成為智慧型手機上的應用程式。有鑒於此,設計師與工程師著重在智慧型手機應用程式的開發與設計,以吸引使用者的目光。本研究目的希望藉此研究成果來改善現有串流音樂應用程式的使用者介面來帶給使用者有更好的使用體驗。

    本研究包含兩部份實驗:(1)前導性實驗設計:調查現有串流音樂應用程式做為前導性實驗樣本,以便了解目前串流音樂應用程式之優缺點,包含操作功能及介面呈現方式、系統易用性、介面互動滿意度,並透過觀察、使用者訪談及問卷調查法得知使用者的需求及介面改善之建議。(2)驗證實驗:透過文獻探討之理論作為依據,驗證實驗採2 (使用者經驗有無) x 3 (介面配置型式)雙因子實驗方式進行,進行介面模擬實驗與驗證,包含操作任務績效計測、使用者主觀感受評量、系統使用性尺度量表(SUS) 、使用者互動滿意度量表(QUIS),將實驗結果做個別與整體分析探討,最後提出實驗的結論與建議。

    研究成果歸納出下列成果:(1)整體設計而言「首頁大版面顯示」操作直覺性最高,易視性好,具有良好的概念模型,使用者的滿意度最高。(2)介面的美術呈現在不影響使用者的辨識下適時增加些許細節以增加畫面的豐富性。(3)介面入口的設計應該清楚明瞭。(4)不要為了介面美觀而犧牲該有的易視性。(5)介面之間避免互相干擾影響。(6)常使用的介面必須容易辨識。


    With the rapid development of digital technology for smart phones and mobile networks, streaming video and audio services are becoming more and more important in our daily lives. Therefore, portable music services have evolved from audio tapes to CD players to today's mainstream digital audio sources. Not only it has changed the lifestyle of music lovers, but it has also changed the business model of music publishers. The decreasing record store have turned into online music platforms, and the hardware devices that play music have changed from the original physical devices to the applications on smart phones. In view of this, designers and engineers focus on the development and design of smart phone applications to attract consumers' attention. The research purposes of this study are to improve the user interface design of the existing streaming music application to provide customers with a better user experience.

    This study consists of two experiments: (1) Pilot experiment: The purpose is to investigate streaming music applications. The experiment was conducted to help understand the advantages and disadvantages of current streaming music applications, including operational functions, interface presentation methods, system usability, interaction satisfaction, and the understanding of user needs and suggestions through observation and user interviews; (2) Verification experiment: Based on the theory from literature review and results from pilot experiment, the verified experiment was a 2 (higher or lower user experience) by 3 (interface configuration type) two-factor experiment design The dependent variables were operation performance, subjective evaluation (i.e., USE questionnaire) and System Usability Scale (SUS). The experimental results are discussed individually and, in overall, conclusions and recommendations are presented.

    The research results are summarized as follows: (1) In terms of the overall design, the “Homepage Large Layout Display” has the highest intuitiveness, good visibility, and a good conceptual model and with the highest user satisfaction. (2) The arts presentation of the user interface adds some details in order to increase the richness of the picture without affecting the user's identification. (3) The design of the user interface should be clear. (4) Do not sacrifice the visibility for the aesthetics of the interface. (5) Avoid interference with each other among interface pages. (6) Commonly used user interfaces must be easily identifiable.

    摘要 i ABSTRACT ii 目錄 iv 表目錄 vii 圖目錄 x 一、緒論 1 1.1 研究背景與動機 1 1.2 研究目的 2 1.3 研究流程 3 1.4 研究範圍與限制 5 1.5 名詞解釋:浮動播放介面 5 二、文獻探討 9 2.1 串流音樂 9 2.1.1 串流媒體 9 2.1.2 串流音樂市場 10 2.1.3 串流音樂品牌 11 2.2 使用性工程 12 2.2.1 使用性工程原則 12 2.2.2 使用性工程評估 13 2.3 認知心理學 14 2.4 使用者介面 17 2.4.1 使用者介面設計 17 2.5 互動設計 18 2.5.1 使用者中心設計 18 2.5.2 使用者經驗 20 2.5.3 介面心智模式 21 三、研究方法與實驗步驟 25 3.1 研究方法 25 3.2 實驗步驟 27 四、前導性研究與實驗 29 4.1 前導性實驗受測樣本 29 4.2 現有串流音樂應用程式操作行為調查 31 4.3 實驗設備 33 4.4 前導性實驗設計 33 4.5 受測者資料分析 35 4.6 前導性實驗結果 36 4.5.1 操作績效任務分析 36 4.5.2 使用者主觀感受量表結果分析 44 4.5.3 串流音樂應用程式功能需求統計 49 4.7 前導性實驗結論與建議 50 五、驗證實驗與研究:串流音樂介面模擬 52 5.1 驗證實驗方法 52 5.1.1 驗證實驗變項 52 5.1.2 驗證實驗樣本製作 54 5.1.3 驗證實驗問卷設計 56 5.1.4 驗證實驗對象 57 5.2 驗證實驗方法 61 5.2.1 計測任務績效分析 61 5.2.2 使用者主觀感受量表分析 81 5.2.3 系統使用性尺度量表(SUS)分析 93 5.2.4 使用者互動滿意度量表(QUIS)分析 95 六、結論與建議 103 6.1 現有串流音樂應用程式需求調整及實驗研究結果重點整理 103 6.2 驗證實驗之串流音樂應用程式使用者經驗及浮動播放介面呈現方式之設計研究結果 104 6.2.1 驗證實驗計測結果與建議 105 6.2.2 驗證實驗問卷結果與建議 107 6.3 後續研究發展建議 108 參考文獻 109 附錄一、前導性實驗問卷:現有串流音樂應用程式調查 112 附錄二、驗證實驗問卷:串流音樂應用程式模擬介面設計 114

    中文文獻
    (1)史坦通 (Stanton N.) (2003)。消費產品之人因工程(Human Factors in Consumer Products)。(張文德譯) 台北市:六合。
    (2)可樂翁 (2016-07-04)。音樂串流平台KKBOX、Spotify與Apple Music大解析。社群氣象台。取自https://www.womstation.com/p/1706
    (3)貝斯特 (Best J. B.) (2009)。認知心理學 ( Cognitive Psychology, fifth edition )。 (黃秀瑄譯) 台北市:心理出版社。(原作 1999 年出版)
    (4)李佳穎 (2009)。網路書店使用者介面之資訊呈現與商品圖片型式對使用者體驗感受之影響。國立臺灣科技大學設計研究所碩士論文。
    (5)吳泰毅 (2009)。中高齡者對數位相框使用者介面按鍵功能提示與動態回饋設計之探討。國立台灣科技大學設計研究所碩士論文。
    (6)陳建雄、邱柏清、蔡佳穎 (2004)。使用者後設認知策略在互動介面愉悅性設計之研究 II,行政院國家科學委員會補助專題研究計畫成果報告。
    (7)陳建雄、邱柏清 (2004)。應用口語分析法探討網頁介面之愉悅性,2004。中華民國設計學會第九屆研討會論文集,頁699-704。
    (8)陳芝菁、陳建雄 (2011)。智慧型手機操作介面之使用性評估。工業設計,124, 52-57。
    (9)陳力維 (2016)。行動裝置運動紀錄應用程式介面資訊架構與背景色之設計研究。國立臺灣科技大學設計研究所碩士論文。
    (10)陳宜伶 (2019-06-28)。觀點新聞:Spofify付費用戶突破一億大關 超越Apple Music。商周財富網。取自 https://wealth.businessweekly.com.tw/GArticle.aspx?id=ARTL000137079
    (11)陳宜伶 (2019-06-28)。觀點新聞:Apple Music用戶突破6千萬人緊追Spotify。商周財富網。取自https://wealth.businessweekly.com.tw/GArticle.aspx?id=ARTL000143717
    (12)張展諺 (2014-05-06)。繼下載音樂興起後 串流音樂市場前景。Taiwan Audio-Video Interactive Service影視及流行音樂產業資訊平臺。取自http://tavis.tw/files/13-1000-14429-1.php
    (13)鄭亦均 (2013)。以設計者需求為導向的心智圖App互動介面研究。大同大學工業設計研究所碩士論文。 

    (14)蔡騰輝 (2015-10-30)。年齡層分析認為蘋果品質優良,高齡消費者購買力最為驚人。鉅亨網。取自http://news.cnyes.com/news/id/343500
    (15)線上音樂服務調查與音樂相關類型網站使用概況 (2015-12-15)。創世紀雙週刊。http://www.ixresearch.com/wp-content/uploads/report/InsightXplorer%20Biweekly%20Report_20151215.pdf
    (16)諾曼 (Norman, D. A.) (2014)。設計的心理學:人性化的產品設計如何改變世界(The Design of Everyday Things, Revised and Expanded Edition)。(陳宜秀譯)。台北市:遠流。(原作2013年出版)

    英文文獻
    (1)Bangor, A. (2009). Determining what individual SUS scores mean: Adding an adjective rating scale. Journal of Usability Studies, 114-123.
    (2)Babich, N. (2017-8-29). 5 Ways the Floating Action Button Boosts UX. Fireart. Retrieved from https://fireart.studio/5-ways-the-floating-action-button-boosts-ux/
    (3)Garrett, J. J. (2011). The elements of user experience: User-centered design for the Web and beyond. Indianapolis, Ind.: New Riders.
    (4)Hassenzahl, M. & Tractinsky, N. (2006). Behaviour & Information Technology, 25(2), 91-97.
    (5)Levitin, D. J. (2002). Foundations of congnitive psychology: Core readings. Cambridge, MA: MIT Press.
    (6)Nielsen, J. (1993). Usability Enfineering. San Diego, CA: Academic Press
    (7)Nielsen, J. (2000). Designing Web Usability. Indianapolis, IN: New Riders Publishing.
    (8)Norman, D. A. & Stevens, A. L. & Gentner, D. (Eds.) (1983). Some observation on Mental Models. New Jersey: Erlbaum, 7-14.
    (9)Norman, D. A. (1988). The psychology of everyday things, New York, NY: Basic Books.
    (10)Norman, D. A. (2004). Emotional esign, New York, NY: Basic Books.
    (11)Paluch, K. (2006). What Is User Experience Design, Montparnas.
    (12)Rogers, Y., Sharps, H., & Preece, J. (2007). Interaction design beyond human-computer interaction 2nd edition. Hoboken, NJ: Wiley.
    (13)Sisler, P. & Titta, C. (2001). User Experience Design for Working Web Sites and Applications, STC Proceedings.

    QR CODE