Measuring the usability effectiveness of using card menus and tree menus in school web applications

Main Article Content

Hadiq Hadiq
Solehatin Solehatin
Djuniharto Djuniharto
Much Aziz Muslim

Abstract

The aim of this research is to measure the usability effectiveness of a web application by using card menus and tree menus using user-friendly criteria and access speed as indicated by the number of clicks made by the user. The method used in this research is the Task-centered User Interface method, where this method allows for planning and evaluating the arrangement of the interface according to user needs. There are four stages in this method, including user identification by conducting needs analysis, the second phase is user interface design. The third phase is the implementation of the card menu and tree menu design, and the fourth face is testing the usability and effectiveness requirements. From the research that has been carried out regarding measuring the effectiveness of using card menus, it is more effective to use than tree menus because you can directly lift the menu and access it. Meanwhile, for usability, the card menus have a higher usability index than the tree menus. Meanwhile, for usability measurements carried out by direct observation and distributing questionnaires, the resulting percentage of user understanding, ease, and speed for the card menu display was 87% and for the tree menu was 60% so that the card menu display was more accepted by users than the tree menu. The new thing provided by the results of this research is in the form of suggestions that can be used by web application developers to use the right type of menu in building web-based applications with the same specifications as in the case of school finance applications.

Downloads

Download data is not yet available.

Article Details

How to Cite
[1]
H. Hadiq, S. Solehatin, D. Djuniharto, and M. A. Muslim, “Measuring the usability effectiveness of using card menus and tree menus in school web applications”, J. Soft Comput. Explor., vol. 5, no. 1, pp. 67-73, Mar. 2024.
Section
Articles

References

E. Krisnanik and T. Rahayu, “Ui/ux integrated holistic monitoring of paud using the tcsd method,” Bull. Electr. Eng. Informatics, vol. 10, no. 4, pp. 2273–2284, 2021, doi: 10.11591/EEI.V10I4.3108.

S. L. Hantgan and S. P. Jariwala, “User-centered mobile health applications for asthma,” Ann. Allergy, Asthma Immunol., vol. 130, no. 2, pp. 159–160, 2023, doi: 10.1016/j.anai.2022.11.011.

Å. Cajander, M. Larusdottir, and J. L. Geiser, “UX professionals’ learning and usage of UX methods in agile,” Inf. Softw. Technol., vol. 151, p. 107005, Nov. 2022, doi: 10.1016/j.infsof.2022.107005.

R. Y. Ariyana, E. K. Nurnawati, M. R. Ath-Thaariq, and P. W. Wahyudi, “Implementation of UCD with a kanban board to build an interaction design for an animal recognition application,” J. Soft Comput. Explor., vol. 4, no. 4, pp. 233–241, Dec. 2023, doi: 10.52465/joscex.v4i4.263.

A. S. D. Martha, E. R. T. Setyawan, and R. R. Riskiana, “Measuring Usability on User-Centered Mobile Web Application: Case Study on Financial Mathematics Calculator,” Khazanah Inform. J. Ilmu Komput. dan Inform., vol. 9, no. 1, 2023, doi: 10.23917/khif.v9i1.19409.

R. Rofik, T. F. Anggraini, B. Prasetiyo, and C. B. S. KA, “Application go-sport as a solution to search information on facilities, places, partners, and sports events for students,” J. Student Res. Explor., vol. 1, no. 2, pp. 85–93, Jun. 2023, doi: 10.52465/josre.v1i2.164.

F. Sihaloho and Normah, “Perancangan User Interface (UI) dan User Experince (UX) Aplikasi pendistribution alat-alat kesehatan pada perusahaan PT. Rekamileniumindo Selaras Jakarta Barat,” Indones. J. Softw. Eng., vol. 9, no. 1, pp. 33–38, 2023.

Y. S. Jamilah and A. C. Padmasari, “Perancangan User Interface Dan User Experience Aplikasi Say.Co,” J. Desain Komun. Vis., vol. 9, no. 2, pp. 73–78, 2022.

H. W. Alomari, V. Ramasamy, J. D. Kiper, and G. Potvin, “A User Interface (UI) and User eXperience (UX) evaluation framework for cyberlearning environments in computer science and software engineering education,” Heliyon, vol. 6, no. 5, p. e03917, 2020, doi: 10.1016/j.heliyon.2020.e03917.

F. Yu et al., “Innovative UX Methods for Information Access Based on Interdisciplinary Approaches: Practical Lessons from Academia and Industry,” Data Inf. Manag., vol. 4, no. 1, pp. 74–80, Mar. 2020, doi: 10.2478/dim-2020-0004.

