پیشنهاد چارچوب مفهومی برای زیبایی‌شناسی یک وب‌سایت با بهره‌گیری از رویکردهای فراترکیب و آنتروپی شانون بر پایه نظریه لایب‌نیتس

نوع مقاله : مقاله پژوهشی

نویسندگان

• مریم طاوسی ¹
• نادر نقشینه ²
• محمد زره ساز ³
• سیامک محبوب ⁴

¹ دانشجوی دکتری، دانشگاه خوارزمی، تهران، ایران

² دانشیار گروه علم اطلاعات و دانش‌شناسی، دانشگاه تهران، تهران، ایران.

³ دانشجوی دکتری، گروه علم اطلاعات و دانش‌شناسی، دانشگاه خوارزمی، تهران، ایران.

⁴ استادیار گروه علوم داده و هوش مصنوعی، مرکز اسناد و کتابخانه ملی ایران، تهران، ایران.

10.22067/infosci.2024.86766.1195

چکیده

هدف: توجه به زیبایی‌شناسی یکی از عوامل موثر بر ارتقای تجربه کاربری است. پژوهش حاضر بر آن است تا کدهای زیباشناختی «یک وبسایت» را بر پایه نظریه لایب‌نیتس شناسایی و بر اساس اهمیت آن‌ها، رتبه‌بندی و یک چارچوب مفهومی پیشنهاد نماید.

روش‌شناسی: پژوهش، از روش مرور نظام‌مند از نوع فراترکیب با رویکرد تحلیل محتوای کیفی استفاده کرده است. جستجوی هدفمند کلیدواژ‌ای به صورت نظام‌مند در شش پایگاه گوگل‌اسکولار، امرالد، وب‌او‌ساینس، گنج ایرانداک، جهاد دانشگاهی و پایگاه استنادی جهان اسلام انجام شد. تعداد 1110 منبع بازیابی شدند و با رویکرد پریزما تعداد 64 منبع انتخاب و وارد مطالعه فراترکیب شدند. سپس ضریب اهمیت عوامل شناسایی شده با روش تحلیل محتوای کیفی آنتروپی شانون محاسبه شد. از نظریه زیبایی‌شناسی «لایب‌نیتس» و دو مطالعه عوامل زیباشناختی لاوای و ترکتینسکی(2004) و تحلیل وبسایت گو و هال (2009)، به عنوان مبنای کدگذاری کیفی بهره گرفته شد.

یافته‌ها: تعداد 2 مقوله و 4 مفهوم و 75 کد زیبایی‌شناسی، با انجام فراترکیب حاصل شد. ضریب اهمیت برای کدهای «تایپوگرافی» و «نظم»در مفهوم زیبایی‌شناسی کلاسیک و مقوله زیبایی‌شناسی عینی، در رتبه اول و دوم قرار گرفت. تعداد چهل و سه کد زیبایی‌شناسی دارای ضریب اهمیت بیشتر از صفر مشاهده شدند. یک چارچوب مفهومی برای «زیبایی‌شناسی یک وبسایت» پیشنهاد شد.

نتیجه‌گیری: توجه به جنبه‌های عینی و ذهنی زیبایی‌شناسی یک وبسایت در کنار یکدیگر و مشارکت میان‌رشته‌ای در دو حوزه کامپیوتر و علوم اجتماعی در این زمینه توصیه می‌شود.

کلیدواژه‌ها

• تعامل انسان و رایانه
• پیچیدگی بصری
• طراحی وبسایت
• تجربه زیبایی‌شناختی
• زیبایی‌شناسی محاسباتی

موضوعات

• تعامل انسان و اطلاعات

---

مراجع

Abedi Ardakani, F. (2009). Features of the user interface in children's Persian websites from the perspective of primary school students in Yazd City. (Master), Qom, Iran. Retrieved from https://ganj.irandoc.ac.ir/#/articles/c732ae6fcfe02b8a82f4d3b11c6f483f [In Persian]

Affandy, H. B., Hussain, A., & Nadzir, M. M. (2017). Balancing Usability and Aesthetic Elements in Universities’ Website: A Systematic Review. Malaysian Journal of Communication. Retrieved from https://ejournals.ukm.my/mjc/article/view/22625/7138

