:::

詳目顯示

回上一頁
題名:從視覺複雜度與設計表現類型探討網頁資訊圖像之注目性
書刊名:設計學研究
作者:許子凡 引用關係
作者(外文):Hsu, Tzu-fan
出版日期:2016
卷期:19:2
頁次:頁1-26
主題關鍵詞:網頁資訊圖像注目性設計表現複雜度Web infographicAttentionDesign typeComplexity
原始連結:連回原系統網址new window
相關次數:
  • 被引用次數被引用次數:期刊(1) 博士論文(0) 專書(0) 專書論文(0)
  • 排除自我引用排除自我引用:1
  • 共同引用共同引用:23
  • 點閱點閱:5
隨著網誌與社群平台的興起,網頁資訊圖像受到諸多網路族群的熱愛,成功地吸引人們的目光焦點,因此本研究著眼於網頁資訊圖像多樣視覺特徵的結構特性,分別從「視覺複雜度」與「設計表現」類型兩個角度切入,前者係由:高視覺複雜度、低視覺複雜度兩個等級組成,後者則分為:統計圖表、系統圖、示意圖、單行構成、多欄構成、文字敘述、複雜構成等七種類型,並藉由眼動追蹤的「凝視次數」與「凝視時間」來對注目性表現進行評估。最後歸納出下述三點結論,以提供後續研究及應用設計之參考:1. 網頁資訊圖像的視覺複雜度與設計表現兩者有著高度關聯,不同複雜等級度所搭配的設計表現類型有著明顯差別,就注目性而言,低複雜度網頁資訊圖像的效果會優於高複雜度。2. 低複雜度的網頁資訊圖像設計表現類型中,系統圖與示意圖擁有較佳的注目性效果,統計圖表以數據展示為主的直敘方式,不若前兩者的圖像造形與敘事轉化手法來得具吸引力。3. 高複雜度的網頁資訊圖像在版面構成上,不同於低複雜度以單一畫面的做法,而是以分割組合的方式為主,多欄構成、單行構成兩種設計表現類型,在注目性表現上優於文字敘述與複雜構成兩者之效果。
With the coming of blog and social media, web infographic becomes a popularity to convey visual information and attract attention. This study aimed to evaluate performance of web infographic through people's attention based on two aspects of "design type" and "complexity level". The former consisted of seven categories: statistical graphs, systematic charts, diagrams, single column, multiple cells, descriptive text, and the complicated. The latter was divided into two levels of high complexity and low complexity. Moreover, "fixation account" and "fixation duration" were adopted as indicators of attention performance. Sequentially, a t-test and an one-way ANOVA were used to examine differences in attention performances of design types and complex levels respectively. Thus, the three conclusions were drawn as follows: 1. A high association existed between design type and complexity level. In terms of fixation account and duration, attention performances of low complexity were significantly better than those of high complexity. 2. Among design types of infographics with low complex, systematic charts and diagrams adapted visual appearance of graphic objects, which attracted more attentions than the way statistical graphs focused on the amount of data numbers. 3. The layout of high complex differed from each design type for arrangement of various visual elements. The attention performances of multiple cells and single column were better than descriptive text, and the complicated.
期刊論文
1.林菁(19941100)。圖像複雜度與兒童認知學習。嘉義師院學報,8,171-208。  延伸查詢new window
2.楊清田、魏碩廷(20051000)。平面圖形複雜度與面積錯視之關聯性研究--以不規則多邊形為例。藝術學報,77(設計類),13-23。new window  延伸查詢new window
3.Pieters, Rik、Wedel, M.(2004)。Attention capture and transfer in advertising: Brand, pictorial, and text-size effects。Journal of Marketing,68(2),36-50。  new window
4.Kim, M.-S.、Cave, K. R.(1999)。Top-down and bottom-up attentional control: On the nature of interference from a salient distractor。Perception & Psychophysics,61(6),1009-1023。  new window
5.Smith, E. J.、Hajash, D. J.(1998)。Informational graphics in 30 daily newspapers。Journalism Quarterly,65(3),714-718。  new window
6.Langton, S. R. H.、Watt, R. J.、Bruce, V.(2000)。Do the eyes have it? Cues to the direction of social attention。Trends in cognitive sciences,4(2),50-59。  new window
7.Theeuwes, J.(1992)。Perceptual selectivity for color and form。Perception & Psychophysics,51(6),599-606。  new window
8.Lang, A.、Dhillon, K.、Dong, Q.(1995)。The effects of emotional arousal and valence on television viewers cognitive capacity and memory。Journal of Broadcasting and Electronic Media,39(3),313-327。  new window
9.許子凡、楊朝明(20150700)。網頁資訊圖像的表現形式與主題內容之關聯分析。設計學研究,18(1),1-22。new window  延伸查詢new window
10.唐大崙、李天任、蔡政旻(20060100)。以色彩喜好作業探索偏好與視線軌跡的關係。廣告學研究,25,55-79。new window  延伸查詢new window
11.Ravaja, N.(2004)。Contributions of psychophysiology to media research: Review and recommendations。Media Psychology,6(2),43。  new window
12.Pezdek, K.、Chen, H. C.(1982)。Developmental differences in the role of detail in picture recognition memory。Journal of Experimental Child Psychology,33,207-215。  new window
13.Moon, P.、Spencer, D. E.(1994)。Aesthetic measure applied to color harmony。Journal of the Optical Society of America,34(4),234-242。  new window
14.Irwin, D. E.(1992)。Memory for position and identity across eye-movements。Journal of experimental psychology: Learning, memory, and cognition,18(2),307-317。  new window
15.Bolls, P. D.、Lang, A.、Potter, R. F.(2001)。The effects of message valence and listener arousal on attention, memory, and facial muscular responses to radio advertisements。Communication Research,28(5),627-652。  new window
16.Just, M. A.、Carpenter, P. A.(1976)。Eye Fixations and Cognitive Processes。Cognitive Psychology,8(4),441-480。  new window
17.唐大崙、張文瑜(20071200)。利用眼動追蹤法探索傳播研究。中華傳播學刊,12,165-211。new window  延伸查詢new window
會議論文
1.Bateman, S.、Mandryk, R.、Gutwin, C.、Genest, A.、McDine, D.、Brooks, C.(2010)。Useful Junk? The Effects of Visual Embellishment on Comprehension and Memorability of Charts。ACM Conference on Human Factors in Computing Systems。Atlanta, GA。  new window
2.蕭坤安、伊彬(2002)。造形輪廓的複雜性認知探討。中華民國設計學會2002年設計學術研究成果研討會,台灣科技大學主辦 。台北市。321-326。  延伸查詢new window
3.Radach, R.、Vorstius, C.、Radach, K.(2001)。Eye movements in the processing of advertisements: effects of pragmatic complexity。11th European Conference on eye movements。Turku。S49。  new window
4.Poole, A.、Ball, L. J.、Phillips, P.(2004)。In search of salience: A response time and eye movement analysis of bookmark recognition。HCI 2004。Springer-Verlag Ltd.。  new window
5.Mello-Thoms, C.、Nodine, C. F.、Kundel, H. L.(2004)。What attracts the eye to the location of missed and reported breast cancers?。The Eye Tracking Research and Applications Symposium 2002。New York:ACM Press。111-117。  new window
6.Hauland, G.(2003)。Measuring team situation awareness by means of eye movement data。HCI International 2003。Mahwah:Lawrence Erlbaum Associates。203-234。  new window
7.Cowen, L.、Ball, L. J.、Delin, J.(2002)。An eye-movement analysis of web-page usability。HCI 2002。London:Springer-Verlag Ltd.。  new window
圖書
1.木村博之(2010)。インフォグラフィックス。誠文堂新光社。  延伸查詢new window
2.Lankow, J.、Ritchie, J.、Crooks, R.(2012)。Infographics: The Power of Storytelling。Hoboken, NJ:John Wiley & Son, Inc.。  new window
3.Lester, P. M.(2011)。Visual Communication: Images with Messages。Boston, MA:Wadsworth。  new window
4.Pratkanis, A. R.、Aronson, E.(2001)。Age of Propaganda: The Everyday Use and Abuse of Persuasion。New York, NY:Owl Books。  new window
5.Smiciklas, M.(2012)。The Power of Infographics: Using Pictures to Communicate and Connect with Your Audiences。Indianapolis, IN:Que Publishing。  new window
6.孫皓瓊(2011)。圖形對話--什麼是訊息設計。北京:清華大學出版社。  延伸查詢new window
7.林品章(1986)。商業設計:理論.基礎.實務。臺北:藝術家。  延伸查詢new window
8.Davenport, Thomas H.、Beck, John C.(2001)。The Attention Economy: Understanding the New Currency of Business。Boston:Harvard Business School Press。  new window
9.Fukushi, Y.(2005)。The Best Informational Diagrams。Tokyo:PIE Books。  new window
10.Nishioka, F.(1992)。Diagram Graphics: The Best in Graphs, Charts, Maps and Technical Illustration。Tokyo:PIE Books。  new window
11.Ware, C.(2004)。Information visualization: Perception for design。San Francisco, CA:Morgan-Kaufmann。  new window
12.Wildbur, Peter、Burke, Michael(1998)。Information graphics, innovate solutions in contemporary design。London:Thames & Hudson。  new window
其他
1.Gaffney, G.(2000)。What is Card Sorting?,http://infodesign.com.au/usabilityresources/cardsorting/。  new window
2.Nielsen, J.(1997)。How Little do Users Read?,http://www.useit.com/alertbox/9710a.html, 2012/06/20。  new window
3.Tullis, T.,Wood, L.(2004)。How many users are enough for a card-sorting study?,http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.514.3907&rep=rep1&type=pdfv。  new window
4.Stone, L.(2009)。Beyond Simple Multi-tasking: Continuous Partial Attention,http://lindastone.net/2009/11/30/beyond-simple-multi-tasking-continuous-partial-attention/。  new window
5.Alex website(2013)。Top 1,000,000 Sites,http://www.alexa.com/topsites。  new window
圖書論文
1.Poole, A.、Ball, L. J.(2005)。Eye tracking in human-computer interaction and usability research: Current status and future prospects。Encyclopedia of Human Computer Interaction。Hershey:Idea Group。  new window
2.Wright, R. D.、Ward, L. M.(1998)。The control of visual attention。Visual attention。New York:Oxford University Press。  new window
3.Wolfe, J. M.(1998)。Visual search。Attention。East Sussex:Psychology。  new window
4.Carroll, P. J.、Young, J. R.、Guertin, M. S.(1992)。Visual analysis of cartoons: A view from the far side。Eye Movement and Visual Cognition: Scene Perception and Reading。London:Spring-Verlag。  new window
 
 
 
 
第一頁 上一頁 下一頁 最後一頁 top
QR Code
QRCODE