跳到主要內容

臺灣博碩士論文加值系統

(44.222.64.76) 您好!臺灣時間:2024/06/25 23:29
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果 :::

詳目顯示

: 
twitterline
研究生:羅子晴
研究生(外文):LUO, ZI-CHING
論文名稱:一頁式網站廣告設計對消費者喜好度與注意力之研究–以女子麥面包為例
論文名稱(外文):A Study On The Effects Of Landing Pages On Consumer Preference And Attention: Women's Good Bread As The Example
指導教授:翟治平翟治平引用關係
指導教授(外文):JAIN, JHIN-PING
口試委員:李穎杰林育靚翟治平
口試委員(外文):LEE, YING-JYELIN,YU-JINJAIN, JHIN-PING
口試日期:2021-07-26
學位類別:碩士
校院名稱:國立高雄科技大學
系所名稱:文化創意產業系
學門:人文學門
學類:其他人文學類
論文種類:學術論文
論文出版年:2021
畢業學年度:109
語文別:中文
論文頁數:114
中文關鍵詞:一頁式網站編排型式注意力喜好度
外文關鍵詞:Landing PageVisual LayoutAttentionPreference
相關次數:
  • 被引用被引用:2
  • 點閱點閱:371
  • 評分評分:
  • 下載下載:24
  • 收藏至我的研究室書目清單書目收藏:0