Aghazadeh, M. (2016). Explanation and design of the artistic standard for the production and evaluation of new educational media (case study: interactive digital courseware). (Master), Tarbiat Modares, Iran. Retrieved from https://ganj.irandoc.ac.ir/#/articles/22823d6eeab7c4dc9b88034a0beb615c [In Persian]

Alasem, A. N. (2013). Evaluating the usability of Saudi Digital Library's interface. Paper presented at the In Proceedings of the World Congress on Engineering and Computer Science. https://www.iaeng.org/publication/WCECS2013/WCECS2013_pp178-181.pdf

Alsudani, F., & Casey, M. (2009). The Effect of Aesthetics on Web Credibility. Paper presented at the People and Computers XXIII Celebrating People and Technology (HCI), UK. https://www.scienceopen.com/hosted-document?doi=10.14236/ewic/HCI2009.64

Altaboli, A., & Lin, Y. (2011a). Investigating Effects of Screen Layout Elements on Interface and Screen Design Aesthetics. Advances in Human-Computer Interaction, 2011, 1-10. doi:10.1155/2011/659758

Altaboli, A., & Lin, Y. (2011b). Objective and Subjective Measures of Visual Aesthetics of Website Interface Design: The Two Sides of the Coin. In Human-Computer Interaction. Design and Development Approaches (pp. 35-44).

Andrejevic, M. (2009). Exploiting YouTube: Contradictions of user-generated labor. In The youtube reader (Vol. 413, pp. 406-423).

Azar, A. (2001). Extension and development of Shannon& entropy method for data processing in content analysis. AlZahra University Scientific Research Quarterly Journal of Human Sciences. Retrieved from https://ensani.ir/file/download/article/20120426185640-5200-168.pdf [In Persian]

Bagheri Lori, M. R. (2017). The role of technology in the sphere of life and aesthetics of the audience and contemporary artist with an emphasis on digital art. (Doctoral dissertation), Isfahan University of Arts, Isfahan, Iran. Retrieved from https://ganj.irandoc.ac.ir/#/articles/f428a2d64238443d27bc84b540b7e810 [In Persian]

Bhandari, U., Chang, K., & Neben, T. (2019). Understanding the impact of perceived visual aesthetics on user evaluations: An emotional perspective. Information & Management, 56(1), 85-93. doi:10.1016/j.im.2018.07.003

Bo, Y., Yu, J., & Zhang, K. (2018). Computational aesthetics and applications. Vis Comput Ind Biomed Art, 1(1), 6. doi:10.1186/s42492-018-0006-1

Bowen, A. (2019). The Visual Effect: A Literature Review of Visual Design Principles as They Apply to Academic Library Websites. Internet Reference Services Quarterly, 23(3-4), 67-88. doi:10.1080/10875301.2019.1702133

Boychuk, E., & Bakaev, M. (2019). Entropy and Compression Based Analysis of Web User Interfaces. In Web Engineering (pp. 253-261).

Cader, P. (2012). An Interactive User Management System for Multilingual Documents: A case study of the Pei Jones collection. (Master), University of Waikato, Hamilton, New Zealand, Hamilton, New Zealand. Retrieved from https://hdl.handle.net/10289/6606

Cai, S., & Xu, Y. (2011). Designing Not Just for Pleasure: Effects of Web Site Aesthetics on Consumer Shopping Value. International Journal of Electronic Commerce, 15(4), 159-188. doi:10.2753/jec1086-4415150405

Cheatle, P., Lin, Q., Fan, Z. Z., Gevers, T., Schettini, R., & Snoek, C. (2010). Automatic image cropping for republishing. Paper presented at the Imaging and Printing in a Web 2.0 World; and Multimedia Content Access: Algorithms and Systems IV.

Chevalier, A., Maury, A.-C., & Fouquereau, N. (2013). The influence of the search complexity and the familiarity with the website on the subjective appraisal of aesthetics, mental effort and usability. Behaviour & Information Technology, 33(2), 117-132. doi:10.1080/0144929x.2013.819936

Cusker, J. (2014). SciTech News. Retrieved from https://jdc.jefferson.edu/scitechnews/vol68/iss2/1/

