隨著網路科技的快速發展，智慧型手機與平板已逐漸取代桌上型電腦，成為生活不可或缺的一部分，如何提供手機良好的使用者介面，將具備其研究的必要性。本研究目的針對串流音樂平臺行動應用程式，於手機介面操作的主觀感受進行探討，分析介面色系深淺與圖文選單樣式間，相互影響的可能因素，是否影響操作介面的使用者經驗。
本研究實驗包含兩部分：(1)前導性實驗：透過文獻探討，進行初步研究測試，以設計的角度探討串流音樂平臺介面，透過實驗結果，將「大圖式」、「圖文式」、「純文字式」的不同圖文編排樣式與「介面深淺」，作為本研究變項，並於驗證實驗作進一步的評估與探討；(2)驗證實驗：主要探討選單介面與介面深淺間的關係，以3（圖文樣式）×2（介面深淺）雙因子受測者間實驗方式進行。實驗記錄操作績效，並填寫系統使用性尺度量表（SUS）、使用者互動滿意度量表（QUIS），於實驗後進行事後訪談，了解使用需求，並於最後進行分析，歸納整合，提出結果與建議。
本研究結果顯示：(1)圖文樣式的主效應中具有顯著差異，「圖文式」於音樂庫的任務操作績效上優於「大圖式」；(2)介面深淺的主效應中具有顯著差異，使用者操作「淺色模式」皆有較高的操作績效；(3)圖文樣式於系統使用性尺度量表的分析中有顯著差異，「圖文式」優於「純文字式」；(4)圖文樣式於介面的整體反應、操作介面呈現的滿意度分析有顯著差異，「圖文式」優於「純文字式」；(5)介面深淺於操作介面呈現的滿意度中有顯著差異，「淺色模式」優於「深色模式」。
關鍵詞：串流音樂、介面設計、行動應用程式。

Smartphones and tablets are gradually replacing desktops following the rapid development of the internet and have become an indispensable part in daily life. It is necessary to study how to provide good user interface for smartphones. This study explored the user’s subjective feeling of mobile app interface for music streaming platforms. It is to analyze possible relationship between interface shading and graphic menu styles that could have influences on user experience of interface.
There were two experiments in this study. (1) Pilot experiment: literature review was used to define preliminary testing for interface design of music streaming platforms. The results provided research variables by combining graphic menu styles of “large image”, “image and text” and “text only” with “interface shading”. Further evaluation and exploration was conducted in the verification experiment. (2) Verification experiment: the relationship between graphic menu styles and interface shading was explored with a three (graphic menu styles) by two (interface shading) of two level factorial between-subject experiment. Operation performance was recorded in the experiment in conjunction with the system usability scale (SUS) and the questionnaire for user interaction satisfaction (QUIS). Post experimental interviews were conducted to understand user needs. The results were analyzed and integrated for further suggestions.
The results were as follows. (1) There was significant difference in main effect of graphic menu styles. “Image and text” in music library preformed better than “large image”. (2) There was significant difference in main effect of interface shading. “Light mode” had higher performance. (3) There was significant difference in the SUS of graphic menu styles. “Image and text” was better than “text only”. (4) There was significant difference of graphic menu styles in overall reaction and screen of the QUIS. “Image and text” was better than “text only”. (5) There was significant difference of interface shading in screen of the QUIS. “Light mode” was better than “dark mode”.
Keywords: music streaming, interface design, mobile application.