一頁式網站(Landing Page)是以一個主題為導向並加以說明的單一頁面,其單純一個頁面即可完成行動轉換,因運用吸睛的圖像及精簡的文字使消費者輕鬆地閱覽,所有圖像均圍繞同個主題,較不容易模糊網頁所要表達之目的,故可以說是整合網站、廣告及轉換行動功能的新型態綜合體。本研究以女子麥面包為研究案例,探討烘焙業中的一頁式網站圖像呈現編排型式,找出適合現代消費者最喜歡的視覺呈現模式為目的。藉由文獻探討蒐集一頁式網站及視覺編排型式相關文獻,整合出適合「網站圖像設計原理」後,成立專家小組以KJ法將蒐集樣本進行編排型式之分類,並透過實際設計一頁式網站,最後以問卷調查進行前、後測分析。研究結果顯示:(1)經由歸納分析後共得到:多格分割、垂直水平、交叉斜線、回型、並置、對稱、三角、圓、缺口、曲線、自由、文案,十二種編排為烘焙業一頁式網站設計類目。(2)First View 主視覺對消費者吸引有絕對關係。(3)烘培業一頁式網站最適合的編排組合為:「曲線+垂直水平+三角+多格分割」。(4)編排型式確實能影響消費者之喜好度並促進購買慾望。(5)注重一頁式網站圖像設計原理流程是具備有效性的。(6)一頁式網站與品牌之間有相輔相成的相關性且需隨著活動有不間斷更換或更新。本研究藉由樣本蒐集、實際網站設計、兩次問卷的驗證及修正,使研究結果更具有效性,因此,藉本研究結果可提供未來設計領域之相關業者或研究者之借鑑。
A landing page is a single webpage which focuses on a specific topic and provides explanation, which allows easy mobile conversion. Landing pages, which utilize attractive graphics and minimalist texts, allow consumers to browse at ease. One specific topic runs through all the graphics on the landing page in order to avoid losing focus and obscuring the purpose. In other words, a landing page is an innovative way to integrate a webpage and an advertisement, which also includes the function of mobile conversion. The study looks into how landing pages in the bakery industry present and lay out the graphics, using the example of Women's Good Bread with the aim of identifying the most favorable visual presentation on consumers nowadays. Literature on landing pages and visual layouts for print advertising was reviewed in the study; principles of website graphic design were then produced; an expert panel was established to classify the layouts using the KJ method; last, pre-testing and post-testing questionnaires were administered and analyzed with a landing page made for the study. The results are as follows: First, twelve types of landing page layouts, grid-breaking layouts, vertical-horizontal layouts, crosshatching layouts, loop-shaped layouts, juxtaposition layout, symmetrical layout, triangular layouts, circular layouts, gapped layouts, curved-line layouts, freestyle layouts, text-centered layouts, in the bakery industry were identified with the inductive analysis. Second, the key visual of First View and attracting consumer attention are in an absolute relationship. Third, the most suitable layout for the landing pages used in the bakery industry is the combination of curved lines, split screen, triangles, and grid-breaking. Fourth, the visual layout can indeed affect consumer preference and encourage purchasing. Fifth, it is effective to pay more attention to the principle of graphic design of landing pages. Sixth, there is a complementary relationship between a landing page and a brand, and constantly updating and improving is required for better campaign results. In the study, sampling was used, and a landing page was created, and the questionnaire was validated and modified twice, making the results more valid. Therefore, the results can be provided for the reference of business and researchers in the area of design.
摘 要 I
ABSTRACT II
誌 謝 IV
目 錄 V
表 目 錄 VIII
圖 目 錄 X
壹、緒論 1
一、研究動機與目的 1
二、研究範圍與限制 2
三、研究架構與流程 3
貳、文獻探討 5
一、一頁式網站廣告之探索 5
(一)一頁式網站廣告定義與功能 5
(二)自助式平台之應用 8
(三)一頁式網站主視覺元素 11
二、廣告圖像視覺表現型式 14
(一)圖像 14
(二)平面廣告編排型式 15
三、First View圖像之注意力 18
四、圖像之喜好度 20
五、一頁式網站廣告圖像設計原理歸納整合 23
六、女子麥面包創立之發展歷程 27
(一)女子麥面包背景緣由 27
(二)品牌客群定位及產品 28
參、研究方法與程序 30
一、研究方法 30
(一)KJ法 30
(二)問卷調查法 30
二、研究步驟與程序 30
(一)KJ法實施說明 32
(二)問卷調查階段說明 39
肆、研究結果與分析 41
一、KJ法結果:專家挑選類別分析 41
(一)必備條件 41
(二)細目分類 42
二、專家挑選四組樣本分析 47
三、問卷前測:四組樣本問卷結果分析 50
(一)First View主視覺之喜好度結果 51
(二)整體網頁喜好度與購買意願 52
四、女子麥面包一頁式網站設計過程與結果 53
(一)三個版本編排型式說明 53
(二)三個版本設計樣式結構的界定 55
(三)第一版本(編號A) 57
(四)第二版本(編號B) 64
(五)第三版本(編號C) 70
五、問卷後測:女子麥面包問卷結果分析 76
(一)三個版本First View主視覺及整體網站注意力結果 77
(二)三個版本每個圖像之喜好度與購買意願 78
(三)三個版本細節圖像依照喜好三選一 79
(四)編排型式與喜好度交叉分析 81
六、女子麥面包一頁式網站最終呈現 83
伍、結論與建議 91
一、研究結論 91
二、後續研究檢討與建議 95
參考文獻 97
附件一 前測問卷調查 105
附件二 後側問卷調查 108
附件三 10家樣本基本資料 114
書籍
[1]王鴻祥、翁鵲嵐、鄭玉屏、張志傑(譯)(2019)。《情感@設計:為什麼有些設計讓你一眼就愛上》。(原作者: Norman, Donald A.)。初版六刷,臺北:遠流。
[2]朱海成(2008)。《商業自動化》。臺北:新陸書局。
[3]朱瀅(2002)。《實驗心理學》。臺北:五南圖書。
[4]何耀宗(1987)。《平面廣告設計》。臺北:雄獅圖書。
[5]吳嘉芳(譯)(2017)。《網站行銷儀一定要懂的Landing Page》。(原作者:POSTSCAPE Inc.)。臺北:旗標。
[6]呂長民(2005)。《行銷研究:研究方法與實例應用》。台北:前程企管。
[7]拓植博芳(2011)。《真好看!版式設計的美感法則:圖文整合、色彩搭配、版面平衡一次學會》。博碩文化(譯)。臺北:博碩文化。
[8]林俊良(2004)。《視覺傳達設計概說》。臺北:藝風堂。
[9]邱皓政(2002)。《量化研究與統計分析》。臺北:五南出版。
[10]邱順應(2008)。《廣告文案:創思原則與寫作實踐》。臺北:智勝文化。
[11]洪禎韓(譯)(2021)。《LAYOUT基礎學[設計入門]》。(原作者:大里浩二、長井美樹、山崎澄子、内藤孝彦)。臺北:邦聯文化。
[12]張岩、趙緯(2014)。《廣告設計原理與表現手法》。臺北:拓客。
[13]張岩、趙緯(2017)。《廣告設計原理與表現手法》。臺北:拓客出版。
[14]許安琪、邱淑華(2004)。《廣告創意:概念與操作》。臺北:揚智文化。
[15]陳芳誼(譯)(2019)。《視覺傳達設計》。(原作者:博‧柏格森)。初版五刷,臺北:原點。
[16]陳嫺若(譯)(2019)。《設計師一定要懂的版面設計學:從豐富的範例中學習!不可不知的版面基礎知識》。(原作者:PIE國際出版編輯部)。臺北:積木文化。
[17]陳慧如(譯)(2009)。《版面構圖的準則》。(原作者:內村光一)。臺北:悅之文化。
[18]黃惇勝(1995)。《臺灣式 KJ 法原理與技術》。臺北:中國生產力中心。
[19]楊志(1998)。《廣告心理學》。臺北:國家出版社。
[20]楊勝雄(2009)。《編排設計》。臺北:藝風堂。
[21]葉美莉(2000)。《商用色彩學》。臺北:果岩出版有限公司。
[22]管倖生(1995)。《廣告設計》。臺北:朝陽堂。
[23]管倖生(1997)。《廣告設計》。臺北:三民。
[24]劉建順(2004)。《現代廣告學》臺北:智勝文化。
[25]樊志育(1991)。《廣告學》。臺北:三民書局。
[26]鄭建華(2006)。KJ 法。載於管倖生(主編),《設計研究方法》(頁86-90)。台北:全華。
[27]蕭湘文(2005)。《廣告傳播》。臺北:威仕曼文化。
[28]謝薾鎂(譯)(2015)。《這樣 O 那樣 X 馬上學會好設計》。(原作者:坂本伸二)。臺北:旗標。
[29]謝薾鎂(譯)(2016)。《這個設計好在哪?做設計前,請先答對這46個問題!》。(原作者:Hiroshi Hara、Akiko Haumyashi、Kumiko Hiramoto、Junya Yamada)。臺北:旗標。
[30]鍾佩純(譯)(2017)。《版面設計學:平面設計的美感養成》。(原作者:Flair)。臺北:邦聯文化。
[31]羅子明(2002)。《消費者心理學》。北京:清華大學出版社。
[32]羅文坤丶鄭英傑(1993)。《廣告學:策與創意》。臺北:華泰。


