Product: Management and Development
Product: Management and Development
Original Research Article

Image composition influences on the mood board visual reading process through eye-tracking

Marcos Roberto dos Reis, Eugenio Andrés Díaz Merino

Downloads: 0
Views: 130


Mood boards (MB) are a visual tool used to provide references for inspiration and decision-making in the design development process. However, it isn't easy to obtain objective and precise measures about the MB organization if exclusively qualitative approaches identify how the image composition can affect the visual reading process. In this sense, this study aimed to evaluate how the position and physical image aspects influence an attentive MB visual reading. The results presented that variations in image contrast and positioning influence the observer's visual reading. Besides, the observers' identified tendencies were to concentrate the visualisations in the boards' central, lower and left areas, indicating the importance of this region's MB construction. Moreover, the results evidence that the visual reading of an MB presents a different pattern from those reported by studies directed to analysing the visual reading of websites. Thus, changes in image positioning influenced the viewer's perception, being a relevant point to be considered when assembling the MB's image composition. The results of this study contribute to creating criteria for the construction of MB.


mood boards, design tools, boards composition, perception


Arnheim, R. (1982). The Power of the Center: a study of composition in the visual arts. Berkeley: University of California Press.

Arnheim, R. (2004). Art and visual perception: a psychology of the creative eye (2nd ed.). Berkeley: University of California Press.

Baxter, M. (2011). Projeto de Produto: guia prático para o design de novos produtos (3rd ed.). São Paulo: Edgard Blücher.

Bruseberg, A., McDonagh, D., & Wormald, P. (2003). The use of images to elicit user needs for the design of playground equipment. In D. McDonagh, P. Hekkert, J. van Erp, & D. Gyi (Eds.), Design and emotion (pp. 114–118). CRC Press.

Cassidy, T. (2008). Mood boards: current practice in learning and teaching strategies and students’ understanding of the process. International Journal of Fashion Design, Technology and Education, 1(1), 43-54.

Cassidy, T. (2011). The mood board process modeled and understood as a qualitative design research tool. Fashion Practice, 3(2), 225-251.

Chang, H.-M., Díaz, M., Català, A., Chen, W., & Rauterberg, M. (2014). Mood boards as a universal tool for investigating emotional experience. In Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics): Vol. 8520 LNCS (Pt 4, pp. 220–231). Springer.

Collewijn, H. (1998). Eye movement recording. In R. Carpenter & J. Robson (Eds.), Vison research: a practical guide to laboratory methods (pp. 245-285). Oxford: Oxford University Press.

Cyr, D., Head, M., & Larios, H. (2010). Colour appeal in website design within and across cultures: a multi-method evaluation. International Journal of Human-Computer Studies, 68(1-2), 1-21.

Damasceno, P. L., & Gruszynski, A. (2014). Design de jornais - processos, rotinas e produto: um estudo do Segundo Caderno, suplemento cultural de Zero Hora. Brazilian Journalism Research, 10(1), 108-127. Retrieved in 2021, September 3, from

Djamasbi, S., Siegel, M., Skorinko, J., & Tullis, T. (2011). Online viewing and aesthetic preferences of generation y and the baby boom generation: testing user web site experience through eye tracking. International Journal of Electronic Commerce, 15(4), 121- 158.

Edwards, A., Fadzli, S. A., & Setchi, R. (2009). A comparative study of developing physical and digital mood boards. Proceeding Innovative Production Machines and Systems, 1-6.

Faraday, P. (2000). Visually critiquing web pages. In N. Correia, T. Chambel & G. Davenport (Eds.), Multimedia ’99. Eurographics. Vienna: Springer.

Findlay, J. M., & Gilchrist, I. D. (2003). Active Vision: the psychology of looking and seeing. Oxford: Oxford University Press.

Gade, U. T. (2016). Design boards as an alignment tool for cross-disciplinarity in engineering. In E. Bohemia, L. Buck, K. Eriksen, A. Kovacevic, N. Ovesen & C. Tollestrup (Eds.), Proceedings of the 18th International Conference on Engineering and Product Design Education: Design Education: Collaboration and Cross-Disciplinarity, E and PDE 2016. Institution of Engineering Designers, The Design Society

Garner, S., & McDonagh-Philp, D. (2001). Problem Interpretation and Resolution via Visual Stimuli: The Use of ‘Mood Boards’ in Design Education. International Journal of Art & Design Education, 20(1), 57-64.

Godlewsky, T. (2008). Mood board. In M. Erlhoff & T. Marshall (Eds.), Design dictionary: perspectives on design terminology (pp. 266). Birkhäuser Basel.

