User interface and interactivity design guidelines of algorithm visualization on mobile platform

Algorithm Visualization (AV) is a pedagogical tool that can help learners to see the animation of the step-by-step process of an algorithm. Students can watch and observe through the elaboration of dynamic animation. Previous studies show that AV mobile study is still limited. AV implementation on t...

Full description

Saved in:

Bibliographic Details
Main Author:	Supli, Ahmad Affandi
Format:	Thesis
Language:	eng eng eng
Published:	2019
Subjects:	T58.5-58.64 Information technology TK6570 Mobile Communication System.
Online Access:	https://etd.uum.edu.my/9826/1/s900946_01.pdf https://etd.uum.edu.my/9826/2/s900946_02.pdf https://etd.uum.edu.my/9826/3/s900946_references.docx
Tags:	Add Tag No Tags, Be the first to tag this record!

id	my-uum-etd.9826
record_format	uketd_dc
spelling	my-uum-etd.98262022-09-11T04:05:32Z User interface and interactivity design guidelines of algorithm visualization on mobile platform 2019 Supli, Ahmad Affandi Shiratuddin, Norshuhada Awang Had Salleh Graduate School of Arts & Sciences Awang Had Salleh Graduate School of Arts and Sciences T58.5-58.64 Information technology TK6570 Mobile Communication System. Algorithm Visualization (AV) is a pedagogical tool that can help learners to see the animation of the step-by-step process of an algorithm. Students can watch and observe through the elaboration of dynamic animation. Previous studies show that AV mobile study is still limited. AV implementation on the mobile platform is still considered as a new trend which started in 2013. In addition, comprehensive design guidelines of AV in terms of designing user-interface (UI) and interactivity factors are still limited and discussed separately in previous studies. Even though, much evidence in previous empirical studies show that various interactivity strategies and UI design aspects are two imperative aspects to make an effective AV tool for learners. Within this context, this study proposes AV on mobile platforms (AVOMP) design guidelines that serve as a systematic approach. It includes the fundamental recommendations for designers, developer, and lecturers to produce AVOMP which are based on two aspects, namely UI design and interactivity aspects. Hence, in order to accomplish the main aim, a number of sub-objectives were formed: (a) to identify the appropriate recommendations for UI design and interactivity aspects of AVOMP, (b) to develop the design guidelines of AVOMP based on the identified recommendations of UI design and interactivity, (c) to validate the developed design guidelines of AVOMP in terms of “usefulness” through expert reviews, and (d) to measure the effectiveness of AV on mobile platform that implements the proposed design guidelines through prototype. This study adopted the Design Science Research methodology as the framework of the research process. Activities of AVOMP design guidelines construction include a literature review and a comparative study. The proposed design guidelines were validated through expert reviews, which involved 16 experts. Results of the hypothesis testing concludes that the proposed AVOMP design guidelines are significantly perceived as having quality in serving as a guideline for developers or designers to design and develop AVOMP. Moreover, the evaluation of the effectiveness of the AVOMP prototype from 35 participants through laboratory experiments based on the bloom taxonomy test shows that there is a significant difference between students learning sorting algorithms using the manual approach (Pre-Test) and the AVOMP app (Post-Test). Hence, this study makes three major contributions, namely artefact, empirical, and theoretical. In terms of artifact, this study yields AVOMP design guidelines that are comprised of UI design and interactivity aspects as well as AVOMP prototype of sorting algorithms. Meanwhile, empirical contribution shows the result of the effectiveness of AVOMP apps. Finally, the theoretical aspect contributes the novelty of the developed design guidelines of AVOMP that are structured and comprehensively formed with a combination of a bunch of theories and empirical studies of two aspects, which are UI design and interactivity. 2019 Thesis https://etd.uum.edu.my/9826/ https://etd.uum.edu.my/9826/1/s900946_01.pdf text eng public https://etd.uum.edu.my/9826/2/s900946_02.pdf text eng public https://etd.uum.edu.my/9826/3/s900946_references.docx text eng public phd doctoral Universiti Utara Malaysia
institution	Universiti Utara Malaysia
collection	UUM ETD
language	eng eng eng
advisor	Shiratuddin, Norshuhada
topic	T58.5-58.64 Information technology TK6570 Mobile Communication System.
spellingShingle	T58.5-58.64 Information technology TK6570 Mobile Communication System. Supli, Ahmad Affandi User interface and interactivity design guidelines of algorithm visualization on mobile platform
description	Algorithm Visualization (AV) is a pedagogical tool that can help learners to see the animation of the step-by-step process of an algorithm. Students can watch and observe through the elaboration of dynamic animation. Previous studies show that AV mobile study is still limited. AV implementation on the mobile platform is still considered as a new trend which started in 2013. In addition, comprehensive design guidelines of AV in terms of designing user-interface (UI) and interactivity factors are still limited and discussed separately in previous studies. Even though, much evidence in previous empirical studies show that various interactivity strategies and UI design aspects are two imperative aspects to make an effective AV tool for learners. Within this context, this study proposes AV on mobile platforms (AVOMP) design guidelines that serve as a systematic approach. It includes the fundamental recommendations for designers, developer, and lecturers to produce AVOMP which are based on two aspects, namely UI design and interactivity aspects. Hence, in order to accomplish the main aim, a number of sub-objectives were formed: (a) to identify the appropriate recommendations for UI design and interactivity aspects of AVOMP, (b) to develop the design guidelines of AVOMP based on the identified recommendations of UI design and interactivity, (c) to validate the developed design guidelines of AVOMP in terms of “usefulness” through expert reviews, and (d) to measure the effectiveness of AV on mobile platform that implements the proposed design guidelines through prototype. This study adopted the Design Science Research methodology as the framework of the research process. Activities of AVOMP design guidelines construction include a literature review and a comparative study. The proposed design guidelines were validated through expert reviews, which involved 16 experts. Results of the hypothesis testing concludes that the proposed AVOMP design guidelines are significantly perceived as having quality in serving as a guideline for developers or designers to design and develop AVOMP. Moreover, the evaluation of the effectiveness of the AVOMP prototype from 35 participants through laboratory experiments based on the bloom taxonomy test shows that there is a significant difference between students learning sorting algorithms using the manual approach (Pre-Test) and the AVOMP app (Post-Test). Hence, this study makes three major contributions, namely artefact, empirical, and theoretical. In terms of artifact, this study yields AVOMP design guidelines that are comprised of UI design and interactivity aspects as well as AVOMP prototype of sorting algorithms. Meanwhile, empirical contribution shows the result of the effectiveness of AVOMP apps. Finally, the theoretical aspect contributes the novelty of the developed design guidelines of AVOMP that are structured and comprehensively formed with a combination of a bunch of theories and empirical studies of two aspects, which are UI design and interactivity.
format	Thesis
qualification_name	Doctor of Philosophy (PhD.)
qualification_level	Doctorate
author	Supli, Ahmad Affandi
author_facet	Supli, Ahmad Affandi
author_sort	Supli, Ahmad Affandi
title	User interface and interactivity design guidelines of algorithm visualization on mobile platform
title_short	User interface and interactivity design guidelines of algorithm visualization on mobile platform
title_full	User interface and interactivity design guidelines of algorithm visualization on mobile platform
title_fullStr	User interface and interactivity design guidelines of algorithm visualization on mobile platform
title_full_unstemmed	User interface and interactivity design guidelines of algorithm visualization on mobile platform
title_sort	user interface and interactivity design guidelines of algorithm visualization on mobile platform
granting_institution	Universiti Utara Malaysia
granting_department	Awang Had Salleh Graduate School of Arts & Sciences
publishDate	2019
url	https://etd.uum.edu.my/9826/1/s900946_01.pdf https://etd.uum.edu.my/9826/2/s900946_02.pdf https://etd.uum.edu.my/9826/3/s900946_references.docx
_version_	1747828682991337472

User interface and interactivity design guidelines of algorithm visualization on mobile platform

Similar Items