學術期刊
[1]王韋堯、黃詩珮(2012)。〈插畫式平面廣告設計類型之探討與應用〉。《設計學報》,第17卷2期,頁25-48。
[2]王瑞之(1997)。〈平面媒體入侵WWW〉。《網路通訊雜誌》,第68卷,頁68-72。
[3]朱柏穎(2010)。〈產品認知價值之情感向度指標萃取與評價模式研究〉。《設計學報》,第15卷1期,頁25-49。
[4]張李竹、 顏乃欣(2017)。〈看的越久廣告效果越好嗎?由眼動探討改變偵測作業中置入物的效果〉。《中華心理學刊》,第59卷1期,頁1-27。
[5]張謙允、陳瀚凱(2002)。〈視覺平衡與視覺動勢對海報注目性影響之相互關係研究〉。《商業設計學報》,第7卷,頁475-498。
[6]翟治平(2009)。〈廣告圖像構成型式對消費者認知之研究〉。《高應科大人文社會科學學報》,第6卷1期,頁29-48。
[7]顏惠芸(2018)。〈情感設計因素影響文創產品喜好之模式建構與分析〉。《設計學報》,第23卷第4期,頁21-44。


研究計畫
[1]唐硯漁、林榮泰(2007)。〈從企業的觀點探討產品設計評價的本質(I)〉。行政院國家科學委員會專題研究計畫(編號:NSC96-2221-E017-010)。高雄市:高雄師範大學。