Ballard, B. (2007). Designing the mobile user experience. Chichester, UK: John Wiley & Sons.
Bauer, D., & Cavonius, C. R. (1980). Improving the legibility of visual display units through contrast reversal. In E. Grandjean, & E. Vigliani (Eds.), Ergonomic aspects of visual display terminals (pp. 137-142). London, UK: Taylor & Francis.
Burns, C. (2018, November 8). Google’s big Android battery ‘oops’ and future dark modes. Retrieved from https://www.slashgear.com/googles-big-android-battery-oops-and-future-dark-modes-08553037/
Garrett, J. J. (2002). The elements of user experience: User-centered design for the wed and beyond (2nd ed.). San Francisco, CA: New Riders.
Huang, K. L., Chen, K. H., & Ho, C. H. (2014). Enhancement of reading experience: Users’ behavior patterns and the interactive interface design of tablet readers. Library Hi Tech, 32(3), 509-528.
IFPI (2019). IFPI global music report 2019. London, UK: IFPI.
Marshall, L. (2015). Let’s keep music special. F--- Spotify. On-demand streaming and the controversy over artist royalties. Creative Industries Journal, 8(2), 1-13.
Mathot, S, & Ivanov, Y. (2019). The effect of pupil size and peripheral brightness on detection and discrimination performance. PeerJ, 7, e8220.
Meneses, J. P. (2012). About Pandora and other streaming music services: the new active consumer on radio. Observatorio (OBS*), 6(1), 235-257.
Miller, G. A. (1956). The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological Review, 63(2), 81-97.
Mullet, K., & Sano, D. (1995). Designing visual interfaces: Communication oriented techniques. Englewood Cliffs, NJ: SunSoft Press.
myMusic (2017，8月31日)。myMusic與資策會公佈調查：臺灣音樂服務付費市場漸趨成熟。檢自https://zh.taiwanbeats.tw/archives/17941
Norman, D. A. (1988). The psychology of everyday things. New York, NY: Basic Books.
Piaget, J., & Cook, M. T. (1952). The origins of intelligence in children. New York, NY: International University Press.
Piepenbrock, C., Mayr, S., & Buchner, A. (2014). Smaller pupil size and better proofreading performance with positive than with negative polarity displays. Ergonomics, 57(11), 1670-1677.
Preece, J., Rogers, Y., & Sharp, H. (2002). Interaction design: Beyond human-computer interaction. New York, NY: John Wiley & Sons.
Shneiderman, B., & Plaisant, C. (2010). Designing the user interface: Strategies for effective human-computer interaction. Boston, MA: Addison-Wesley.
Solso, R. L. (2000). Cognitive psychology (6 ed.). Boston MA: Allyn & Bacon
Sydow, L. (2019, January 16). The state of mobile in 2019: The most important trends to know. Retrieved from https://www.appannie.com/en/insights/market-data/the-state-of-mobile-2019/
Tidwell, J. (2005). Patterns for effective interaction design. Sebastopol, CA: O’Reilly.
Topic, M. (2002). Streaming media demystified. New York, NY: McGraw-Hill.
Tschmuck, P. (2012). Creativity and innovation in the music industry (2nd ed.). Berlin, DE: Springer.
Waugh, N. C., & Norman, D. A. (1965). Primary memory. Psychological Review,72(2), 89-104.
方裕民（2003）。人與物的對話：互動介面設計理論與實務。臺北市：田園城市。
王啟翰（2006）。數位家庭多媒體中心互動介面選單結構與使用者之認知風格探討（未出版碩士論文）。國立臺灣科技大學，臺北市。
吳泰毅（2009）。中高齡者對數位相框使用者介面按鍵功能提示動態回饋設計之探討（未出版碩士論文）。國立臺灣科技大學，臺北市。
林岳甫（2014）。數位音樂下載與串流之滿意度與購買意願：以iTunes與KKBOX為例（未出版碩士論文）。淡江大學，新北市。
林楷庭（2013）。以使用者經驗發展聽障者生活協助app之研究設計（未出版碩士論文）。國立臺灣科技大學，臺北市。
財團法人資訊工業策進會數位服務創新研究所（2017，5月26日）。2016年消費者愛用app大洗牌！社交聊天軟體漲幅逾1成，影音娛樂使用率首破5成擠進第二名，行動遊戲、行動購物app漸退燒。檢自https://www.iii.org.tw/Press/ NewsDtl.aspx?nsp_sqno=1952&fm_sqno=14
張一岑（2016）。人因工程學。新北市：揚智。
曾毓忠（2005）。數位音樂專論。臺北市：國立臺灣藝術教育館。
蔡劼明（2006）。智慧型手機圖像辨識率與滿意度之評估研究（未出版碩士論文）。國立臺北科技大學，臺北市。
鄭天澤（2017）。2017年臺灣寬頻網路使用調查報告。臺北市：財團法人臺灣網路資訊中心。