Дослідження методів виділення графічних об’єктів на вебсайтах для оцінки якості інтерфейсу

Автор(и)

  • V. Tsaryk
  • V. Hnatushenko

DOI:

https://doi.org/10.34185/1562-9945-3-140-2022-12

Ключові слова:

тестування інтерфейсу, юзабіліті-тестування, сегментація зображень, обробка зображень, порогова бінарізація, JSEG

Анотація

У роботі розглянуто питання автоматизації тестування інтерфейсу користувача на прикладі вебсторінок як графічних зображень. Виділено основні характеристики, на які слід звертати увагу під час тестування графічного інтерфейсу користувача: форма, розмір, яскравість, колір, направлення та розташування елементів зо-браження. Для оцінки якості в роботі визначено ключові блоки вебсторінки – поля ме-ню, текстові та графічні блоки з вихідного зображення, тобто задача зводиться до задачі сегментації зображення. Розглянуто основний підхід до сегментації – методи порогової бінарізації та більш сучасний метод JSEG, який включає два етапи (кванту-вання кольорів та просторову сегментацію за текстурною ознакою). Наведено ре-зультати практичного аналізу зображення вебсторінки: аналіз яскравості зображен-ня – з використанням гістограми яскравості, аналіз кількості використаних кольорів – з застосуванням переходу до індексованого зображення та дослідження статистики використання кожного кольору з заданої палітри, проведено виділення об’єктів мето-дами порогової бінарізації та JSEG. За результатами проведених досліджень зроблено висновок, що методи порогової бінарізації не надають бажаних результатів сегмен-тації – наявні проблеми з злиттям графічних об’єктів, що знаходяться поруч та виок-ремленням символів в текстових блоках. Алгоритм JSEG включає операції кольорового квантування і просторової сегментації, за рахунок чого результат виділення об’єктів краще, проте все одно вимагає подальших налаштувань.

Посилання

Bakaev M.A. Current trends in automated usability assessment and behavioral factors in search engine algorithms // Software products and systems. 2017. T. 30. № 3. S. 447–455. DOI: 10.15827 / 0236-235X.030.3.447-455.

Fedorov A. Binarization of black and white images: state and prospects of devel-opment. [Electronic resource]. Access mode:

http://itclaim.ru/Library/Books/ITS/wwwbook/ist4b/its4/fyodorov.htm

Threshold-spatial segmentation of color textured images based on the JSEG method [Electronic resource]. Access mode: http://aaecs.org/polyakova-mv-ishenko-av-hudaiberdin-eiporogovo-prostranstvennaya-segmentaciya-cvetnih-teksturirovannih-izobrajenii-na-osnove-metoda-jseg.html

Deng Y., Manjunath B. S., Unsupervised segmentation of color-texture regions in images and video // IEEE Trans. Pattern Analysis and Machine Intelligence. 2001. Vol. 23, № 8. P. 800–810.

Gonzalez R., Woods R. Digital image processing / trans. with English M .: Technosphere, 2005.1072 p.

Cooper A., Reiman R., Cronin D. Alan Cooper on the interface. Fundamentals of interaction design. - Translated from English. - StP .: Symbol'Plus, 2009. - 688 p. ISBN 978'5'93286'132'5

Nesteruk D.G., Gnatushenko Vik.V., Tsaryk V.Yu. Usability testing technology based on digital image of the website // Proceedings of the VII International Scientific and Technical Conference "Computer Modeling and Optimization of Complex Systems (KMOSS-2021)" - Dnipro: UDKHTU, 2021. - P. 99-100

Опубліковано

2022-04-08