學位論文
[1]毛念瑀(2019)。〈消費者喜好度對療癒商品成效影響之研究—以杯緣子為例〉。東方設計大學文化創意設碩士論文,臺北市。
[2]古又仁(2000)。〈微型網站廣告著陸網頁互動性多媒體效果音效與廣告效果關係之探討〉。國立臺灣科技大學設計研究所碩士論文,臺北市。
[3]朱柏穎(2011)。〈產品設計情感向度的傳達與決策分析模式〉。大同大學設計科學研究所博士論文,臺北市。
[4]吳淑玉(2010)。〈平面廣告類型分析─以第20~30屆時報廣告金像獎平面類作品為例〉。臺中技術學院商業設計研究所碩士論文,臺中市。
[5]李姿瑩(2016)。〈手錶造形要素時代感一致性 對喜好度之影響〉。國立臺北科技大學工業設計系創新設計研究所碩士論文,臺北市。
[6]沈宗成(1999)。〈報紙廣告中版面構成要素差異性之研究-以1987年中國時報與1997年聯合報全國版報紙廣告中各行業別為例〉。國立雲林科大視覺傳達設計研究所碩士論文,雲林縣。
[7]沈裕翔(2020)。〈消費者背景與使用習慣及消費行為對於APP版面編排設計之影響─以美食外送平臺為例〉。國立臺中科技大學商業設計研究所碩士論文,臺中。
[8]翁羽汝(2015)。〈雜誌版面編排設計對讀者情緒與自我認同之影響〉。國立臺灣藝術大學圖文傳播藝術學系碩士論文,新北市。
[9]莊宜昌(1997)。〈報紙版面設計對讀者閱報認知、態度影響之研究〉。國立政治大學新聞學研究所碩士論文,臺北市。
[10]黃崇皓(2020)。〈不同著陸頁面類型之內容差異與瀏覽行為差異之研究—以 2018 臺灣燈會官方網站為例〉。國立臺灣師範大學運動休閒與餐旅管理研究所碩士論文,臺北市。
[11]劉思慧(2012)。〈平面廣告視覺表現設計研究與創作〉。國立臺灣師範大學設計研究所碩士論文,臺北市。
[12]劉師豪(2012),〈性别化產品對於產品意象與産品喜好度之探討–以手機為例〉。國立臺灣科技大學工商業設計系碩士論文,臺北市。


網路參考文獻
[1]黃俊傑(2019年07月)。一頁式、一頁商店、導購頁?一次搞懂!Mr.JK創業路。取自:https://mrjk.me/?p=2433(2021年01月06日檢閱)
[2]林克威(2020年11月5日)。著陸頁 Landing Page 優化之「第一眼勾引」法則大公開。明日科學。取自:https://tomorrowsci.com/master/【林克威專欄】著陸頁-landing-page-優化之「第一眼勾引」/(2021年06月30日檢閱)

