「文」與「圖」是網頁訊息傳達的兩項重要元素，本研究旨在探討網頁之圖片與文字訊息的比例分配對搜尋績效與主觀偏好的影響，以Berlyne之倒U曲線為理論基礎來討論網頁圖片與文字數量分配之議題，共分成三個部份進行。
第一部分討論網頁的文字數量與螢幕解析度對搜尋績效的影響，利用選單欄位與螢幕解析度控制文字顯示數量。自變項為選單欄位與螢幕解析度，選單欄位為7：93、15：85、24：76、33：67、41：59與50：50等六個水準，螢幕解析度為800×600與1024×768像素等兩個水準，依變項為反應時間(ms)、錯誤率(%)與主觀偏好，受測者於網頁中搜尋特定文字，由電腦軟體自動記錄受測者的反應。經變異數分析顯示，螢幕解析度為1024×768的反應時間顯著較800×600為快，且主觀偏好較高。在螢幕解析度為800×600時的情況下，選單欄位為24：76的主觀評價為最佳，在螢幕解析度為1024×768的情況下，選單欄位為15：85的主觀評價為最佳。經迴歸分析，計算出三條迴歸方程式，用以描述反應時間與主觀偏好之關係。
第二部分討論網頁的圖片數量對主觀感受的影響，利用選單欄位與圖片尺寸控制圖片顯示數量。自變項為選單欄位和圖片尺寸，選單欄位為7：93、15：85、24：76、33：67、41：59與50：50等六個水準，圖片尺寸為140 × 81、220 × 127、300 × 173、380 × 219與460 × 266像素等五個水準，依變項為主觀偏好、平衡感、與動態感。經變異數分析顯示，欄位比例為7：93的偏好感、平衡感、和動態感的評價為最低，欄位比例為24：76 和 33：67可在此三個依變項中獲得最高的評價。最具有動態感的圖片尺寸為140 × 81像素，最不具有動態感的圖片尺寸為460 × 266像素。
第三個部分，將第一部份與第二部分的結果進行實務驗證，且加入使用時間點因素進行討論。自變項為選單欄位位置與內容欄位的網格數量，選單欄位位置為左選單、右選單、上選單、與下選單等四個水準，內容欄位的網格數量為1欄、2欄、3欄、與4欄等四個水準，依變項為主觀偏好。經迴歸分析發現，計算出一條迴歸方程式，用以描述在使用前欄位數量與主觀偏好間之關係。

Text and picture are two of the most important web page design elements for information communication. This study investigated the effects of proportion distribution in web page design on user search performance and subjective evaluation. The information quantity investigations were based on the theory of Berlyne invert-U shape. The research processes in this study include three phases.
The first phase investigated the effect of text information quantity and screen resolution on search performance and subjective preference. The two variables adopted in the experiment are screen resolution and column ratio. Screen resolutions of 800×600 and 1024×768 pixels were examined. Six column ratios of 7：93, 15：85, 24：76, 33：67, 41：59, and 50：50 were used. Reaction time and error rate were automatically recorded by software. The results generated from repeated measures revealed that the 1024×768 resolution yielded shorter reaction time than the 800×600 resolution. The 1024×768 resolution showed higher subjective preferences than the 800×600. When the 800×600 resolution was used, the column ratio of 24：76 yielded the best preference score. In addition, when the 1024×768 resolution was adopted, the column ratio of 15：85 produced the best preference score. A regression equation was used to describe the dependence of reaction time on column ratio levels. Two second-degree polynomial regression equations proved appropriate for describing the subjective preferences of 1024×768 and 800×600 resolutions at each level of column ratio.
The second phase investigated the effect of picture information quantity on subjective evaluation. The experiment herein adopted two variables to help define picture amount, i.e., column ratio and picture size. Six column ratios were employed, i.e., 7：93, 15：85, 24：76, 33：67, 41：59, and 50：50. Five picture sizes were examined, i.e., 140 × 81, 220 × 127, 300 × 173, 380 × 219, and 460 × 266 pixels. The results generated from repeated measures revealed that the column ratio and picture size had significant effects on preference, balance, and dynamic feel. The results also indicated that the most appropriate picture amount for display were column ratios of 15：85 and 24：76, and picture sizes of 220 × 127, 300 × 173, and 380 × 219. The highest dynamic picture size was 140 × 81, and the lowest dynamic picture size was 460 × 266.
The third phase combined the results from the first and second phases to verify the research results in practical application. That is, the experiment added the variable of use occasion for further investigation. Three menu positions were employed, i.e., upper menu, left menu, and right menu. Four column amounts were adopted, i.e., one, two, three, and four. The data were analyzed through regression analysis. The generated results yielded a regression line to help describe the relationship between column amounts and subjective preference. The research finding will form the basis as the design application guidelines for future web page design.