Demangeot, C., & Broderick, A. J. (2006). Exploring the experiential intensity of online shopping environments. Qualitative Market Research: An International Journal, 9(4), 325-351. doi:10.1108/13522750610689078

Ebrahimi Rahmati, S. (2014). Persian fonts with an emphasis on the aesthetics of Persian calligraphy in contemporary Iranian graphics. (Master), Iran. Retrieved from https://ganj.irandoc.ac.ir/#/articles/d00e32ff5cb21c48aac34b8a0d9a659a [In Persian]

Fong, S. M., & Yusof, U. K. (2018). The Influence of Aesthetic Design of E-Commerce Website on Intention to Purchase. Advanced Science Letters, 24(2), 1298-1302. doi:10.1166/asl.2018.10736

Gabrieli, G., Bornstein, M. H., Setoh, P., & Esposito, G. (2022). Machine learning estimation of users’ implicit and explicit aesthetic judgments of web-pages. Behaviour & Information Technology, 42(4), 392-402. doi:10.1080/0144929x.2021.2023635

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. doi:10.1080/00913367.2006.10639232

Gheymatgar, H. (2021). Introduction of Cognitive Science Laboratory. Retrieved from https://iseds.pgu.ac.ir/en/cognitive-sciences-lab

Guo, Y. M., & Hall, D. (2009). Website complexity: Objective versus subjective measures. Paper presented at the Proceedings of the Fourth Midwest United States Association for Information Systems Conference, Madison. https://aisel.aisnet.org/cgi/viewcontent.cgi?article=1008&context=mwais2009#:~:text=Objective%20site%20complexity%20is%20measured,two%20distinct%20yet%20related%20constructs

Hannah, J. (2023). What Is Typography, and Why Is It Important? A Beginner’s Guide. Retrieved from https://careerfoundry.com/en/blog/ui-design/beginners-guide-to-typography/

Hsiu-Feng, W. (2014). Picture perfect: Girls’ and boys’ preferences towards visual complexity in children’s websites. Computers in Human Behavior, 31, 551-557. doi:10.1016/j.chb.2013.05.033

Hui, X. (2015). Research on New Pattern of Contemporary Internet Application Interface Design from the Perspectives of Graphic Art and Aesthetic Thinking. Paper presented at the 2nd International Symposium on Engineering Technology, Education and Management (ISETEM), Dali, PEOPLES R CHINA. https://www.webofscience.com/wos/woscc/full-record/WOS:000380290100035

Iqbal, A. (2022). Retrieved from https://www.britannica.com/topic/computational-aesthetics

Javid, M. A. J., Blackwell, T., Zimmer, R., & al-Rifaie, M. M. (2016). Correlation Between Human Aesthetic Judgement and Spatial Complexity Measure. In Evolutionary and Biologically Inspired Music, Sound, Art and Design (pp. 79-91).

Jiang, Z., Wang, W., Tan, B. C. Y., & Yu, J. (2016). The Determinants and Impacts of Aesthetics in Users’ First Interaction with Websites. Journal of Management Information Systems, 33(1), 229-259. doi:10.1080/07421222.2016.1172443

Jylhä, H., & Hamari, J. (2021). Demographic factors have little effect on aesthetic perceptions of icons: a study of mobile game icons. Internet Research, 32(7), 87-110. doi:10.1108/intr-07-2020-0368

Kusumasondjaja, S. (2019). Exploring the role of visual aesthetics and presentation modality in luxury fashion brand communication on Instagram. Journal of Fashion Marketing and Management: An International Journal, 24(1), 15-31. doi:10.1108/jfmm-02-2019-0019

Lavie, T., & Tractinsky, N. (2004). Assessing dimensions of perceived visual aesthetics of web sites. International journal of human-computer studies. Retrieved from https://www.sciencedirect.com/science/article/abs/pii/S1071581903001642#aep-article-footnote-id1

Lazard, A. J., & King, A. J. (2019). Objective Design to Subjective Evaluations: Connecting Visual Complexity to Aesthetic and Usability Assessments of eHealth. International Journal of Human–Computer Interaction, 36(1), 95-104. doi:10.1080/10447318.2019.1606976