英文文獻
[1]Anglin, G., Towers, R., & Levie, H. (1996). Visual message design and learning: The role of static and dynamic illustrations. In D. H. Jonassen (Ed.), Handbook of Research for Educational Communications and Technology. New York: Simon and Schuster Macmillan.
[2]Arnold, E. C. (1969). Modern newspaper design. New York: Harper & Row.
[3]Ash, T., Ginty, M., & Page, R. (2012). Landing page optimization: The definitive guide to testing and tuning for conversions. Indianapolis, IN: John Wiley & Sons, Inc.
[4]Barthelson, M. (2002). Reading behaviour in online news reading, graduation project. LundUniversity: Department of Cognitive Science.
[5]Baxter, M .(1995). Product design: A practical guide to systematic methods of new product development. London: CRC Press .
[6]Becker, H., Broder, A., Gabrilovich, E., Josifovski, V., & Pang, B. (2009) What Happens after an Ad Click? Quantifying the Impact of Landing Pages in Web Advertising. Paper presented at the Annual Meeting of the Association for Computing Machinery, Hong Kong.
[7]Braden, R.A. (1996).Visual literacy: In D. H. Jonassen (Ed.), Handbook of research for educational communications and technology. NewYork: Simon & Schuster, 491-520.
[8]Conitzer Vincent, Rognlie Matthew & Xia Lirong.(2009). Preference functions that score rankings and maximum likelihood estimation.21st International joint conference on Artificial intelligence.109-115.
[9]Dirksen, C. J., Kroeger, A., & Nicosia, F.M.(1977). Advertising principles, problems, and cases.5th ed., Georgetown, Richard D. Irwin, Inc., pp.280-290
[10]Engel, J. R., R. D. Blackwell, and P. W. Miniard, (1986), Consumer Behavior, Hinseale, IL: The Dryden Press.
[11]Garcia, M.R. (1987). Contemporary Newspaper Design. New Jersey: Prentice-Hall.
[12]Hansen, J. P. (1994). Analyse af læsernes informations prioritering, Unpublished report. Kognitiv Systemgruppen, Forskningscenter Risø, Roskilde.
[13]Henderson, J. M., & Hollingworth, A. (1999). High-level scene perception. Annual Review of Psychology, 50, pp.243-271.
[14]Hirschman, (1986). The effect of verbal and pictorial advertising stimuli on aesthetic, utilitarian and familiarity perceptions, Journal of Advertising.
[15]Holmqvist, K., Holsanova, J., Barthelson, M., & Lundqvist, D. (2003). Reading or Scanning? A study of newspaper and net paper reading. The Mind’s Eye: Cognitive and applied aspects of eye movement research. Amsterdam: Elsevier. pp. 657-670.
[16]Howard & Sheth, J.N. (1969), The Theory of Buyer Behavior, New York, John Wiley & Sons Inc.
[17]Kamins, M. A. & Skinner, D. (1991). Television commercial evaluation in the context of program induced mood: congruency versus consistency effects. Journal of Advertising, 20(2), p. 1-14.
[18]Kane, L. (2019, June 30). The attention economy. Nielsen Norman Group. Retrieved November 17,2019, from: https://www.nngroup.com/articles/attention-economy/
[19]Kelly, H. H. (1972). Causal schemata and the attribution process. Morristown, NJ: General Learning.
[20]Kotler (2000). Marketing Management, New Jersey: Prentice-Hall.
[21]Lavidge and G. A. Steiner. (1961). A Model for Predictive Measurement of Advertising Effectiveness. Journal of Marketing , 25(4).
[22]Loftus, G. R. & Mackworth, N. H. (1978). Cognitive determinants of fixation location during picture viewing. Journal of Experimental Psychology: Human Perception and Performance, 4(4), pp.565-572.
[23]Messaris,P.(1997). Visual persuasion: The role of images in advertising, (185-188). Thousand Oaks, CA: Sage.
[24]Misanchuk, E. R. (1992). Preparing instructional text: Document design using desktop publishing. Englewood Cliffs, NJ: Educational Technology Publications.
[25]Moalosi, R, Popovic, V, & Hickling-Hudson, A. (2007). Product analysis based on Botswana’s postcolonial socio-cultural perspective. International Journal of Design, 1( 2), 35-43 .
[26]Norman, D A (2004). Emotional design: Why we love (or hate) everyday things. New York: Basic.
[27]Norton, F. (1987), The Coase Theorem and Suboptimization in Marketing Channels. Marketing-Science 6(3), 68-285.
[28]Nothdurft, H. (1993). Salience effects across dimensions in visual search. Vision Res, 33(5-6), 839-844.
[29]Peters, R. & Wedel, M. (2004). Attention capture and transfer in advertising: Brand,pictorial and text-size effects. Journal of Marketing, 68, P36-50. Prentice-Hall.
[30]Pieters, R., Rosbergen, E., & Wedel, M. (1997). Analyzing visual attention to repeated print advertising using scanpath theory. Research Report 97B32, University of Groningen, Research Institute SOM (Systems, Organisations and Management).
[31]Posner, M. I. (1980). Orienting of attention. Quarterly Journal of Experimental Psychology, 32(1), 3-25.
[32]Radach, R., Lemmer, S., Vorstius, C., Heller, D., & Radach, K.(2003). Eye movements in the processing of print advertisements. The Mind’s Eye: Cognitive and applied aspects of eye movement research. Amsterdam: Elsevier. pp. 609-632.
[33]Rapoport (1977). Human Aspect of Urban From, Pergamon Press.
[34]Rosbergen. E. ,Pieters, R, .& Wedel, M., (1995). Undirected visual attention to advertising: Asegment-level analysis. Retrieved March 5,24,2006,from SOM-Reports University of Groningen Web Site: http://som.eldoc.ub.rug.nl/FILES/reports/1995-1999/themeB/1995/95B28/95b28.pdf
[35]Schwarz, N., & Clore, G. L. (1983). Mood, misattribution, and judgments of well-being: Informative and directive functions of affective states. Journal of Personality and Social Psychology, 45(3), 513.
[36]Sternthal, B. and Craig, S. (1973). “Humor in Advertising.” Journal of Marketing, 37(4), 12–18.
[37]Wickens, C. D. (1987). Attention, Pursue Aviation Research Laboratory. Illinois Urbana: University of Illinois.
[38]Wileman, F. G. (1993). Visual commucication. Englewood Cliffs, NJ: Educational
[39]Wilerman, Ralph E. (1993). Visual Communicating, NJ: Educational Technology Publications.

QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top
無相關期刊