kaz29Вестник Казахстанско-Британского технического университетаHerald of the Kazakh-British Technical University1998-66882959-8109Казахстанско-Британский Технический Университет10.55452/1998-6688-2024-21-4-10-21kaz29-1534Research ArticleКОМПЬЮТЕРНЫЕ НАУКИCOMPUTER SCIENCEПОДХОД НЕЧЕТКОЙ ЛОГИКИ ДЛЯ ВИЗУАЛЬНОГО АНАЛИЗА ВЕБ-САЙТОВ С ВЫДЕЛЕНИЕМ ЦВЕТА НА ОСНОВЕ КЛАСТЕРИЗАЦИИ K-СРЕДНИХFUZZY LOGIC APPROACH FOR VISUAL ANALYSIS OF WEBSITES WITH K-MEANS CLUSTERING-BASED COLOR EXTRACTIONhttps://orcid.org/0009-0005-2983-3377АбилдаеваТ.AbildayevaT.

магистрант

г. Алматы

Master student

Almaty

 

t_abildayeva@kbtu.kzhttps://orcid.org/0000-0001-9682-0203ШамоиП.ShamoiP.

PhD, профессор

г. Алматы

PhD in Engineering, Professor

Almaty

p.shamoi@kbtu.kzКазахстанско-Британский технический университетКазахстанKazakh-British Technical UniversityKazakhstan2024221220242141021Copyright © Абилдаева Т., Шамои П., 20242024Абилдаева Т., Шамои П.Abildayeva T., Shamoi P.Данная работа распространяется под лицензией Creative Commons Attribution 4.0.This work is licensed under a Creative Commons Attribution 4.0 License.https://vestnik.kbtu.edu.kz/jour/article/view/1534

Веб-сайты составляют основу Интернета, служа платформами для распространения информации и доступа к цифровым ресурсам. Они позволяют пользователям взаимодействовать с широким спектром контента и услуг, увеличивая полезность Интернета для всех. Эстетика веб-сайта играет важную роль в его общей эффективности и может значительно влиять на пользовательский опыт, вовлеченность и удовлетворенность. В данной статье рассматривается важность эстетики веб-дизайна для улучшения пользовательского опыта, учитывая растущее число пользователей Интернета во всем мире. Исследование подчеркивает значительное влияние первого впечатления, часто формируемого в течение 50 миллисекунд, на восприятие пользователями привлекательности и удобства использования веб-сайта. Мы представляем новый метод измерения визуальной эстетики веб-сайта, основанный на цветовой гармонии и популярности шрифта, используя нечеткую логику для прогнозирования эстетических предпочтений. Мы собрали собственный датасет, состоящий почти из 200 популярных и часто используемых дизайнов веб-сайтов, чтобы обеспечить актуальность и адаптируемость к динамичному характеру тенденций веб-дизайна. Доминирующие цвета из скриншотов веб-сайтов были извлечены с помощью кластеризации методом k-средних. Результаты исследования направлены на улучшение понимания взаимосвязи между эстетикой и удобством использования в дизайне веб-сайтов.

Websites form the foundation of the Internet, serving as platforms for disseminating information and accessing digital resources. They allow users to engage with a wide range of content and services, enhancing the Internet's utility for all. The aesthetics of a website play a crucial role in its overall effectiveness and can significantly impact user experience, engagement, and satisfaction. This paper examines the importance of website design aesthetics in enhancing user experience, given the increasing number of internet users worldwide. It emphasizes the significant impact of first impressions, often formed within 50 milliseconds, on users' perceptions of a website's appeal and usability. We introduce a novel method for measuring website aesthetics based on color harmony and font popularity, using fuzzy logic to predict aesthetic preferences. We collected our own dataset, consisting of nearly 200 popular and frequently used website designs, to ensure relevance and adaptability to the dynamic nature of web design trends. Dominant colors from website screenshots were extracted using k-means clustering. The findings aim to improve understanding of the relationship between aesthetics and usability in website design.

