Improvements to Visual Design on the Online News Portal ABC.com by Employing Usability and Eye Tracking Methods
This study aims to enhance the visual design of ABC.com, a leading Indonesian online news portal, by using usability and eye-tracking methods. As news media transitions from print to digital, maintaining an optimal user experience is crucial. This study addresses design deficiencies on ABC.com, part...
Saved in:
| Main Authors: | , , |
|---|---|
| Format: | Article |
| Language: | English |
| Published: |
MDPI AG
2025-02-01
|
| Series: | Engineering Proceedings |
| Subjects: | |
| Online Access: | https://www.mdpi.com/2673-4591/84/1/72 |
| Tags: |
Add Tag
No Tags, Be the first to tag this record!
|
| _version_ | 1849472085460516864 |
|---|---|
| author | Rahmat Budi Soedirdjo Argo Hadi Kusumo Markus Hartono |
| author_facet | Rahmat Budi Soedirdjo Argo Hadi Kusumo Markus Hartono |
| author_sort | Rahmat Budi Soedirdjo |
| collection | DOAJ |
| description | This study aims to enhance the visual design of ABC.com, a leading Indonesian online news portal, by using usability and eye-tracking methods. As news media transitions from print to digital, maintaining an optimal user experience is crucial. This study addresses design deficiencies on ABC.com, particularly related to news accessibility, search functionality, and the impact of advertisements. This research employs questionnaires and eye-tracking technology to identify user behavior and validate the findings. Key usability aspects, such as content accessibility, error prevention, and visual appeal, are analyzed to improve the website’s layout. The eye-tracking results reveal that users focus mainly on the center of the screen, often missing critical elements like the latest news and the search engine. This study proposes enhancements in typography, contrast, and page layout, based on the identified needs. The final design of ABC.com improved by enhancing efficiency, clarity, aesthetics, readability, and user comfort. The redesign showed mean improvements of 0.16, 0.41, 0.65, 0.32, and 0.54 in these criteria, respectively, indicating a notable enhancement in usability. This study’s findings offer a practical guideline that can be directly applied to enhance similar online news platforms in Indonesia. |
| format | Article |
| id | doaj-art-eb4829c4c898450f994a10d0dc6b719f |
| institution | Kabale University |
| issn | 2673-4591 |
| language | English |
| publishDate | 2025-02-01 |
| publisher | MDPI AG |
| record_format | Article |
| series | Engineering Proceedings |
| spelling | doaj-art-eb4829c4c898450f994a10d0dc6b719f2025-08-20T03:24:37ZengMDPI AGEngineering Proceedings2673-45912025-02-018417210.3390/engproc2025084072Improvements to Visual Design on the Online News Portal ABC.com by Employing Usability and Eye Tracking MethodsRahmat Budi Soedirdjo0Argo Hadi Kusumo1Markus Hartono2Department of Industrial Engineering, University of Surabaya, Surabaya 60293, IndonesiaDepartment of Industrial Engineering, University of Surabaya, Surabaya 60293, IndonesiaDepartment of Industrial Engineering, University of Surabaya, Surabaya 60293, IndonesiaThis study aims to enhance the visual design of ABC.com, a leading Indonesian online news portal, by using usability and eye-tracking methods. As news media transitions from print to digital, maintaining an optimal user experience is crucial. This study addresses design deficiencies on ABC.com, particularly related to news accessibility, search functionality, and the impact of advertisements. This research employs questionnaires and eye-tracking technology to identify user behavior and validate the findings. Key usability aspects, such as content accessibility, error prevention, and visual appeal, are analyzed to improve the website’s layout. The eye-tracking results reveal that users focus mainly on the center of the screen, often missing critical elements like the latest news and the search engine. This study proposes enhancements in typography, contrast, and page layout, based on the identified needs. The final design of ABC.com improved by enhancing efficiency, clarity, aesthetics, readability, and user comfort. The redesign showed mean improvements of 0.16, 0.41, 0.65, 0.32, and 0.54 in these criteria, respectively, indicating a notable enhancement in usability. This study’s findings offer a practical guideline that can be directly applied to enhance similar online news platforms in Indonesia.https://www.mdpi.com/2673-4591/84/1/72usabilityeye trackingwebsiteonline newspaper |
| spellingShingle | Rahmat Budi Soedirdjo Argo Hadi Kusumo Markus Hartono Improvements to Visual Design on the Online News Portal ABC.com by Employing Usability and Eye Tracking Methods Engineering Proceedings usability eye tracking website online newspaper |
| title | Improvements to Visual Design on the Online News Portal ABC.com by Employing Usability and Eye Tracking Methods |
| title_full | Improvements to Visual Design on the Online News Portal ABC.com by Employing Usability and Eye Tracking Methods |
| title_fullStr | Improvements to Visual Design on the Online News Portal ABC.com by Employing Usability and Eye Tracking Methods |
| title_full_unstemmed | Improvements to Visual Design on the Online News Portal ABC.com by Employing Usability and Eye Tracking Methods |
| title_short | Improvements to Visual Design on the Online News Portal ABC.com by Employing Usability and Eye Tracking Methods |
| title_sort | improvements to visual design on the online news portal abc com by employing usability and eye tracking methods |
| topic | usability eye tracking website online newspaper |
| url | https://www.mdpi.com/2673-4591/84/1/72 |
| work_keys_str_mv | AT rahmatbudisoedirdjo improvementstovisualdesignontheonlinenewsportalabccombyemployingusabilityandeyetrackingmethods AT argohadikusumo improvementstovisualdesignontheonlinenewsportalabccombyemployingusabilityandeyetrackingmethods AT markushartono improvementstovisualdesignontheonlinenewsportalabccombyemployingusabilityandeyetrackingmethods |