服飾類行動購物APP之圖文編排與色彩配色影響消費者感知品質之研究

Research on Influencing Factors of How the Layout Design and Color Combination on Apparel Mobile Shopping APP Affect Consumers' Perceived Quality

楊美雪(Mei-Hsueh Yang)；張秀湘(Hsiu-Hsiang Chang)

圖文編排 ； 色彩配色 ； 行動購物 ； APP ； 感知品質 ； layout design ； color combination ； mobile shopping ； APP ； perceived quality

中華印刷科技年報

2017（2017 / 04 / 01）

642 - 665

繁體中文

行動裝置普及帶動行動購物APP 商機。消費者於網上購物，無法以試用或觸摸等方式評估產品，此時消費者對產品的品質優劣感知非常重要，也是消費決策依據。雖已有探討網頁設計元素影響消費者心理的研究，但因行動裝置受限螢幕尺寸與網路速度等差異因素，無法預設行動裝置的消費者與過往網購消費者有相同動機、期望和行為。加上少有研究探討消費者使用APP 接觸產品初期的心理感知反應。因此，本研究以服飾類行動購物APP 的圖文編排及色彩配色之視覺設計元素探討對消費者感知品質（perceived quality）之影響。本研究採實驗法，為2（圖文編排比例：圖75% 文25%、圖25% 文75%）× 2（色彩配色：藍色背景/ 黃色文字、黃色背景/ 藍色文字）2 因子組間設計，共4 種實驗組合，依變數為感知品質。研究結果顯示，圖文比例顯著影響感知品質，且圖75% 文25% 的圖文比例影響高於圖25% 文75%，尤影響感知品質中的做工精細感知。不同背景/ 文字色彩配色組合對感知品質影響無顯著差異；圖文比例與色彩配色組合，無交互作用影響感知品質。本研究另發現APP 介面的視覺經驗有別於電腦網頁，僅圖文比例之過往實證研究結果，可延伸影響至服飾類行動購物APP 介面上；色彩元素則需再續探究之。研究結果期提供各方視覺設計者參考。

The popularity of mobile devices drives mobile shopping APP opportunities. Consumers often acquire adequate product information by physical examination, but the internet shopping does not accommodate physical evaluations like the real stores do. The product quality perception of the first impression is very important to consumers, and also led to their decision making. Because there are many differences between mobile devices and PCs such as the screen size and network speed, it cannot be assumed that mobile devices consumers have the same motivations, expectations and behavior as the internet consumers despite of many past studies on web design factors affecting consumer psychology. There are few studies to discuss consumers' initial reaction of product of psychological perception via using mobile app. Therefore, this study discusses the influence factors of how the layout design and color combination on apparel mobile shopping APP affect consumers' perceived quality. The study adopts two factors between-subjects design: 2 （ image/text ratio of layout design: 75% image 25% text, 25% image 75% text）× 2 （ color combination: blue background color / yellow text color, yellow background color / blue text color）, a total of four kinds of experimental combinations. The perceived quality serve as a dependent variable.The results show that the significant effect is the consumers' perceived quality in the image / text ratio of layout design. 75% image /25% text is more significant to consumers' perceived quality than 25% image /75% text, especially fine workmanship perception. There is no significant effect on consumers' perceived quality in the color combination. Besides, image / text ratio of layout design and color combination don't have significant interaction effect on consumers' perceived quality.Furthermore, the study finds that visual experience of APP interface is different from web page. The past results indicate that only image / text ratio of layout design could extend to action on apparel mobile shopping APP interface. Color factor needs further studies.

1. 王藍亭、盧伊君(2010)。書籍編排之視覺圖像呈現研究─以國小六年級自然科教科書爲例。中華印刷科技年報，578-587。
   連結：
2. 張裕幸(2006)。公共圖書館網站的視覺傳達與閱讀氛圍設計。臺北市立圖書館館訊，23(3)，1-18。
   連結：
3. 管倖生、林彥呈(2002)。以感性工學程序建構網頁設計系統之研究。設計學報，7(1)，59-74。
   連結：
4. 鄭月秀、藍穎筑(2012)。以三分法解構網頁編排設計研究。設計學研究，15(2)，103-131。
   連結：