веб-эстетикавеб-дизайннечеткая логикапользовательский опыткластеризация k-среднихцветовая гармонияWeb AestheticsWeb DesignFuzzy LogicUser experiencek-means clusteringcolor harmonyThis research has been funded by the Science Committee of the Ministry of Science and Higher Education of the Republic of Kazakhstan (Grant № AP22786412).ReferencesW.A. Social and Hootsuite, DIGITAL 2024: GLOBAL OVERVIEW REPORT, Jan 2024, https://datareportal.com/reports/digital-2024-global-overview-report.W.A. Social and Hootsuite, DIGITAL 2024: GLOBAL OVERVIEW REPORT, Jan 2024, https://datareportal.com/reports/digital-2024-global-overview-report.Anderson N.H. Foundations of Information Integration Theory. New York: Academic Press, 1981.Anderson N.H. Foundations of Information Integration Theory. New York: Academic Press, 1981.Schenkman B.N. and J ̈onsson F.U. Aesthetics and preferences of web pages, Behaviour and Information Technology, 2000, vol. 19, pp. 367–377. https://doi.org/10.1080/014492900750000063.Schenkman B.N. and J ̈onsson F.U. Aesthetics and preferences of web pages, Behaviour and Information Technology, 2000, vol. 19, pp. 367–377. https://doi.org/10.1080/014492900750000063.Tractinsky N., Katz A., and Ikar D. What is beautiful is usable, Interacting with Computers, 2000, vol. 13, pp. 127–145. https://doi.org/10.1016/S0953-5438(00)00031-X.Tractinsky N., Katz A., and Ikar D. What is beautiful is usable, Interacting with Computers, 2000, vol. 13, pp. 127–145. https://doi.org/10.1016/S0953-5438(00)00031-X.Tseng P.-Y. and Lee S.-F. The impact of web visual aesthetics on purchase intention, 2019, pp. 28–31. https://doi.org/10.1109/ECICE47484.2019.8942664.Tseng P.-Y. and Lee S.-F. The impact of web visual aesthetics on purchase intention, 2019, pp. 28–31. https://doi.org/10.1109/ECICE47484.2019.8942664.Lindgaard G., Fernandes G., Dudek C., and Brown J. Attention web designers: You have 50 milliseconds to make a good first impression! Behaviour and IT, 2006, vol. 25, pp. 115–126. https://doi.org/10.1080/01449290500330448.Lindgaard G., Fernandes G., Dudek C., and Brown J. Attention web designers: You have 50 milliseconds to make a good first impression! Behaviour and IT, 2006, vol. 25, pp. 115–126. https://doi.org/10.1080/01449290500330448.Garrett J. The Elements of User Experience: User-Centered Design for the Web and Beyond, 2010.Garrett J. The Elements of User Experience: User-Centered Design for the Web and Beyond, 2010.Mohamad Zain J., Tey M. and Soon G. Using aesthetic measurement application (ama) to measure aesthetics of web page interfaces, 2008, pp. 96–100. https://doi.org/10.1109/ICNC.2008.764.Mohamad Zain J., Tey M. and Soon G. Using aesthetic measurement application (ama) to measure aesthetics of web page interfaces, 2008, pp. 96–100. https://doi.org/10.1109/ICNC.2008.764.Filonik D. and Baur D. Measuring aesthetics for information visualization, 2009, pp. 579–584. https://doi.org/10.1109/IV.2009.94.Filonik D. and Baur D. Measuring aesthetics for information visualization, 2009, pp. 579–584. https://doi.org/10.1109/IV.2009.94.Coursaris C. Exploring the relationship between aesthetics and usability, 2007.Coursaris C. Exploring the relationship between aesthetics and usability, 2007.Lee S. and Koubek R. Users’ perceptions of usability and aesthetics as criteria of pre- and post-use preferences, European J. of Industrial Engineering, 2012, vol. 6. https://doi.org/10.1504/EJIE.2012.044812.Lee S. and Koubek R. Users’ perceptions of usability and aesthetics as criteria of pre- and post-use preferences, European J. of Industrial Engineering, 2012, vol. 6. https://doi.org/10.1504/EJIE.2012.044812.Geissler G., Zinkhan G., and Watson R. The influence of home page complexity on consumer attention, attitudes, and purchase intent, Journal of Advertising, 2013, vol. 35, pp. 69–80. https://doi.org/10.1080/00913367.2006.10639232.Geissler G., Zinkhan G., and Watson R. The influence of home page complexity on consumer attention, attitudes, and purchase intent, Journal of Advertising, 2013, vol. 35, pp. 69–80. https://doi.org/10.1080/00913367.2006.10639232.Nadkarni S., Gupta R. A task-based model of percieved website complexity, Management Information Systems Quarterly, 2007, vol. 31, pp. 501–524. https://doi.org/10.2307/25148805.Nadkarni S., Gupta R. A task-based model of percieved website complexity, Management Information Systems Quarterly, 2007, vol. 31, pp. 501–524. https://doi.org/10.2307/25148805.Tuch A.N., Bargas-Avila J.A., Opwis K., and Wilhelm F.H. Visual complexity of websites: Effects on users’ experience, physiology, performance, and memory, International Journal of Human-Computer Studies, 2009, vol. 67, no. 9, pp. 703–715. https://www.sciencedirect.com/science/article/pii/S107158190900055X.Tuch A.N., Bargas-Avila J.A., Opwis K., and Wilhelm F.H. Visual complexity of websites: Effects on users’ experience, physiology, performance, and memory, International Journal of Human-Computer Studies, 2009, vol. 67, no. 9, pp. 703–715. https://www.sciencedirect.com/science/article/pii/S107158190900055X.Sonderegger A., Sauer J. The influence of design aesthetics in usability testing: Effects on user performance and perceived usability, Applied ergonomics, 2009, vol. 41, pp. 403–10. https://doi.org/10.1016/j.apergo.2009.09.002.Sonderegger A., Sauer J. The influence of design aesthetics in usability testing: Effects on user performance and perceived usability, Applied ergonomics, 2009, vol. 41, pp. 403–10. https://doi.org/10.1016/j.apergo.2009.09.002.Lindgaard G., Dudek C., Sen D., Sumegi L., and Noonan P. An exploration of relations between visual appeal, trustworthiness and perceived usability of homepages, ACM Trans. Comput.-Hum. Interact., 2011, vol. 18, p. 1. https://doi.org/10.1145/1959022.1959023.Lindgaard G., Dudek C., Sen D., Sumegi L., and Noonan P. An exploration of relations between visual appeal, trustworthiness and perceived usability of homepages, ACM Trans. Comput.-Hum. Interact., 2011, vol. 18, p. 1. https://doi.org/10.1145/1959022.1959023.Shamoi P., Inoue A., and H. Kawanaka. Modeling aesthetic preferences: Color coordination and fuzzy sets, Fuzzy Sets and Systems, 2020, vol. 395, pp. 217–234. https://doi.org/10.1016/j.fss.2019.02.014.Shamoi P., Inoue A., and H. Kawanaka. Modeling aesthetic preferences: Color coordination and fuzzy sets, Fuzzy Sets and Systems, 2020, vol. 395, pp. 217–234. https://doi.org/10.1016/j.fss.2019.02.014.Shamoi P., Inoue A., and Kawanaka H. Color aesthetics and context-dependency, in SCIS-ISIS 2022, 2022, pp. 1–7. https://doi.org/10.1109/SCISISIS55246.2022.10001872.Shamoi P., Inoue A., and Kawanaka H. Color aesthetics and context-dependency, in SCIS-ISIS 2022, 2022, pp. 1–7. https://doi.org/10.1109/SCISISIS55246.2022.10001872.Shamoi P., Muratbekova M., Izbassar A., Inoue A., and Kawanaka H. Towards a universal understanding of color harmony: Fuzzy approach, in Fuzzy Systems and Data Mining IX. Frontiers in Artificial Intelligence and Applications. IOS Press, 2023, pp. 20–28. https://doi.org/10.1145/1460355.1460357.Shamoi P., Muratbekova M., Izbassar A., Inoue A., and Kawanaka H. Towards a universal understanding of color harmony: Fuzzy approach, in Fuzzy Systems and Data Mining IX. Frontiers in Artificial Intelligence and Applications. IOS Press, 2023, pp. 20–28. https://doi.org/10.1145/1460355.1460357.Schenkman B. and J ̈onsson F. Aesthetics and preferences of web pages, Behaviour and Information Technology, 2000, vol. 19. https://doi.org/10.1080/014492900750000063.Schenkman B. and J ̈onsson F. Aesthetics and preferences of web pages, Behaviour and Information Technology, 2000, vol. 19. https://doi.org/10.1080/014492900750000063.Tuch A., Presslaber E., St ̈ocklin M., Opwis K., and Bargas-Avila J. The role of visual complexity and prototypicality regarding first impression of websites: Working towards understanding aesthetic judgments, International Journal of Human-Computer Studies, 2012, vol. 70, pp. 794–811. https://doi.org/10.1016/j.ijhcs.2012.06.003.Tuch A., Presslaber E., St ̈ocklin M., Opwis K., and Bargas-Avila J. The role of visual complexity and prototypicality regarding first impression of websites: Working towards understanding aesthetic judgments, International Journal of Human-Computer Studies, 2012, vol. 70, pp. 794–811. https://doi.org/10.1016/j.ijhcs.2012.06.003.Lindgaard G. Does emotional appeal determine perceived usability of web sites, in Proceedings of CybErg: the second international cyberspace conference on ergonomics. The International Ergonomics Association Press, Curtin University, 1999, pp. 202–211. https://doi.org/10.1007/s10660-010-9054-0.Lindgaard G. Does emotional appeal determine perceived usability of web sites, in Proceedings of CybErg: the second international cyberspace conference on ergonomics. The International Ergonomics Association Press, Curtin University, 1999, pp. 202–211. https://doi.org/10.1007/s10660-010-9054-0.Coursaris C. and Kripintris K. Web aesthetics and usability: An empirical study of the effects of white space. IJEBR, 2012, vol. 8, pp. 35–53. https://doi.org/10.4018/jebr.2012010103.Coursaris C. and Kripintris K. Web aesthetics and usability: An empirical study of the effects of white space. IJEBR, 2012, vol. 8, pp. 35–53. https://doi.org/10.4018/jebr.2012010103.Pracejus J., Olsen G., and O’Guinn T. How nothing became something: White space, rhetoric, history, and meaning, Journal of Consumer Research, 2006, vol. 33, pp. 82–90. https://doi.org/10.1086/504138.Pracejus J., Olsen G., and O’Guinn T. How nothing became something: White space, rhetoric, history, and meaning, Journal of Consumer Research, 2006, vol. 33, pp. 82–90. https://doi.org/10.1086/504138.Zhang Y. Web Design. Southwest China Normal University Press, 2015.Zhang Y. Web Design. Southwest China Normal University Press, 2015.Bojadziev G. and Bojadziev M. Fuzzy Sets, Fuzzy Logic, Applications. WORLD SCIENTIFIC, Jan. 1996. http://dx.doi.org/10.1142/2867.Bojadziev G. and Bojadziev M. Fuzzy Sets, Fuzzy Logic, Applications. WORLD SCIENTIFIC, Jan. 1996. http://dx.doi.org/10.1142/2867.Shamoi P., Sansyzbayev D., and N. Abiley. Comparative overview of color models for content-based image retrieval,” in 2022 International Conference on Smart Information Systems and Technologies (SIST), 2022, pp. 1–6. https://doi.org/10.1109/SIST54437.2022.9945709.Shamoi P., Sansyzbayev D., and N. Abiley. Comparative overview of color models for content-based image retrieval,” in 2022 International Conference on Smart Information Systems and Technologies (SIST), 2022, pp. 1–6. https://doi.org/10.1109/SIST54437.2022.9945709.Ualibekova A. and Shamoi P. Music emotion recognition using k-nearest neighbors algorithm, in 2022 International Conference on Smart Information Systems and Technologies (SIST), 2022, pp. 1–6. https://doi.org/10.1109/SIST54437.2022.9945814.Ualibekova A. and Shamoi P. Music emotion recognition using k-nearest neighbors algorithm, in 2022 International Conference on Smart Information Systems and Technologies (SIST), 2022, pp. 1–6. https://doi.org/10.1109/SIST54437.2022.9945814.

The authors declare that there are no conflicts of interest present.