Lazard, A. J., Watkins, I., Mackert, M. S., Xie, B., Stephens, K. K., & Shalev, H. (2016). Design simplicity influences patient portal use: the role of aesthetic evaluations for technology acceptance. J Am Med Inform Assoc, 23(e1), e157-161. doi:10.1093/jamia/ocv174

Leder, H., Belke, B., Oeberst, A., & Augustin, D. (2004). A model of aesthetic appreciation and aesthetic judgments. Br J Psychol, 95(Pt 4), 489-508. doi:10.1348/0007126042369811

Leibniz, G. W. (2024). Retrieved from https://en.wikipedia.org/wiki/Gottfried_Wilhelm_Leibniz

Marmat, G. (2023). Influence of aesthetics attributes of brand Web pages on customer brand engagement. Global Knowledge, Memory and Communication, 72(4/5), 484-505.

Mbipom, G. E. (2013). The interplay between web aesthetics and accessibility. Doctorate thesis. (Doctorate), The University of Manchester, UK. Retrieved from https://pure.manchester.ac.uk/ws/portalfiles/portal/54534408/FULL_TEXT.PDF

Medina, C., Machado, T. K., Jacob, R. T. d. S., & Domiciano, C. L. C. (2019). Information Design and Infography: contributions to enhance audiologists through digital educational material. In Selected Readings of the 8th Information Design International Conference - Information Design: Memories (pp. 51-70): Blucher.

Michailidou, E., Harper, S., & Bechhofer, S. (2008). Visual complexity and aesthetic perception of web pages. Paper presented at the Proceedings of the 26th annual ACM international conference on Design of communication. https://dl.acm.org/doi/abs/10.1145/1456536.1456581

Miniukovich, A., & Marchese, M. (2020). Relationship Between Visual Complexity and Aesthetics of Webpages. Paper presented at the Proceedings of the 2020 CHI Conference on Human Factors in Computing Systems. https://doi.org/10.1145/3313831.3376602

Mohajery, F., & Mohammad Salehi, R. (2009). Evaluation of the characteristics of Rasa user interface. Journal of knowledge studies. Retrieved from. https://qje.ntb.iau.ir/article_520718.html [In Persian]

Moher, D., Liberati, A., Tetzlaff, J., Altman, D. G., & Group, P. (2009). Preferred reporting items for systematic reviews and meta-analyses: the PRISMA statement. Ann Intern Med, 151(4), 264-269, W264. doi:10.7326/0003-4819-151-4-200908180-00135

Molarezaei, M. (2023). Designing a self-directed learning model in the University of Medical Sciences using the hybrid method Mehran Molarzaei. Transformational Human Resources. Retrieved from http://sanad.iau.ir/fa/Article/1037848

Moshagen, M., & Thielsch, M. T. (2010). Facets of visual aesthetics. International Journal of Human-Computer Studies, 68(10), 689-709. doi:10.1016/j.ijhcs.2010.05.006

Nake, F. (2012). Information Aesthetics: An heroic experiment. Journal of Mathematics and the Arts, 6(2-3), 65-75. doi:10.1080/17513472.2012.679458

Nielsen, J. (1994). Retrieved from https://www.nngroup.com/articles/ten-usability-heuristics/

Odushegun, L. (2023). Aesthetic semantics: Affect rating of atomic visual web aesthetics for use in affective user experience design. International Journal of Human-Computer Studies, 171. doi:10.1016/j.ijhcs.2022.102978

Olya, M., & Rashtipour, M. (2017). Leibniz: The Birthplace of Modern Aesthetics. Journal of Philosophical Investigations. Retrieved from https://philosophy.tabrizu.ac.ir/article_14902_ba223c26fca147312d8a2d5554af7e3f.pdf

Oyibo, K., Adaji, I., Orji, R., & Vassileva, J. (2018). What Drives the Perceived Credibility of Mobile Websites: Classical or Expressive Aesthetics? In Human-Computer Interaction. Interaction in Context (pp. 576-594).

Pandir, M., & Knight, J. (2006). Web Site Aesthetics: The Search for Preference Factors. Leonardo, 39(2), 102-102. doi:10.1162/leon.2006.39.2.102

