Webpage Validation by Visualizing Importance Area
Web designers should develop webpages that are easy to navigate and engage users. However, an aesthetic design does not guarantee usability. Users tend to avoid webpages with low usability, resulting in poor service and sales. One cause of inadequate usability is the difference between the intended...
| Main Authors: | , , , |
|---|---|
| Format: | Article |
| Language: | English |
| Published: |
IEEE
2023-01-01
|
| Series: | IEEE Access |
| Subjects: | |
| Online Access: | https://ieeexplore.ieee.org/document/10296915/ |
| _version_ | 1797635448102715392 |
|---|---|
| author | Yuya Inagaki Junko Shirogane Hajime Iwata Yoshiaki Fukazawa |
| author_facet | Yuya Inagaki Junko Shirogane Hajime Iwata Yoshiaki Fukazawa |
| author_sort | Yuya Inagaki |
| collection | DOAJ |
| description | Web designers should develop webpages that are easy to navigate and engage users. However, an aesthetic design does not guarantee usability. Users tend to avoid webpages with low usability, resulting in poor service and sales. One cause of inadequate usability is the difference between the intended content and what the users see on the webpage. On the other hand, visual saliency is the ease with which the human eye notices something. Visual saliency maps (VSMs) are used to recognize areas in an image where people pay attention. VSMs often represent the visual features of landscapes and human faces. Here, we propose a method to generate a webpage-specific VSM based on the layout. Our method computes and visualizes the visual salience level for each webpage element, allowing web designers to easily recognize webpage elements with a high visual prominence. An evaluation revealed that the quality of VSMs generated by our method is higher than those generated by existing methods. Moreover, the VSMs generated by our method are easier to recognize than those of existing methods. |
| first_indexed | 2024-03-11T12:21:08Z |
| format | Article |
| id | doaj.art-ca32a5c9dfc94b5aae9f6930e99c7d5a |
| institution | Directory Open Access Journal |
| issn | 2169-3536 |
| language | English |
| last_indexed | 2024-03-11T12:21:08Z |
| publishDate | 2023-01-01 |
| publisher | IEEE |
| record_format | Article |
| series | IEEE Access |
| spelling | doaj.art-ca32a5c9dfc94b5aae9f6930e99c7d5a2023-11-07T00:02:24ZengIEEEIEEE Access2169-35362023-01-011112033412034510.1109/ACCESS.2023.332774310296915Webpage Validation by Visualizing Importance AreaYuya Inagaki0Junko Shirogane1https://orcid.org/0000-0002-1303-4184Hajime Iwata2Yoshiaki Fukazawa3https://orcid.org/0000-0003-0196-2108School of Fundamental Science and Engineering, Waseda University, Shijuku-ku, Tokyo, JapanSchool of Arts and Sciences, Tokyo Woman’s Christian University, Suginami-ku, Tokyo, JapanFaculty of Information Technology, Kanagawa Institute of Technology, Atsugi, Kanagawa, JapanSchool of Fundamental Science and Engineering, Waseda University, Shijuku-ku, Tokyo, JapanWeb designers should develop webpages that are easy to navigate and engage users. However, an aesthetic design does not guarantee usability. Users tend to avoid webpages with low usability, resulting in poor service and sales. One cause of inadequate usability is the difference between the intended content and what the users see on the webpage. On the other hand, visual saliency is the ease with which the human eye notices something. Visual saliency maps (VSMs) are used to recognize areas in an image where people pay attention. VSMs often represent the visual features of landscapes and human faces. Here, we propose a method to generate a webpage-specific VSM based on the layout. Our method computes and visualizes the visual salience level for each webpage element, allowing web designers to easily recognize webpage elements with a high visual prominence. An evaluation revealed that the quality of VSMs generated by our method is higher than those generated by existing methods. Moreover, the VSMs generated by our method are easier to recognize than those of existing methods.https://ieeexplore.ieee.org/document/10296915/Visual saliencywebpagesightlineusability |
| spellingShingle | Yuya Inagaki Junko Shirogane Hajime Iwata Yoshiaki Fukazawa Webpage Validation by Visualizing Importance Area IEEE Access Visual saliency webpage sightline usability |
| title | Webpage Validation by Visualizing Importance Area |
| title_full | Webpage Validation by Visualizing Importance Area |
| title_fullStr | Webpage Validation by Visualizing Importance Area |
| title_full_unstemmed | Webpage Validation by Visualizing Importance Area |
| title_short | Webpage Validation by Visualizing Importance Area |
| title_sort | webpage validation by visualizing importance area |
| topic | Visual saliency webpage sightline usability |
| url | https://ieeexplore.ieee.org/document/10296915/ |
| work_keys_str_mv | AT yuyainagaki webpagevalidationbyvisualizingimportancearea AT junkoshirogane webpagevalidationbyvisualizingimportancearea AT hajimeiwata webpagevalidationbyvisualizingimportancearea AT yoshiakifukazawa webpagevalidationbyvisualizingimportancearea |