arXivDaily arXiv每日学术速递 周一至周五更新
arXiv 2201.00117cs.SEcs.NE
收藏

可用性和美学:更好地结合在一起,实现网页的自动修复

Usability and Aesthetics: Better Together for Automated Repair of Web Pages

Thanh Le-Cong, Xuan Bach D. Le, Quyet-Thang Huynh, Phi-Le Nguyen

摘要:

随着最近智能手机或平板电脑等移动设备的爆炸式增长,确保在所有环境中保持一致的Web外观已成为一个重要问题。这仅仅是因为很难在不同大小和类型的呈现网页的设备上跟踪Web外观。因此,修复网页的不一致外观可能是困难的,并且所产生的成本可能是巨大的,例如,最近,已经提出了自动化web修复技术来自动解决不一致的网页外观,专注于提高可用性。然而,生成的补丁往往会破坏网页的布局,使修复后的网页在美学上令人不快,例如,图像失真或组件未对准。在本文中,我们提出了一种基于元启发式算法的网页自动修复方法,可以同时保证可用性和美观性。我们的方法的关键新颖之处在于一个新颖的适应度函数,它允许我们乐观地进化有缺陷的网页,以找到同时优化可用性和美观性的最佳解决方案。实证评估表明,我们的方法能够成功地解决94%的评估对象的移动友好的问题,显着优于国家的最先进的基线技术在可用性和美观。

英文摘要:

With the recent explosive growth of mobile devices such as smartphones or tablets, guaranteeing consistent web appearance across all environments has become a significant problem. This happens simply because it is hard to keep track of the web appearance on different sizes and types of devices that render the web pages. Therefore, fixing the inconsistent appearance of web pages can be difficult, and the cost incurred can be huge, e.g., poor user experience and financial loss due to it. Recently, automated web repair techniques have been proposed to automatically resolve inconsistent web page appearance, focusing on improving usability. However, generated patches tend to disrupt the webpage's layout, rendering the repaired webpage aesthetically unpleasing, e.g., distorted images or misalignment of components. In this paper, we propose an automated repair approach for web pages based on meta-heuristic algorithms that can assure both usability and aesthetics. The key novelty that empowers our approach is a novel fitness function that allows us to optimistically evolve buggy web pages to find the best solution that optimizes both usability and aesthetics at the same time. Empirical evaluations show that our approach is able to successfully resolve mobile-friendly problems in 94% of the evaluation subjects, significantly outperforming state-of-the-art baseline techniques in terms of both usability and aesthetics.

机构、总结、中文摘要均由AI分析而来,可能存在错误,请以论文正文为准。

↑