M. Nikam, I. Gawali, V. Khollam, A. Lokhande, and J. Mante, “Online UI / UX Platform ( Crafter ),” vol. 3307.

A. Hinderks, F. J. Domínguez Mayo, J. Thomaschewski, and M. J. Escalona, “Approaches to manage the user experience process in Agile software development: A systematic literature review,” Inf. Softw. Technol., vol. 150, no. May, p. 106957, 2022, doi: 10.1016/j.infsof.2022.106957.

K. Kapp, M. Sivén, P. Laurén, S. Virtanen, N. Katajavuori, and I. Södervik, “Design and Usability Testing of an Augmented Reality ( AR ) Environment in Pharmacy Education — Presenting a Pilot Study on Comparison between AR Smart Glasses and a Mobile Device in a Laboratory Course,” 2022.

E. G. Buis, Elaine, S. R. Ashby, Simone, and K. P. A. Kouwenberg, Kristel, “Increasing the UX maturity level of clients: A study of best practices in an agile environment,” Inf. Softw. Technol., vol. 154, p. 107086, Feb. 2023, doi: 10.1016/j.infsof.2022.107086.

O. Leßenich and S. Sobernig, “Usefulness and usability of heuristic walkthroughs for evaluating domain-specific developer tools in industry: Evidence from four field simulations,” Inf. Softw. Technol., vol. 160, p. 107220, 2023, doi: 10.1016/j.infsof.2023.107220.

A. M. T. Mohamed, R. Atan, A. Alshammari, A. Alsahli, and M. N. Rozami, “Service Level Agreement Enforcement Model with Human Factor for Electronic Health Record,” J. Inf. Syst. Explor. Res., vol. 2, no. 1, Jan. 2024, doi: 10.52465/joiser.v2i1.204.

K. M. P. Escanillan-Galera and C. M. Vilela-Malabanan, “Evaluating on User Experience and User Interface (UX/UI) of EnerTrApp a Mobile Web Energy Monitoring System,” Procedia Comput. Sci., vol. 161, pp. 1225–1232, 2019, doi: 10.1016/j.procs.2019.11.236.

X. He, H. Zhang, and J. Bian, “User-centered design of a web-based crowdsourcing-integrated semantic text annotation tool for building a mental health knowledge base,” J. Biomed. Inform., vol. 110, no. August, p. 103571, 2020, doi: 10.1016/j.jbi.2020.103571.

N. Slob, W. Hurst, R. van de Zedde, and B. Tekinerdogan, “Virtual reality-based digital twins for greenhouses: A focus on human interaction,” Comput. Electron. Agric., vol. 208, no. October 2022, p. 107815, 2023, doi: 10.1016/j.compag.2023.107815.

M. Ciccarelli, A. Brunzini, A. Papetti, and M. Germani, “Interface and interaction design principles for Mixed Reality applications: The case of operator training in wire harness activities,” Procedia Comput. Sci., vol. 204, no. 2021, pp. 540–547, 2022, doi: 10.1016/j.procs.2022.08.066.

Y. Yanfi and P. D. Nusantara, “UI/UX design prototype for mobile community-based course,” Procedia Comput. Sci., vol. 216, pp. 431–441, 2023, doi: 10.1016/j.procs.2022.12.155.

T. Le, S. Chaudhuri, J. Chung, H. J. Thompson, and G. Demiris, “Tree testing of hierarchical menu structures for health applications,” J. Biomed. Inform., vol. 49, pp. 198–205, 2014, doi: 10.1016/j.jbi.2014.02.011.

A. Hentati, E. Forsell, B. Ljótsson, V. Kaldo, N. Lindefors, and M. Kraepelien, “The effect of user interface on treatment engagement in a self-guided digital problem-solving intervention: A randomized controlled trial,” Internet Interv., vol. 26, no. August, 2021, doi: 10.1016/j.invent.2021.100448.

S. Medjden, N. Ahmed, and M. Lataifeh, “Design and Analysis of an Automatic UI Adaptation Framework from Multimodal Emotion Recognition using an RGB-D Sensor,” Procedia Comput. Sci., vol. 170, pp. 82–89, 2020, doi: 10.1016/j.procs.2020.03.011.

P. Ebel, J. Orlovska, S. Hünemeyer, C. Wickman, A. Vogelsang, and R. Söderberg, “Automotive UX design and data-driven development: Narrowing the gap to support practitioners,” Transp. Res. Interdiscip. Perspect., vol. 11, no. April, 2021, doi: 10.1016/j.trip.2021.100455.

Abstract viewed = 160 times

Similar Articles

You may also start an advanced similarity search for this article.