Park, S.-e., Choi, D., & 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. doi:10.1016/j.intcom.2003.07.001

Peak, D., Gibson, M., & Prybutok, V. (2011). 3. Synergizing Positivistic and Aesthetic Approaches to Improve the Development of Interactive, Visual Systems Design. Information Design Journal, 19(2), 103-121. doi:10.1075/idj.19.2.03gib

Peng, Y. (2022). Athec. Computational Communication Research, 4(1). doi:10.5117/ccr2022.1.009.peng

Post, R., Nguyen, T., & Hekkert, P. (2017). Unity in Variety in website aesthetics: A systematic inquiry. International Journal of Human-Computer Studies, 103, 48-62. doi:10.1016/j.ijhcs.2017.02.003

Purchase, H. C., Freeman, E., & Hamer, J. (2012). An Exploration of Visual Complexity. In Diagrammatic Representation and Inference (pp. 200-213).

Ramezani Nia, M., & Shokouhyar, S. (2020). Analyzing the effects of visual aesthetic of Web pages on users’ responses in online retailing using the VisAWI method. Journal of Research in Interactive Marketing, 14(4), 357-389. doi:10.1108/jrim-11-2018-0147

Redi, M., Liu, F. Z., & O'Hare, N. (2017). Bridging the Aesthetic Gap. Paper presented at the Proceedings of the 2017 ACM on International Conference on Multimedia Retrieval.

Rethlefsen, M. L., Kirtley, S., Waffenschmidt, S., Ayala, A. P., Moher, D., Page, M. J., Group, P.-S. (2021). PRISMA-S: an extension to the PRISMA Statement for Reporting Literature Searches in Systematic Reviews. Syst Rev, 10(1), 39. doi:10.1186/s13643-020-01542-z

Richardson, M. A. (2008). Pysafe: An inter e: An interdisciplinar disciplinary approach to inter o interface design. (Master), California State University, San Bernardino. Retrieved from https://scholarworks.lib.csusb.edu/cgi/viewcontent.cgi?article=4523&context=etd-project

Robins, D., & Holmes, J. (2008). Aesthetics and credibility in web site design. Information Processing & Management, 44(1), 386-399. doi:10.1016/j.ipm.2007.02.003

Rouzbahani, R., Afhami, R., & Abdolvand, N. (2021). The Relation between the Objective Aspects and the Aesthetic Perception of Web Pages Case Study: The Website of Iranian Newspapers in the Year 2019. The Monthly Scientific Journal of Bagh-e Nazar, 18(95), 101-114. doi:10.22034/bagh.2020.235449.4577 [In Persian]

Sandelowski, M., & Barroso, J. (2006). Handbook for synthesizing qualitative research: springer publishing company.

Schmidt, T., & Wolff, C. (2018). The Influence of User Interface Attributes on Aesthetics. i-com, 17(1), 41-55. doi:10.1515/icom-2018-0003

Seale, M., Hicks, A., & Nicholson, K. P. (2022). Towards a critical turn in library UX. FIMS Publications College and Research Libraries, 83(1), 6. doi:10.5860/crl.83.1.6

Seckler, M., Opwis, K., & Tuch, A. N. (2015). Linking objective design factors with subjective aesthetics: An experimental study on how structure and color of websites affect the facets of users’ visual aesthetic perception. Computers in Human Behavior, 49, 375-389. doi:10.1016/j.chb.2015.02.056

Sedaghati, S. (2018). Reading the visual characteristics of the art of minimalism on different areas of graphic design based on symbols and commercial signs. (Master), Shiraz University of Arts, Shiraz, Iran. Retrieved from https://ganj.irandoc.ac.ir/#/articles/d206e5551802d050658b62061e3a9d7d [In Persian]

Sedghi Shamir, B. (2014). Proposing a model for investigate the effect of basic neuroscience and social psychology on business websites. (Master), Payam Noor University, Tehran, Iran. Retrieved from https://ganj.irandoc.ac.ir/#/articles/57b80984725921c92cae3574a61315a8 [In Persian]

