Utilizing interactive vector graphics to enhance user experience in engaging with complex user interface design

In the shift towards the Fourth Industrial Revolution (IR4.0), there are a multitude of user interventions that are heavily dependent on screen-based content which are highly correlated with the Internet of Things (IOT). This has raised certain usability issues, primarily when utilizing pixel graphi...

Full description

Saved in:
Bibliographic Details
Main Authors: Soon, Eu Hui, Abdul Manaf, Nur’azah, Mahrin, Mohd. Naz'ri
Format: Article
Language:English
Published: Penerbit UTM Press 2022
Subjects:
Online Access:http://eprints.utm.my/104755/1/NurAzahAbdulManaf2022_UtilizingInteractiveVectorGraphicstoEnhance.pdf
http://eprints.utm.my/104755/
http://dx.doi.org/10.11113/aej.V12.17689
Tags: Add Tag
No Tags, Be the first to tag this record!
id my.utm.104755
record_format eprints
spelling my.utm.1047552024-03-01T01:35:09Z http://eprints.utm.my/104755/ Utilizing interactive vector graphics to enhance user experience in engaging with complex user interface design Soon, Eu Hui Abdul Manaf, Nur’azah Mahrin, Mohd. Naz'ri T Technology (General) In the shift towards the Fourth Industrial Revolution (IR4.0), there are a multitude of user interventions that are heavily dependent on screen-based content which are highly correlated with the Internet of Things (IOT). This has raised certain usability issues, primarily when utilizing pixel graphics in dealing with complex User Interface (UI) design on devices with smaller screen size. This paper addresses the delay in timing, as the main part of the usability issue, which is caused by the increased of user interaction in completing task given. This paper studies the conversion rate outcomes from pixel graphics to interactive Scalable Vector Graphics (SVG) as a solution in reducing user interaction thus enhancing overall user experience (UX). The research design focuses on 2 analysis stages, which starts with a comparison stage that is exploratory in nature, followed by a regression analytics as part of the usability testing. The comparative analysis utilizes A/B testing that is composed of a control group and a treatment group, which measures the time spent based on actions per-page, in determining the effect size of both pixel and vector graphics through specified observations. The regression analytics that follows through is explanatory in nature and measures the indirect effects of the time delay, in defining that there is a significant relationship between time spent against actions per-page. The findings contribute towards establishing a more impactful use of graphic format in the adaptation to UI design that maximizes UX outcomes, which defines effective usability towards conversion optimizations. Penerbit UTM Press 2022 Article PeerReviewed application/pdf en http://eprints.utm.my/104755/1/NurAzahAbdulManaf2022_UtilizingInteractiveVectorGraphicstoEnhance.pdf Soon, Eu Hui and Abdul Manaf, Nur’azah and Mahrin, Mohd. Naz'ri (2022) Utilizing interactive vector graphics to enhance user experience in engaging with complex user interface design. ASEAN Engineering Journal, 12 (4). pp. 1-7. ISSN 2586-9159 http://dx.doi.org/10.11113/aej.V12.17689 DOI : 10.11113/aej.V12.17689
institution Universiti Teknologi Malaysia
building UTM Library
collection Institutional Repository
continent Asia
country Malaysia
content_provider Universiti Teknologi Malaysia
content_source UTM Institutional Repository
url_provider http://eprints.utm.my/
language English
topic T Technology (General)
spellingShingle T Technology (General)
Soon, Eu Hui
Abdul Manaf, Nur’azah
Mahrin, Mohd. Naz'ri
Utilizing interactive vector graphics to enhance user experience in engaging with complex user interface design
description In the shift towards the Fourth Industrial Revolution (IR4.0), there are a multitude of user interventions that are heavily dependent on screen-based content which are highly correlated with the Internet of Things (IOT). This has raised certain usability issues, primarily when utilizing pixel graphics in dealing with complex User Interface (UI) design on devices with smaller screen size. This paper addresses the delay in timing, as the main part of the usability issue, which is caused by the increased of user interaction in completing task given. This paper studies the conversion rate outcomes from pixel graphics to interactive Scalable Vector Graphics (SVG) as a solution in reducing user interaction thus enhancing overall user experience (UX). The research design focuses on 2 analysis stages, which starts with a comparison stage that is exploratory in nature, followed by a regression analytics as part of the usability testing. The comparative analysis utilizes A/B testing that is composed of a control group and a treatment group, which measures the time spent based on actions per-page, in determining the effect size of both pixel and vector graphics through specified observations. The regression analytics that follows through is explanatory in nature and measures the indirect effects of the time delay, in defining that there is a significant relationship between time spent against actions per-page. The findings contribute towards establishing a more impactful use of graphic format in the adaptation to UI design that maximizes UX outcomes, which defines effective usability towards conversion optimizations.
format Article
author Soon, Eu Hui
Abdul Manaf, Nur’azah
Mahrin, Mohd. Naz'ri
author_facet Soon, Eu Hui
Abdul Manaf, Nur’azah
Mahrin, Mohd. Naz'ri
author_sort Soon, Eu Hui
title Utilizing interactive vector graphics to enhance user experience in engaging with complex user interface design
title_short Utilizing interactive vector graphics to enhance user experience in engaging with complex user interface design
title_full Utilizing interactive vector graphics to enhance user experience in engaging with complex user interface design
title_fullStr Utilizing interactive vector graphics to enhance user experience in engaging with complex user interface design
title_full_unstemmed Utilizing interactive vector graphics to enhance user experience in engaging with complex user interface design
title_sort utilizing interactive vector graphics to enhance user experience in engaging with complex user interface design
publisher Penerbit UTM Press
publishDate 2022
url http://eprints.utm.my/104755/1/NurAzahAbdulManaf2022_UtilizingInteractiveVectorGraphicstoEnhance.pdf
http://eprints.utm.my/104755/
http://dx.doi.org/10.11113/aej.V12.17689
_version_ 1793149209446187008
score 13.211869