UI/UX Design Prototype for Enhancing User Experience using User-Centered Method
(1) Departement of Informatics Engineering, Universitas Dian Nuswantoro, Indonesia
(2) Departement of Informatics Engineering, Universitas Dian Nuswantoro, Indonesia
Abstract
Purpose: The teaching matrix often relies on conventional methods involving explanations on a board. It makes students easily bored and relatively focused for only a short period. Integrating multimedia features such as text, colors, and sound might enhance students' comfort and engagement in the learning matrix. In this study, we discuss how to design low-fidelity and high-fidelity prototypes to enhance the comfort of the learning matrix and give a solution to manage course and communication between teachers and students.
Methods: We employed the User-Centered Design method, focusing on users as the central design consideration. The User-Centered Design process involves the analysis of user needs and context, followed by requirements identification, design solutions, and solution evaluation.
Results: Based on the testing results, we scored 86.25%, categorizing it as "acceptable" with a grade of A and an adjective rating of "excellent." Meanwhile, the usability testing resulted in a score of 85.6%.
Novelty: The main contribution to this research is proposing a new design for the UI/UX of the matrix learning application. The generated design can be recommended for implementing a matrix learning application.
Keywords
Full Text:
PDFReferences
S. A. Andari, O. Cardin, P. Berruet, and R. Ardi, “Serious Game as Learning Media for Reconfigurable Manufacturing System: A Model Development,” IFAC-PapersOnLine, vol. 55, no. 10, pp. 1675–1680, 2022, doi: 10.1016/j.ifacol.2022.09.638.
“Electrical Energy Monitoring System and Automatic Transfer Switch (ATS) Controller with the Internet of Things for Solar Power Plants,” J. Soft Comput. Explor., vol. 1, no. 1, Sep. 2020, doi: 10.52465/joscex.v1i1.2.
A. A. Nurdin, G. N. Salmi, K. Sentosa, A. R. Wijayanti, and A. Prasetya, “Utilization of Business Intelligence in Sales Information Systems,” J. Inf. Syst. Explor. Res., vol. 1, no. 1, pp. 39–48, Dec. 2022, doi: 10.52465/joiser.v1i1.101.
E. R. Subhiyakto, M. Kamalrudin, S. Sidek, and S. S. Syed Ahmad, Customization of Requirements Modeling Tool For Software Engineering Education. 2014. doi: 10.13140/2.1.3132.3843.
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.
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.
Å. 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. 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.
G. Sim, J. Read, and D. Fitton, “Introducing the CCI UX Playbook,” in Interaction Design and Children, New York, NY, USA: ACM, Jun. 2021, pp. 695–697. doi: 10.1145/3459990.3464486.
E. R. Subhiyakto and D. I. Fajriati, “PERANCANGAN MOCKUP USER INTERFACE (UI) BERDASARKAN USER EXPERIENCE (UX) APLIKASI BELAJAR BAHASA ARAB MENGGUNAKAN METODE USER CENTERED DESIGN,” J. Tek. Inform., vol. 14, no. 2, pp. 115–124, 2021, doi: 10.15408/jti.v14i2.21704.
C. Nakata and J. Hwang, “Design thinking for innovation: Composition, consequence, and contingency,” J. Bus. Res., vol. 118, pp. 117–128, Sep. 2020, doi: 10.1016/j.jbusres.2020.06.038.
D. C. Chou, “Applying design thinking method to social entrepreneurship project,” Comput. Stand. Interfaces, vol. 55, pp. 73–79, Jan. 2018, doi: 10.1016/j.csi.2017.05.001.
D. Henriksen, C. Richardson, and R. Mehta, “Design thinking: A creative approach to educational problems of practice,” Think. Ski. Creat., vol. 26, pp. 140–153, Dec. 2017, doi: 10.1016/j.tsc.2017.10.001.
M. Zorzetti, I. Signoretti, L. Salerno, S. Marczak, and R. Bastos, “Improving Agile Software Development using User-Centered Design and Lean Startup,” Inf. Softw. Technol., vol. 141, p. 106718, Jan. 2022, doi: 10.1016/j.infsof.2021.106718.
T. B. Wray, C. W. Kahler, E. M. Simpanen, and D. Operario, “User-centered, interaction design research approaches to inform the development of health risk behavior intervention technologies,” Internet Interv., vol. 15, pp. 1–9, Mar. 2019, doi: 10.1016/j.invent.2018.10.002.
A. Shivers-McNair et al., “User-Centered Design In and Beyond the Classroom: Toward an Accountable Practice,” Comput. Compos., vol. 49, pp. 36–47, Sep. 2018, doi: 10.1016/j.compcom.2018.05.003.
M. Flood et al., “Research methods from human-centered design: Potential applications in pharmacy and health services research,” Res. Soc. Adm. Pharm., vol. 17, no. 12, pp. 2036–2043, Dec. 2021, doi: 10.1016/j.sapharm.2021.06.015.
J. Hehn, F. Uebernickel, and D. Mendez Fernandez, “DT4RE: Design Thinking for Requirements Engineering: A Tutorial on Human-Centered and Structured Requirements Elicitation,” in 2018 IEEE 26th International Requirements Engineering Conference (RE), IEEE, Aug. 2018, pp. 504–505. doi: 10.1109/RE.2018.00074.
J. F. Gaspar, Â. P. Teixeira, A. Santos, C. G. Soares, P. Golyshev, and N. Kähler, “Human centered design methodology: Case study of a ship-mooring winch,” Int. J. Ind. Ergon., vol. 74, p. 102861, Nov. 2019, doi: 10.1016/j.ergon.2019.102861.
E. Kim et al., “User-Centered Design Roadmapping: Anchoring Roadmapping in Customer Value Before Technology Selection,” IEEE Trans. Eng. Manag., vol. 69, no. 1, pp. 109–126, Feb. 2022, doi: 10.1109/TEM.2020.3030172.
M. S. Ferreira, J. Antão, R. Pereira, I. S. Bianchi, N. Tovma, and N. Shurenov, “Improving real estate CRM user experience and satisfaction: A user-centered design approach,” J. Open Innov. Technol. Mark. Complex., vol. 9, no. 2, p. 100076, Jun. 2023, doi: 10.1016/j.joitmc.2023.100076.
B. C. Stagg et al., “Systematic User-centered Design of a Prototype Clinical Decision Support System for Glaucoma,” Ophthalmol. Sci., vol. 3, no. 3, p. 100279, Sep. 2023, doi: 10.1016/j.xops.2023.100279.
M. von Grafenstein, T. Jakobi, and G. Stevens, “Effective data protection by design through interdisciplinary research methods: The example of effective purpose specification by applying user-Centred UX-design methods,” Comput. Law Secur. Rev., vol. 46, p. 105722, Sep. 2022, doi: 10.1016/j.clsr.2022.105722.
M. Jansson, J. Liisanantti, T. Ala-Kokko, and J. Reponen, “The negative impact of interface design, customizability, inefficiency, malfunctions, and information retrieval on user experience: A national usability survey of ICU clinical information systems in Finland,” Int. J. Med. Inform., vol. 159, p. 104680, Mar. 2022, doi: 10.1016/j.ijmedinf.2021.104680.
R. Roth, “User Interface and User Experience (UI/UX) Design,” Geogr. Inf. Sci. Technol. Body Knowl., vol. 2017, no. Q2, Apr. 2017, doi: 10.22224/gistbok/2017.2.5.
H. N. Nguyen, G. Lasa, I. Iriarte, A. Atxa, G. Unamuno, and G. Galfarsoro, “Human-centered design for advanced services: A multidimensional design methodology,” Adv. Eng. Informatics, vol. 53, p. 101720, Aug. 2022, doi: 10.1016/j.aei.2022.101720.
R. A. Malik and M. R. Frimadani, “UI/UX Analysis and Design Development of Less-ON Digital Startup Prototype by Using Lean UX,” J. RESTI (Rekayasa Sist. dan Teknol. Informasi), vol. 6, no. 6, pp. 958–965, Dec. 2022, doi: 10.29207/resti.v6i6.4454.
H. Haryanto, U. Rosyidah, A. Kardianawati, E. Z. Astuti, E. Dolphina, and R. Haryanto, “Fuzzy Smart Reward for Serious Game Activity Design,” Sci. J. Informatics, vol. 10, no. 3, pp. 271–286, Jul. 2023, doi: 10.15294/sji.v10i3.44051.
D. Pal and V. Vanijja, “Perceived usability evaluation of Microsoft Teams as an online learning platform during COVID-19 using system usability scale and technology acceptance model in India,” Child. Youth Serv. Rev., vol. 119, p. 105535, Dec. 2020, doi: 10.1016/j.childyouth.2020.105535.
J. Baumgartner, N. Ruettgers, A. Hasler, A. Sonderegger, and J. Sauer, “Questionnaire experience and the hybrid System Usability Scale: Using a novel concept to evaluate a new instrument,” Int. J. Hum. Comput. Stud., vol. 147, p. 102575, Mar. 2021, doi: 10.1016/j.ijhcs.2020.102575.
M. D. Alfaridzi and L. P. Yulianti, “UI-UX Design and Analysis of Local Medicine and Medication Mobile-based Apps using Task-Centered Design Process,” in 2020 International Conference on Information Technology Systems and Innovation (ICITSI), IEEE, Oct. 2020, pp. 443–450. doi: 10.1109/ICITSI50517.2020.9264947.
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.
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.
L. Odushegun, “Aesthetic semantics: Affect rating of atomic visual web aesthetics for use in affective user experience design,” Int. J. Hum. Comput. Stud., vol. 171, p. 102978, Mar. 2023, doi: 10.1016/j.ijhcs.2022.102978.
Refbacks
- There are currently no refbacks.
Scientific Journal of Informatics (SJI)
p-ISSN 2407-7658 | e-ISSN 2460-0040
Published By Department of Computer Science Universitas Negeri Semarang
Website: https://journal.unnes.ac.id/nju/index.php/sji
Email: [email protected]
This work is licensed under a Creative Commons Attribution 4.0 International License.