Sheikhshoaei, F., Naghshineh, n., Alidousti, S., & Nakhoda, M. (2017). A basis for designing digital library maturity model: Meta-synthesis method application. Iranian Journal of Information Processing and Management, 32(3), 843-874. doi:10.35050/jipm010.2017.040 [In Persian]]

Strebe, R. (2015). Aesthetics on the web: effects on approach and avoidance behaviour. Behaviour & Information Technology, 35(1), 4-20. doi:10.1080/0144929x.2015.1070202

Su, H.-H., Chen, T.-W., Kao, C.-C., Hsu, W. H., & Chien, S.-Y. (2012). Preference-Aware View Recommendation System for Scenic Photos Based on Bag-of-Aesthetics-Preserving Features. IEEE Transactions on Multimedia, 14(3), 833-843. doi:10.1109/tmm.2012.2186123

Tella, A. (2021). Interactivity, usability and aesthetic as predictors of undergraduates’ preference for university library websites. South African Journal of Libraries and Information Science, 86(2). doi:10.7553/86-2-1905

Thielsch, M. T., & Moshagen, M. (2015). Visual Aesthetics of Websites Inventory. Retrieved from http://www.thielsch.org/download/VisAWI/VisAWI_Manual_EN.pdf

Tomitaka, M., Uchihara, S., Goto, A., & Sasaki, T. (2021). Species richness and flower color diversity determine aesthetic preferences of natural-park and urban-park visitors for plant communities. Environmental and Sustainability Indicators, 11. doi:10.1016/j.indic.2021.100130

Tseng, K.-T., & Tseng, Y.-C. (2014). The Correlation between Visual Complexity and User Trust in On-line Shopping: Implications for Design. In Human-Computer Interaction. Applications and Services (pp. 90-99).

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. doi:10.1016/j.chb.2010.07.016

van Schaik, P., & Ling, J. (2009). The role of context in perceptions of the aesthetics of web pages over time. International Journal of Human-Computer Studies, 67(1), 79-89. doi:10.1016/j.ijhcs.2008.09.012

Wang, H.-F., & Bowerman, J. (2014). The Impact of Visual Complexity on Children's Learning Websites in Relation to Aesthetic Preference and Learning Motivation. In Emerging Research and Trends in Interactivity and the Human-Computer Interface (pp. 395-412).

Wang, L., Gao, H., & Zhao, Y. (2023). Research on online shopping contextual cues: refining classification from text mining. Asia Pacific Journal of Marketing and Logistics, 35(11), 2704-2726. doi:10.1108/apjml-10-2022-0847

Wang, M., & Li, X. (2016). Effects of the aesthetic design of icons on app downloads: evidence from an android market. Electronic Commerce Research, 17(1), 83-102. doi:10.1007/s10660-016-9245-4

Wang, X., Li, Y., Cai, Z., & Liu, H. (2021). Beauty matters: reducing bounce rate by aesthetics of experience product portal page. Industrial Management & Data Systems, 121(8), 1848-1870. doi:10.1108/imds-08-2020-0484

Warwick, C. (2017). Beauty is truth: Multi-sensory input and the challenge of designing aesthetically pleasing digital resources. Digital Scholarship in the Humanities, 32(suppl_2), ii135-ii150. doi:10.1093/llc/fqx036

Yakunin, A. V., & Bodrunova, S. S. (2022). Cumulative Impact of Testing Factors in Usability Tests for Human-Centered Web Design. Future Internet, 14(12). doi:10.3390/fi14120359

Yazdani, F., & Zandi, B. (2009). Application of aesthetic and technical criteria in organizing the content of distance education courses. Peyk noor, 23, 24-42. [In Persian]

Younas, A., Faisal, C. M. N., Habib, M. A., Ashraf, R., & Ahmad, M. (2021). Role of Design Attributes to Determine the Intention to Use Online Learning via Cognitive Beliefs. IEEE Access, 9, 94181-94202. doi:10.1109/access.2021.3093348

Zohrehvandi, m., & Emami Far, N. (2017). Fundamentals of IRIB Channels Websites page layout structure "by Case Study of IRIB TV1 Channel Websites. Negareh Journal, 12(41), 42-53. doi:10.22070/negareh.2017.486 [In Persian]