崔美善(2007)。最優的版面風格設計。博碩文化。
葉謹睿(2010)。互動設計概論。藝術家出版社。
Arnheim, R. (1974). Art and visual perception： A psychology of the creative eye. University of California Press, Berkeley.
Baddeley, A. (1986). Working memory. Clarendon Press, Oxford.
Badre, A. N. (2002). Shaping Web Usability： Interaction Design in Context. Addison-Wesley, Boston, MA.
Bauerly, M., and Liu, Y. (2006). Computational modeling and experimental investigation of effects of compositional elements on interface and design aesthetics. International Journal of Human-Computer Studies, 64, 670-682.
Becker, G. (1976). The economic approach to human behavior. In： Becker, G. The Economic Approach to Human Behavior. University of Chicago Press, Chicago, 3–14
Benjafield, J. G. (2010). The golden section and American psychology, 1892-1938. Journal of the History of the Behavioral Sciences, 46, 52-71.
Benyon, D., Turner, P., and Turner, S. (2005). Designing interactive systems： People, activities, contexts, technologies. Pearson Education Limited, England.
Bergman, E. (2000). Information Appliances and Beyond, Morgan Kaufmann Publishers Inc. San Francisco, CA.
Berlyne, D. E. (1970). Novelty, complexity, and hedonic value. Perception and Psychophysics, 8, 279-286.
Bi, L., Fan, X., and Liu, Y. (2011). Effects of symmetry and number of compositional elements on Chinese user’s aesthetic ratings of interfaces： experimental and modeling investigations. International Journal of Human-Computer Studies, 27, 245-259.
Ch’ ng, E., and Ngo, D. C. L. (2001). Screen design： composing with dynamic symmetry. Displays, 22, 115-124.
Ch’ ng, E., and Ngo, D. C. L. (2003). Screen design： a dynamic symmetry grid based approach. Displays, 24,125-135.
Chevalier, A., and Kicka, M. (2006). Web designers and web users： Influence of the ergonomic quality of the web site on the information search. International Journal of Human-Computer Studies, 64, 1031-1048.
Chiang, S.Y., and Chen, C.H. (2010). The effects of panel arrangement on search performance. The 17th Annual Meeting of the Ergonomics Society of Taiwan. March 26-27, Tatung University, p.37.
Crandall, J. E. (1967). Familiarity, preferences and expectancy arousal. Journal of Experimental Psychology, 73, 374-381.
de Bruijn, D., de Mul, S., and van Oostendorp, H. (1992). The influence of screen size and text layout on the study of text, Behaviour and Information Technology , 11,1171-78.
Deininger (1960). Human Factors Engineering Studies of the Design and Use of Pushbutton Telephone Sets. Technical Journal, 4, 995-1012.
Denton, G. G. (1980). The influence of visual pattern on perceived speed. Perception, 9, 393-402.
Dillon, A., Richardson, J., and McKnight, C. (1990). The effect of display size and paragraph splitting on reading lengthy text from screens. Behaviour and Information Technology, 9, 9215-227.
Dong, J., and Salvendy, G. (1999). Designing menus for the Chinese population： horizontal or vertical? Behaviour and Information Technology, 18(6), 467-471.
Ellis, R. R., and Lederman, S. J. (1993). The role of haptic versus visual volume cues in the size-weight illusion. Perception and Psychophysics, 53, 315-324.
Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 67, 103-112.
Fitts, P. M., and Peterson, J. R. (1964). Information capacity of discrete motor responses. Journal of Experimental Psychology, 67, 103-112.
Ghyka, M. (1952). A practical handbook of geometrical composition and design. London, UK： Alec Tiranti Ltd..
Grobelny, J., Karwowski, W., and Drury, C. (2005). Usability of graphical icons in the design of human-computer interfaces. International Journal of Human-Computer Interaction, 18(2), 167-182.
Hambidge, J. (1920). Dynamic symmetry： The Greek vase. New Haven, CT： Yale University Press.
Hambidge, J. (1924). The Parthenon and other Greek temples： their dynamic symmetry. New Haven, CT： Yale University Press.
Hambidge, J. (1926). The elements of dynamic symmetry. New Haven, CT： Yale University Press.
Harpster, J. L., Freivalds, A., Shulman, G. L., and Liebowitz, H. W. (1989). Visual performance on CRT screens and hard-copy displays. Human Factors, 31 247-257.
Hassenzahl, M. (2008). Aesthetics in interactive products： correlates and consequences of beauty. Product experience, 287–302.
Hassenzahl, M. and Tractinsky, N. (2006). User experience – a research agenda. Behavior and Information Technology, 25, 91–97.
Hick, W. E. (1951). A simple stimulus generator. Quarterly Journal of Experimental Psychology, 3, 94–95.
Huang, D. L., Patrick Rau, P. L. and Liu, Y. (2009). Effects of font size, display resolution and task type on reading Chinese fonts from mobile devices. International Journal of Industrial Ergonomics, 39, 81-89.
Huang, S. M., Shieh, K. K., and Chi, C. F. (2002). Factors affecting the design of computer icons. International Journal of Industrial Ergonomics, 29, 211-218.
Jordan, P. (2000). Designing Pleasurable Products： An Introduction to the New Human Factors. Taylor and Francis, London
Kalyuga, S. Ayres,P., Chandler,P. and Sweller, J. (2003). The expertise reversal effect. Educational Psychologist, 38, 23–31.
Kingery, D. and Furuta, R. (1997). Skimming electronic newspaper headlines： A study of typeface, point size, screen resolution, and monitor size. Information Processing and Management, 33, 685-696.
Kourtzi, Z., and Kanwisher, N. (2000) Activation in human MT/MST by static images with implied motion. Journal of Cognitive Neuroscience, 12, 48-55.
Kozel, E. (2009). Polls： Which grid system(s) do you use? Retrieved February 8, from 2010. http：//www.gridsystemgenerator.com/
Lai, C., Chen, P., Shih, S., Liu, Y., and Hong, J. (2010). Computational models and experimental investigations of effects of balance and symmetry on the aesthetics of text-overlaid images. International Journal of Human–Computer Studies, 68, 41–56.
Lavie, T. and Tractinsky, N. (2004). Assessing dimensions of perceived visual aesthetics of web sites. International Journal of Human-Computer Studies, 60, 269-298.
Le Corbusier (1949). The modulor. Cambridge, MA： Harvard University Press.
Lee, S. & Koubek, R. (2010). Understanding user preferences based on usability and aesthetics before and after actual use. Interacting with Computers, 22, 530-543.
Lindberg, T., and Nasanen (2003). The effect of icon spacing and size on speed of icon processing in the human visual system. Displays, 24, 111-120.
Lindgaard, G., and Dudek, C. (2003). What is this evasive beast we call user satisfaction? Interacting with Computers, 15, 429-452.
Lindgaard, G., Dudek, C., Sen, D., Sumegi, L., & Noonan, P. (2011). An Exploration of Relations Between Visual Appeal, Trustworthiness, and Perceived Usability of Homepages. ACM Transactions on Computer-Human Interaction, 18, 1-30.
Lindgaard, G., Fernandes, G., Dudek, C. & Brown, J. (2006). Attention web designers： You have 50 milliseconds to make a good first impression! Behavior & Information Technology, 25, 2, 115-126.
Ling, J., and van Schaik, P. (2002). The effect of text and background colour on visual search of Web pages. Displays, 23, 223-230.
Ling, J., and van Schaik, P. (2006). The influence of font type and line length on visual search and information retrieval in web pages. International Journal of Human-Computer Studies, 64, 395-404.
Ling, J., and van Schaik, P. (2007). The influence of line spacing and text alignment on visual search of web pages. Displays, 28, 60-67.
Lu, H. P., & Hsiao, K. L. (2007). Understanding intention to continuously share information on weblogs, Internet Research, 17, 345-361.
Manganari, E., Siomkos, G., Rigopoulou, I., and Vrechopoulos, A. (2011). Virtual Store Layout Effects on Consumer Behaviour： Applying an Environmental Psychology Approach in the Online Travel Industry, Internet Research 21.
Marcus, A. (1992). Graphical Design for Electronic Documents and User Interfaces. ACM Press, New York.
Maslow, A. H. (1943). A Theory of Human Motivation. Psychological Review, 50, 370-396.
McIntosh, R. D. (2000). Seeing size and weight. Trends in Cognitive Sciences, 12, 442-444.
Michalski, R. & Grobelny, J. (2008). The role of colour preattentive processing in human-computer interaction task efficiency： a preliminary study. International Journal of Industrial Ergonomics, 38, 321-332.
Michalski, R., Grobelny, J., and Karwowski, W. (2006). The effect of graphical interface design characteristics on human-computer interaction task efficiency. International Journal of Industrial Ergonomics, 3, 959-977.
Ngo D. C. L., and Ch’ ng, E. (2005). Screen design with dynamic symmetry： A discovery. Computers in Human Behavior, 21, 307-322.
Ngo, D. C. L., and Ch’ ng, E. (2001). Screen design： composing with dynamic symmetry, Displays, 22, 115-124.
Ngo, D. C. L., Teo, L. S., and Byrne, J. G. (2000). Formalising guidelines for the design of screen layouts. Displays, 21, 3-15.
Nielsen, J. (1993). Usability Engineering. Academic Press, New York.
Nielsen, J., and Loranger, H. (2008). Prioritizing Web Usability. Pearson Education, Inc., pp. 219-220.
Norman, D.A. (1983). Some observations on mental models, in D. Gentner and A.L. Stevers, (eds.) Mental Models, 131-153. Hillsdale, NJ： Erlbaum Press.
Oulasvirta, A., Karkkainen, L., and Laarni, J. (2005). Expectations and memory in link search. Computers in Human Behavior, 21, 773-789.
Pandir, M., and Knight, J (2006). Homepage aesthetics： The search for preference factors and the challenges of subjectivity. Interacting with Computers, 18, 1351-1370.
Park, S.-e., Choi, D., and Kim, J. (2004). Critical factors for the aesthetic fidelity of web pages： empirical studies with professional web designers and users. Interacting with Computers, 16 (2), 351-376.
Parkinson, S. R., Sisson, N., and Snowberry, K. (1985). Organization of board computer menu displays. International Journal of Man-Machine Studies, 23, 689-697.
Resiel, J. F., and Shneiderman, B. (1987). Is bigger better? The effects of display size on program reading, In： Salvendy, G. (Ed.), Social, Ergonomic and Stress Aspects of Work with Computher. Elsevier, Amsterdam, 113-122.
Roth, S. P., Schmutz, P., Pauwels, S. L., Bargas-Avila, J. A., and Opwis, K. (2009). Mental models for web objects： Where do users expect to find the most frequent objects in online shops, news portals, and company web pages? Interacting with Computers, 22, 140-152.
Rouet, J.F., and Tricot, A., (1996). Task and activity models in hypertext usage. In： van Oostendorp, H., de Mul, S. (Eds.), Cognitive Aspects of Electronic Text Processing. Ablex, Norwood, NJ, pp. 239–264.
Rouet, J.F., and Tricot, A., (1998). Chercher de l’information dans unhypertexte： vers unmode‵le des processus cognitifs. In A. Tricot & J-F. Rouet (Eds.), Les hypermedias, approaches cognitive et ergonomiques. Paris： Hermes. pp. 57-74.
Saade, R. G. & Otrakji, C. A. (2007). First impressions last a lifetime： effect of interface type on disorientation and cognitive load. Computer in Human Behavior, 23, 525-535.
Santa-Maria L., and Dyson, M.C. (2008). The effect of violating visual conventions of a website on user performance and disorientation. How bad can it be? Proceedings of the 26th annual ACM international conference on Design of communication, 47-54.
Schenkman, B. O., and Jonsson, F. U. (2000). Aesthetics and preferences of web pages. Behaviour and Information Technology, 19 (5), 367-377.
Screen Resolution Statistics (2011) <http：//www.screenresolution.org/> (retrieved 7.15.2011)
Sears, A. (1993). Layout appropriateness： Guiding user interface design with simple task descriptions, IEEE Transactions on Software Engineering, 19(7), 707-719.
Shih, H. M., and Goonetilleke, R. S. (1998). Effectiveness of menu orientation in Chinese. Human Factors, 40, 569-576.
Sweeney, S., and Crestani, F. (2005). Effective search results summary size and device screen size： Is there a relationship? Information Processing and Management, 42, 1056-1074.
Sweller, J. (1988). Cognitive load during problem solving： Effects on leaning. Cognitive Science, 12, 257-285.
Tiger, L. (1992). The pursuit of pleasure. Boston： Little Brown and Company.
Tractinsky, N., Cokhavi, A., Kirschenbaum, M., and Sharfi, T. (2006). Evaluation the consistency of immediate aesthetic perceptions of web pages. Int. J. Human-Computer Studies, 64, 1071-1083.
Tractinsky, N., Katz, A.S., and Ikar, D. (2000). What is beautiful is usable. Interacting with Computers, 13, 127-145.
Tricot, A., (2003). Apprentissage et recherche d’information avec des documents electroniques. Me’moire pour l’habilitation a diriger des recherche, Universite de Toulouse le Mirail, France.
Tuch, A. N., Bargas-Avila, J. A., Opwis, K., and Wilhelm, F. H. (2009). Visual complexity of websites： Effects on users’ experience, physiology, performance, and memory. Int. J. Human-Computer Studies, 67, 703-715.
Tullis, T.S. (1997). Screen design, in： M. Helander, T.K. Landauer, P. Prabhu (Eds.), Handbook of Human–Computer Interaction, Elsevier, Oxford, pp. 503–531.
Tullis, T.S. (2005). Web-based presentation of information： The top ten mistakes and why they are mistakes, Proc. HCI International 2005, Las Vegas, NV, Lawrence Erlbaum Associates.
van der Heijden, H., 2003. Factors influencing the usage of websites： The case of a generic portal in the Netherlands. Information & Management 40, 541–549.
van Schaik, P., and Ling, J. (2001). The effects of frame layout and differential background contrast on visual search performance in Web pages. Interacting with Computers, 13, 513-525.
van Schaik, P., and Ling, J. (2003). The effects of screen ratio and order on information retrieval in web pages. Displays, 24, 187-195.
van Schaik, P., and Ling, J. (2006). The effects of graphical display and screen ratio on information retrieval in web pages. Computers in Human Behavior, 22, 870-884.
van Schaik, P., and Ling, J. (2009). The role of context in perceptions of the aesthetics of web pages over time. Int. J. Human-Computer Studies, 67, 79-89.
Weisbuch, M., Ivcevic, Z., and Ambady, N. (2009). On being liked on the web and in the "real world"： Consistency in first impressions from personal webpages and spontaneous behavior. Invited revision, 45, 573-576.
Wertheimer, M. (1912). Experimentelle Studien uber das Sehen von Bewegung. Zeitschrift fur Psychologie, 61, 161-265.
Wu, F. G., Chen, C. Y., Lee, Y. J. & Chen, R. (2010). Effects of color sample display and color sample grouping on screen layout usability of customized product color selection. Computers in Human Behavior, 26, 51-60.
Wuman, R. S. (1989). Information Anxiety. Doubleday, New York.
Ziefle, M. (1998). Effects of display resolution on visual performance. Human Factors , 40, 554-568.