5. Yahoo 奇摩（2015 年10 月22 日）。Yahoo 奇摩2015 年電子商務紫皮書【調查報告】。取自http://yahoo-emarketing.tumblr.com/post/131676678506/purplebook
6. SmartM（2015 年1 月5 日）。冬季女裝網購數據，攻市佔三大策略【調查報告】。取自 https://www.smartm.com.tw/article/363434cea3
7. Vpon Inc.（2013 年12 月19 日）。2013 台灣行動廣告市場年終報告【調查報告】。取自 http://www.vpon.com/images/datafile/Vpon_2013tw.pdf
8. IDC（2015 年12 月10 日）。台灣智慧型手機市場2015 年第三季首次呈現年度衰退【調查報告】。取自 http://www.idc.com.tw/about/466.html
9. Outing, S., & Ruel, L. (2004). The best of eyetrack III: What we saw when we looked through their eyes. Published on Poynter Institute (not dated). Retrieved, 20(06), 06. Retrieved from http://www.math.unipd.it/~massimo/corsi/tecweb2/Eyetrack-III.pdf
10. 財團法人資訊工業策進會產業情報研究所MIC（2015 年1 月22 日）。六成以上台灣網友使用行動購物【新聞報導】。取自http://www.eettaiwan.com/ART_8800709108_675327_NT_bb45b2dc.HTM
11. Bellizzi, J. A.,Crowley, A. E.,Hasty, R. W.(1983).The effects of color in store design.Journal of retailing,59(1),21-45.
12. Bellizzi, J. A.,Hite, R. E.(1992).Environmental color, consumer feelings, and purchase likelihood.Psychology & marketing,9(5),347-363.
13. Biers, K.,Richards, L.(2005).Color as a factor of product choice in e-commerce.Review of Business Information Systems,9(4),33-40.
14. Brucks, M.,Zeithaml, V. A.,Naylor, G.(2000).Price and brand name as indicators of quality dimensions for consumer durables.Journal of the academy of marketing science,28(3),359-374.
15. Choi, J.,Singh, S.(2011).Unanticipated Marketing Effects of Color: Empirical Tests in Two Contexts.Marketing,26(12),1108-1129.
16. Coulter, K. S.,Coulter, R. A.(2005).Size does matter: the effects of magnitude representation congruency on price perceptions and purchase likelihood.Journal of Consumer Psychology,15(1),64-76.
17. Cyr, D.,Head, M.,Ivanov, A.(2006).Design aesthetics leading to m-loyalty in mobile commerce.Information & Management,43(8),950-963.
18. Dawes, J. G.(2008).Do data characteristics change according to the number of scale points used? An experiment using 5 point, 7 point and 10 point scales.Interna-tional journal of market research,51(1),61-77.
19. Diamond, D. S.(1968).A quantitative approach to magazine advertisement format selection.Journal of Marketing Research,376-386.
20. Eckman, M.,Damhorst, M. L.,Kadolph, S. J.(1990).Toward a model of the in-store purchase decision process: Consumer use of criteria for evaluating women's apparel.Clothing and Textiles Research Journal,8(2),13-22.
21. Erdoğmus, I.,Büdeyri-Turan, I.(2012).The role of personality congruence, perceived quality and prestige on ready-to-wear brand loyalty.Journal of Fashion Marketing and Management: An International Journal,16(4),399-417.
22. Fiore, A. M.,Jin, H.,Kim, J.(2005).For fun and profit: Hedonic value from image interactivity and responses toward an online store.Psychology and Marketing,22(8),669-694.
23. Francis, F. J.(1995).Quality as influenced by color.Food quality and preference,6(3),149-155.
24. Garvin, D. A.(1984).What Does "Product Quality" Really Mean?.MIT Sloan Management Review,Fall
25. Gelici Zeko, M. M.,Lutters, D.,Klooster, T. R.,Weijzen, P. L. G.(2013).Studying the influence of packaging design on consumer perceptions (of dairy products) using categorizing and perceptual mapping.Packaging Technology and Science,26(4),215-228.
26. Gorn, G. J.,Chattopadhyay, A.,Sengupta, J.,Tripathi, S.(2004).Waiting for the web: how screen color affects time perception.Journal of marketing research,41(2),215-225.
27. Gorn, G. J.,Chattopadhyay, A.,Yi, T.,Dahl, D. W.(1997).Effects of color as an executional cue in advertising: They're in the shade.Management Science,43(10),1387-1400.
28. Hasan, B.(2015).Perceived irritation in online shopping: The impact of website design characteristics.Computers in Human Behavior,54,224-230.
29. Hill, A.,Scharff, L. V.(1997).Readability of websites with various foreground/background color combinations, font types and word styles.Proceedings of 11th National Conference in Undergraduate Research
30. Jacoby, J.,Olson, J. C.,Haddock, R. A.(1971).Price, brand name, and product composition characteristics as determinants of perceived quality.Journal of Applied Psychology,55(6),570.
31. Jain, V.,Roy, S.,Pant, A.(2013).Effect of colour and relative product size (RPS) on consumer attitudes.Transnational Marketing Journal,1(1),41-58.
32. Kauppinen-Räisänen, H.,Luomala, H. T.(2010).Exploring consumers' product-specific colour meanings.Qualitative Market Research: An International Journal,13(3),287-308.
33. Kim, M.,Lennon, S.(2008).The effects of visual and verbal information on attitudes and purchase intentions in internet shopping.Psychology & Marketing,25(2),146-178.
34. Kuo, W. G.,Chang, C. H.(2002).The Effect of the Grey Background on the Images of the Office-Female Apparel.Proceedings of the International Conference on Fashion and Textile: The New Frontiers-Design, Technology and Business,Hong Kong:
35. Kuzu, E. B.,Ceylan, B.(2010).Typographic properties of online learning environments for adults.Procedia-Social and Behavioral Sciences,9,879-883.
36. Li, Y. M.,Yeh, Y. S.(2010).Increasing trust in mobile commerce through design aesthetics.Computers in Human Behavior,26(4),673-684.
37. Lin, Y. C.,Yeh, C. H.,Wei, C. C.(2013).How will the use of graphics affect visual aesthetics? A user-centered approach for web page design.International Journal of Human-Computer Studies,71(3),217-227.
38. Ling, J.,Van Schaik, P.(2002).The effect of text and background colour on visual search of Web pages.Displays,23(5),223-230.
39. Magrath, V.,McCormick, H.(2013).Marketing design elements of mobile fashion retail apps.Journal of Fashion Marketing and Management: An International Journal,17(1),115-134.
40. McCarthy, M. S.,Mothersbaugh, D. L.(2002).Effects of typographic factors in advertising-based persuasion: A general model and initial empirical tests.Psychology & Marketing,19(7, 8),663.
41. Mehta, R.,Zhu, R. J.(2009).Blue or red? Exploring the effect of color on cognitive task performances.Science,323(5918),1226-1229.
42. Meier, B. P.,Robinson, M. D.,Caven, A. J.(2008).Why a big mac is a good mac: Associations between affect and size.Basic and applied social psychology,30(1),46-55.
43. Middlestadt, S. E.(1990).The Effect of Background and Ambient Color on Product Attitudes and Beliefs.Advances in consumer research,17(1),244-249.
44. Murch, G. M.(1984).Physiological principles for the effective use of color.Computer Graphics and Applications, IEEE,4(11),48-55.
45. Nunnally, J.C.(1978).Psychometric Theory.NY:McGraw-Hill.
46. Oh, J.,Fiorito, S. S.,Cho, H.,Hofacker, C. F.(2008).Effects of design factors on store image and expectation of merchandise quality in web-based stores.Journal of Retailing and Consumer Services,15(4),237-249.
47. Olson, J. C.,Jacoby, J.(1972).Cue utilization in the quality perception process.Proceedings of the Third Annual Conference of the Association for Consumer Research
48. Ophuis, P. A. O.,Van Trijp, H. C.(1995).Perceived quality: A market driven and consumer oriented approach.Food quality and Preference,6(3),177-183.
49. Pelet, J. E.,Papadopoulou, P.(2009).The Effect Of Colors Of E-commerce Websites On Mood, Memorization And Buying Intention.MCIS 2009
50. Percy, L.,Rossiter, J. R.(1983).Effects of Picture Size and Color on Brand Attitude Responses in Print Advertising.Advances in consumer research,10,17-20.
51. Petrick, J. F.(2002).Development of a multi-dimensional scale for measuring the perceived value of a service.Journal of leisure research,34(2),119-134.
52. Rao, A. R.,Monroe, K. B.(1989).The effect of price, brand name, and store name on buyers' perceptions of product quality: An integrative review.Journal of marketing Research
53. Rossiter, J. R.,Percy, L.(1978).Visual imaging ability as a mediator of advertising response.Advances in consumer research,5(1),621-629.
54. Schlatter, T.,Levinson, D.(2013).Visual usability: Principles and practices for designing digital applications.Waltham, MA:Elsevier Inc..
55. Shen, G. C. C.(2015).Users' adoption of mobile applications: Product type and message framing's moderating effect.Journal of Business Research,68(11),2317-2321.
56. Shieh, K. K.,Lin, C. C.(2000).Effects of screen type, ambient illumination, and color combination on VDT visual performance and subjective preference.International Journal of Industrial Ergonomics,26(5),527-536.
57. Silvennoinen, J.,Vogel, M.,Kujala, S.(2014).Experiencing Visual Usability and Aesthetics in Two Mobile Application Contexts.Journal of Usability Studies,10(1),46-62.
58. Stone-Romero, E. F.,Stone, D. L.,Grewal, D.(1997).Development of a multidimensional measure of perceived product quality.Journal of quality management,2(1),87-111.
59. Swinker, M. E.,Hines, J. D.(2006).Understanding consumers' perception of clothing quality: A multidimensional approach.International Journal of Consumer Studies,30(2),218-223.
60. Szybillo, G. J.,Jacoby, J.(1974).Intrinsic versus extrinsic cues as determinants of perceived product quality.Journal of Applied Psychology,59(1),74-78.
61. Teas, R. K.,Agarwal, S.(2000).The effects of extrinsic product cues on consumers' perceptions of quality, sacrifice, and value.Journal of the Academy of marketing Science,28(2),278-290.
62. Tsiotsou, R.(2006).The role of perceived product quality and overall satisfaction on purchase intentions.International journal of consumer studies,30(2),207-217.
63. Wang, S. T.(2013).The influence of visual packaging design on perceived food product quality, value, and brand preference.International Journal of Retail & Distribution Management,41(10),805-816.
64. Yen, N. S.,Tsai, J. L.,Chen, P. L.,Lin, H. Y.,Chen, A. L.(2011).Effects of typographic variables on eye-movement measures in reading Chinese from a screen.Behaviour & Information Technology,30(6),797-808.
65. Yu, N.,Kong, J.(2016).User experience with web browsing on small screens: Experimental investigations of mobile-page interface design and homepage design for news websites.Information Sciences,330,427-443.
66. Zeithaml, V. A.(1988).Consumer perceptions of price, quality, and value: a means-end model and synthesis of evidence.The Journal of marketing,2-22.
67. 李傳房(2009)。高齡者對PDA彩色文字之視認度研究。設計學報，10(2)，1-12。
68. 杜思磊、郭文貴(2004)。黃色背景對 JE 女性上班服飾意象影響之研究。華岡紡織期刊，11(3)，275-283。
69. 林清泉、謝光進(2001)。文字色彩與文字筆劃數對中文單字識認績效的影響。人因工程學刊，3(1)，33-39。
70. 梁群裕、郭文貴、林尚明(2004)。JE 女性上班服飾搭配藍色背景服飾意象之研究。華岡紡織期刊，11(1)，14-22。
71. 許正妹、李傳房(2005)。電子故事書與兒童喜好之研究：人因設計的觀點。數位學習設計與管理學術研討會
72. 湯永成、廖敏伶(2014)。ibon 多媒體機列印與繳費介面使用性之研究。輔仁大學藝術學報，3，137-163。
73. 黃照婷、林晏州(2007)。草花配色對色彩偏好及色知覺之影響。臺灣園藝，53(4)，481-490。
74. 劉奕岑(2011)。臺灣行業別網站首頁之色彩比例研究（一）。樹德科技大學學報，14(1)，217-242。
75. 韓豐年、朱育陞、林玫君、吳紫寧、陳宗彥、蔡孟勳、劉逸葳(2010)。服飾類網路商品影像傳播策略影響消費者行為之研究。圖文傳播藝術學報，98-101。
76. 饒真強(2005)。碩士論文(碩士論文)。國立臺灣科技大學設計研究所。

1. 劉仲矩(2021)。人力網站美學資本與網路忠誠關聯：求職者滿意為調節變項。商略學報，13(2)，135-158。