Gonçalves, M., Cardoso, C., & Badke-schaub, P. (2014). What inspires designers? Preferences on inspirational approaches during idea generation. Design Studies, 35(1), 29-53.

Granka, L. A., Feusner, M., & Lorigo, L. (2008). Eye monitoring in online search. In R. I. Hammoud (Ed.), Passive Eye Monitoring: algorithms, application and experiments (pp. 347-372). Springer-Verlag.

Hooge, I. T. C., & Erkelens, C. J. (1998). Adjustment of fixation duration in visual search. Investigative Ophthalmology & Visual Science, 38(4), 1295-1302.

Hübner, R., & Thömmes, K. (2019). Symmetry and balance as factors of aesthetic appreciation: Ethel Puffer’s (1903) ‘Studies in Symmetry’ revised. Symmetry, 11(12),

Koch, J., Taffin, N., Lucero, A., & Mackay, W. E. (2020). SemanticCollage: enriching digital mood board design with semantic labels. DIS 2020 - Proceedings of the 2020 ACM Designing Interactive Systems Conference, 407-418.

Leyssen, M. H. R., Linsen, S., Sammartino, J., & Palmer, S. E. (2012). Aesthetic preference for spatial composition in multiobject pictures. I-Perception, 3(1), 25-49.

Löbach, B. (2001). Design Industrial: bases para a configuração dos produtos industriais. São Paulo: Edgard Blücher.

Locher, P. J., & Stappers, P. J. (2002). Factors contributing to the implicit dynamic quality of static abstract designs. Perception, 31(9), 1093-1107.

Locher, P., Overbeeke, K., & Stappers, P. J. (2005). Spatial balance of color triads in the abstract art of Piet Mondrian. Perception, 34(2), 169-189.

Lucero, A. (2015). Funky-design-spaces: interactive environments for creativity inspired by observing designers making mood boards. In J. Abascal, S. Barbosa, M. Fetter, T. Gross, P. Palanque, & M. Winckler (Eds.), Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics) (Vol. 9298, pp. 474–492). Springer International Publishing.

Lucero, A. (2012). Framing, aligning, paradoxing, abstracting, and directing: how design mood boards work. In Proceedings of the Designing Interactive Systems Conference, DIS ’12 pp. (438-447).

Martin, B., & Hanington, B. (2012). Universal methods of design: 100 ways to research complex problems, develop innovative ideas, and design effective solutions. USA: Rockport Publishers.

McDonagh, D., Bruseberg, A., & Haslam, C. (2002). Visual product evaluation: exploring users’ emotional relationships with products. Applied Ergonomics, 33(3), 231-240.

McDonagh, D., & Denton, H. (2005). Exploring the degree to which individual students share a common perception of specific mood boards: observations relating to teaching, learning and team-based design. Design Studies, 26(1), 35-53.

Pashler, H. E. (1999). The psychobgy of attention. Cambridge: MIT Press.

Pazmino, A. V. (2015). Como Se Cria: 40 métodos para design de produtos. São Paulo: Edgard Blücher.

Pereira, T. V. (2010). Mood Board como espaço de construção de metáforas. UNISINOS. Retrieved in 2021, September 3, from

Pernice, G., & Nielsen, J. (2009). How to Conduct Eyetracking Studies. Fremont: Nielson Norman Group.

Pylyshyn, Z. W. (2003). Seeing and Visualizing: it’s not what you think. London: Bradford Book.

Rieuf, V. (2013). Impact of the immersive experience on kansei during early design [Arts et Métiers ParisTech]. Retrieved in 2021, September 3, from -_Vincent_RIEUF_-_LCPI.pdf

Sternberg, R. J. (2010). Psicologia cognitiva (5th ed.). Boston: Cengage Learning.

Wilson, A., & Chatterjee, A. (2005). The assessment of preference for balance: introducing a new test. Empirical Studies of the Arts, 23(2), 165-180.

Yamani, Y., McCarley, J. S., & McDonagh, D. (2010). Transgenerational communication through affective imagery in mood boards. Proceedings of the Human Factors and Ergonomics Society Annual Meeting, 54(20), 1762-1765.

Zelinsky, G. J., Rao, R. P. N., Hayhoe, M. M., & Ballard, D. H. (1997). Eye movements reveal the spatiotemporal dynamics of visual search. Psychological Science, 8(6), 448-453.

Submitted date:

Accepted date:

61b9f32ba953951224126375 pmd Articles
Links & Downloads


Share this page
Page Sections