臺灣人文及社會科學引文索引資料庫系統

:::

詳目顯示

回上一頁
第 1 筆 / 總合 1 筆   第一頁 上一頁 下一頁 最後一頁
/1頁
題名：新聞網頁留白量對青壯兩代使用者的影響
書刊名：設計學報
作者：劉育君 引用關係／柯志祥 引用關係
作者(外文)：Liu, Yu-chun／Ko, Chih-hsiang
出版日期：2018
卷期：23:4
頁次：頁1-20
主題關鍵詞：留白；使用性；美感；價值感；White space；Usability；Aesthetics；Perceived value
原始連結：連回原系統網址new window
相關次數：
  • 被引用次數被引用次數:期刊(2) 博士論文(0) 專書(0) 專書論文(0)
  • 排除自我引用排除自我引用:2
  • 共同引用共同引用:24
  • 點閱點閱:5
各種視覺設計元素，如字體大小、色彩、對比、欄數、間距、版面排列、字體、圖片大小、刺激物數量、資訊量多寡、情境等，皆有可能影響網頁瀏覽績效與使用性。這些元素構成的大量資訊，會對使用者造成負擔，且各族群因生、心理的限制，可接受的資訊承載量不盡相同。與各種視覺設計相對應的元素為留白，故本研究旨在探討使用者對不同網頁留白量的使用性、美感與價值感的偏好，以四種新聞網頁為測試樣本，分別為45%留白量寬間距、55%留白量寬間距、45%留白量窄間距、55%留白量窄間距，招募16至30歲的青年與46至60歲的壯年使用者進行研究，同時收集使用者背景包含學歷等基本資料等；排除真實網頁文字、圖片內容等干擾視覺感受的因子，以實驗法進行網頁留白量的偏好測試。研究結果顯示，壯年使用者評比45%留白量寬間距總分最高，青年使用者評比55%留白量寬間距總分最高。本研究以留白比例為設計變項，期望設計師未來設計網頁時，不再受限於多樣設計元素之間的平衡與調整，其結果可優化對目標族群的網頁設計原則，提供一個便於評估網頁使用性、美感與價值感的方法，並在未來發展以人工智慧為基礎的自動化設計。
Web browsing performance and usability could be influenced by various visual design elements such as font sizes, colors, contrast, columns, spacing, layout, font styles, image sizes, stimuli, information load, context, and so on. This mass information derived from these elements might be a burden to users who have different information loads due to dissimilar physical and psychological limitations. This study regarded white space as a complimentary visual design element. The purposes of this study were to explore user preferences of usability, aesthetics and perceived value to different amounts of white space in web pages. The experimental samples were a set of four news web pages with 55% white space and wide spacing, 55% white space and narrow spacing, 45% white space and wide spacing, 45% white space and narrow spacing. Two groups of young and middle-aged participants aged between 16-30 and 46-60 years were recruited for this study to collect the participants’ preference data and their background information. This study used an experiment to explore user preferences to the amount of white space in web pages by excluding factors such as real text and images that could interfere with visual perception. The result revealed that the web page with 45% white space and wide spacing was evaluated with the highest score by the middle-aged users, and the web page with 55% white space and wide spacing was evaluated with the highest score by the young users. This study used the percentage of white space as a design variable. It is hoped that in the future designing of web pages, designers will not be confined to the balance and adjustment of multiple design elements. The result could optimize design principles of web pages for target user groups and provide a convenient method to evaluate the usability, aesthetics and perceived value of web pages. It could also be used in the future for artificial intelligence based design automation.
期刊論文
1.管倖生、林彥呈(20020600)。以感性工學程序建構網頁設計系統之研究。設計學報，7(1)，59-74。new window  延伸查詢new window
2.Robins, D.、Holmes, J.(2008)。Aesthetics and credibility in web site design。Information Processing & Management，44(1)，386-399。  new window
3.Tuch, A. N.、Bargas-Avila, J. A.、Opwis, K.、Wilhelm, F. H.(2009)。Visual complexity of websites: Effects on users' experience, physiology, performance, and memory。International Journal of Human-Computer Studies，67(9)，703-715。  new window
4.Berlyne, D. E.(1963)。Complexity and incongruity variables as determinants of exploratory choice and evaluative ratings。Canadian Journal of Psychology，17(3)，274-290。  new window
5.Schwarz, E.、Beldie, I. P.、Pastoor, S.(1983)。A comparison of paging and scrolling for changing screen contents by inexperienced users。Human Factors，25(3)，279-282。  new window
6.Pracejus, J. W.、Olsen, G. D.、O'Guinn, T. C.(2006)。How nothing became something: White space, rhetoric, history, and meaning。Journal of Consumer Research，33(1)，82-90。  new window
7.Tuch, A. N.、Bargas-Avila, J. A.、Opwis, K.(2010)。Symmetry and aesthetics in website design: it's a man's business。Computers in Human Behavior，26(6)，1831-1837。  new window
8.王郁青、岳修平(20140600)。人力網站線上表單長度設計對使用者偏好的影響。圖書資訊學刊，12(1)，109-134。new window  延伸查詢new window
9.鄭月秀、藍穎筑(20121200)。以三分法解構網頁編排設計研究。設計學研究，15(2)，103-131。new window  延伸查詢new window
10.Bi, L.、Fan, X.、Liu, Y.(2011)。Effects of Symmetry and Number of Compositional Elements on Chinese Users' Aesthetic Ratings of Interfaces: Experimental and Modeling Investigations。International Journal of Human-Computer Studies，27(3)，245-259。  new window
11.Grobelny, J.、Karwowski, W.、Drury, C.(2005)。Usability of graphical icons in the design of human-computer interfaces。International Journal of Human-Computer Interaction，18(2)，167-182。  new window
12.Lindgaard, Gitte、Fernandes, Gary、Dudek, Cathy、Brown, J.(2006)。Attention web designers: You have 50 milliseconds to make a good first impression!。Behaviour and Information Technology，25(2)，115-126。  new window
13.Moshagen, M.、Thielsch, M. T.(2010)。Facets of visual aesthetics。International Journal of Human-Computer Studies，68(10)，689-709。  new window
14.Geissler, G. L.、Zinkhan, G. M.、Watson, R. T.(2006)。The influence of home page complexity on consumer attention, attitudes and purchase intent。Journal of Advertising，35(2)，69-80。  new window
15.Tractinsky, Noam、Cokhavi, A.、Kirschenbaum, M.、Sharfi, T.(2006)。Evaluating the consistency of immediate aesthetic perceptions of web pages。International Journal of Human-Computer Studies，64(11)，1071-1083。  new window
16.Warr, P. B.(1990)。The measurement of well-being and other aspects of mental health。Journal of Occupational Psychology，63(3)，193-210。  new window
17.葉明義、莊芳瑛(20010600)。平面廣告留白效果之探索性研究。臺大管理論叢，11(2)，295-314。new window  延伸查詢new window
18.Babin, L. A.、Burns, A. C.(1998)。A modified scale for the measurement of communication-evoked mental imagery。Psychology & Marketing，15(3)，261-278。  new window
19.King, William R.、He, Jun(2006)。A Meta-analysis of the Technology Acceptance Model。Information & Management，43(6)，740-755。  new window
20.Auger, C.、Leduc, E.、Labbé, D.、Guay, C.、Fillion, B.、Bottari, C.、Swaine, B.(2014)。Mobile applications for participation at the shopping mall: Content analysis and usability for persons with physical disabilities and communication or cognitive limitations。International Journal of Environmental Research and Public Health，11(12)，12777-12794。  new window
21.Berghel, H.(1997)。Cyberspace 2000: Dealing with information overload。Communications of the ACM，40(2)，19-24。  new window
22.Biggs, S. F.、Bedard, J. C.、Gaber, B. G.、Linsmeier, T. J.(1985)。The effects of task size and similarity on the decision behavior of bank loan officers。Management Science，31(8)，970-987。  new window
23.Constantinos, K. C.、Konstantinos, K.(2012)。Web aesthetics and usability: An empirical study of the effects of white space。International Journal of E-Business Research，8(1)，35-53。  new window
24.Easton, C.(2013)。An examination of the Internet's development as a disabling environment in the context of the social model of disability and anti-discrimination legislation in the UK and USA。Universal Access in the Information Society，12(1)，105-114。  new window
25.Eysenck, H. J.(1968)。An experimental study of aesthetic preference for polygonal figures。The Journal of General Psychology，79(1)，3-17。  new window
26.Gray, D. B.、Hollingsworth, H. H.、Stark, S.、Morgan, K. A.(2008)。A subjective measure of environmental facilitators and barriers to participation for people with mobility limitations。Disability and Rehabilitation，30(6)，434-457。  new window
27.Kim, H.(2015)。A study on usability improvement of smart phone banking considering elderly users: Focusing on usability test targeting elderly for money transfer procedure of Busan bank smart phone banking app。Journal of Digital Design，15(1)，123-132。  new window
28.Oakley, N. S.、Daudert, B.(2015)。Establishing best practices to improve usefulness and usability of web interfaces providing atmospheric data。Bulletin of the American Meteorological Society，97(2)，263-274。  new window
29.Roudaki, A.、Kong, J.、Zhang, K.(2016)。Specification and discovery of web patterns: A graph grammar approach。Information Sciences，328，528-545。  new window
30.Torrente, J.、Freire, M.、Moreno-Ger, P.、Fernández-Manjón, B.(2015)。Evaluation of semi-automatically generated accessible interfaces for educational games。Computers & Education，83(4)，103-117。  new window
31.Wu, L.、Zhu, Z.、Cao, H.、Li, B.(2016)。Influence of information overload on operator's user experience of human-machine interface in LED manufacturing systems。Cognition, Technology & Work，18(1)，161-173。  new window
32.王藍亭、盧伊君(20100300)。書籍編排之視覺圖像呈現研究--以國小六年級自然科教科書為例。中華印刷科技年報，2010，578-587。  延伸查詢new window
33.呂佳珍、黃國樑、沈宇哲(20170600)。多媒體資訊站介面設計對高齡者使用性的影響。設計學報，22(2)，49-66。new window  延伸查詢new window
34.周歡(2013)。網頁設計留白。小作家選刊，2013(5)。  延伸查詢new window
35.張統宣(2011)。虛與實的和諧：論網頁設計留白。價值工程，234，148-149。  延伸查詢new window
36.楊佳玉(2015)。淺談國畫中的留白。藝術研究，2015(1)，26-27。  延伸查詢new window
37.趙紅梅(2012)。闡述網頁留自的可用性和藝術性的功能。科技論壇，2012(13)。  延伸查詢new window
38.蘇宇庭、詹峻陽(2016)。揭露！2016網路服務流量100強。數位時代，262，76-77。  延伸查詢new window
39.Sweeney, Jillian C.、Soutar, Geoffrey N.(2001)。Consumer Perceived Value: The Development of a Multiple Item Scale。Journal of Retailing，77(2)，203-220。  new window
40.Dabholkar, Pratibha A.、Thorpe, Dayle I.、Rentz, Joseph O.(1996)。A measure of service quality for retail stores: scale development and validation。Journal of the Academy of Marketing Science，24(1)，3-16。  new window
41.Oliver, Richard L.(1981)。Measurement and evaluation of satisfaction processes in retail settings。Journal of Retailing，57(3)，25-48。  new window
42.Porter, Lyman W.、Mowday, Richard T.、Steers, Richard M.(1979)。The measurement of organizational commitment。Journal of Vocational Behavior，14(2)，224-247。  new window
43.Lavie, T.、Tractinsky, N.(2004)。Assessing dimensions of perceived visual aesthetics of web sites。International Journal of Human-Computer Studies，60，269-298。  new window
44.Sheth, Jagdish N.、Newman, Bruce I.、Gross, Barbara L.(1991)。Why We Buy What We Buy: The Theory of Consumption Value。Journal of Business Research，22(2)，159-170。  new window
會議論文
1.Hoffmann, R.、Krauss, K.(2004)。A critical evaluation of literature on visual aesthetics for the web。The 2004 Annual Research Conference of the South African Institute of Computer Scientists and Information Technologists on IT Research in Developing Countries。ACM。205-209。  new window
2.Jia, Y.、Huang, Y.(2015)。How negative space on shopping websites influences users' purchase behavior。The International Conference on Chemical, Material and Food Engineering 2015。Beijing：Atlantis Press。669-671。  new window
3.Karvonen, K.(2000)。The beauty of simplicity。The 2000 Conference on Universal Usability。New York, NY：ACM。85-90。  new window
4.Monaco, E.(2011)。Issues related to accessibility and usability in furthering the implementation of e-governance。The 3rd International Conference on Education and New Learning Technologies。Valencia：International Association of Technology, Education and Development。2427-2440。  new window
5.Rumpradit, C.、Donnell, M. L.(1999)。Navigational cues on user interface design to produce better information seeking on the World Wide Web。The 32nd Annual Hawaii International Conference on System Sciences。Los Alamitos, CA：IEEE Computer Society。  new window
6.Song, G.(2007)。Analysis of web page complexity through visual segmentation。The 12th International Conference on Human-Computer Interaction: Applications and Services。Berlin：Springer。114-123。  new window
學位論文
1.蔡子瑋(2009)。美感情緒與網頁視覺信息的關係研究(博士論文)。國立交通大學。new window  延伸查詢new window
2.Michailidou, E.(2005)。Metrics of visual complexity(碩士論文)。University of Manchester，Manchester。  new window
圖書
1.Nielsen, Jakob(1994)。Usability Engineering。Academic Press, Inc.。  new window
2.原研哉、李茶(2012)。白。台北：木馬文化。  延伸查詢new window
3.Arnold, E. C.(1969)。Modern newspaper design。New York：Haper & Row。  new window
4.Sheth, J. N.、Newman, B. I.、Gross, B. L.(1991)。Consumption Values and Market Choices: Theory and Applications。South-Western Publishing Co.。  new window
5.Berlyne, D. E.(1974)。Studies in the New Experimental Aesthetics: Steps Toward An Objective Psychology of Aesthetic Appreciation。Washington, DC：Hemisphere Publishing。  new window
6.Garcia, M. R.(1987)。Contemporary newspaper design: A structural approach。Englewood Cliffs, New Jersey：Pretince Hall。  new window
7.Brooke, J.(1986)。System usability scale (SUS): A quick-and-dirty method of system evaluation。Reading：Digital Equipment。  new window
8.Fechner, G. T.(1876)。Vorschule der aesthetic。Leipzig：Breitkopf & Härtel。  new window
9.ISO(2010)。Ergonomics of human-system interaction, Part 210: Human-centered design for interactive systems。Geneva：International Organization for Standardization。  new window
10.Tschichold, J.(1928)。Die neue Typographie: Ein Handbuch für zeitgemäß Schaffende。Berlin：Verlag。  new window
11.班寧秋、張娜、曾嶽(2015)。遊戲色彩基礎。重慶市：西南師範大學出版社。  延伸查詢new window
12.臺灣網路資訊中心(2015)。2015年臺灣寬頻網路使用調查報告。臺北市：財團法人臺灣網路資訊中心。  延伸查詢new window
13.Nielsen, Jacob(2000)。Designing Web Usability: The Practice of Simplicity。Indianapolis, Indiana：New Riders。  new window
其他
1.Boulton, M.(20070109)。Whitespace，http://alistapart.com/article/whitespace。  new window
2.Maria, J. S.(20060105)。Under the loupe #1: White space，http://v3.jasonsantamaria.com/archive//2006/01/05/under_the_loupe_1_white_space.php。  new window
3.Morris, I.(20150216)。White space: A perfect option for improving usability in web designs，http://usabilitygeek.com/white-spaces-improving-usability-web-designs/。  new window
4.Schenker, M.(20140623)。How to make whitespace work on the web，https://www.webdesignerdepot.com/2014/07/how-to-make-whitespace-work-on-the-web/。  new window
5.Uxmyths(20130523)。The myth of user experience design # 28: The white space is a wasted space，http://www.hpx.tw/archives/10634。  new window
圖書論文
1.Hunt, H. Keith(1977)。CS/D: Overview and future research directions。Conceptualization and Measurement of Consumer Satisfaction and Dissatisfaction。Marketing Science Institute。  new window
2.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。  new window
3.Davidson, A. W.、Bar-Yam, Y.(2006)。Environmental complexity: Information for human-environment well-being。Unifying themes in complex systems。Berlin：Springer。  new window
4.Vu, K.-P. L.、Proctor, R. W.、Garcia, F. P.(2012)。Website design and evaluation。Handbook of human factors and ergonomics。Hoboken, NJ：Wiley。  new window
 
 
 
 
第一頁 上一頁 下一頁 最後一頁 top
:::
無相關書籍
 
無相關著作
 
QR Code
QRCODE

臺灣人文及社會科學引文索引資料庫

目前上線人數：1388（臺灣：1370，外國：18） ／ 本年度總使用人次：1827278 ／ 訪客人次（自102年09月）：67633576
國家圖書館著作權聲明 Copyright © 2013 All rights reserved.
本館地址: 100201臺北市中山南路20號． 本館地圖及交通資訊．
總機：(02)23619132．最佳瀏覽解析度為1024x768以上