UI/UX Design of an Application Using a UCD Approach for a TPQ Monitoring System). The process of monitoring activities at the Al-Qur’an Education Center (TPQ) is still conducted manually through the recording of student attendance, recitation, and memorization, resulting in unstructured data that is difficult to analyze and increases the administrative burden on teachers. These issues highlight the need for a user interface and user experience (UI/UX) design capable of supporting the monitoring process more effectively and with greater ease of use. This study aims to design a TPQ monitoring system application UI/UX that is oriented toward user needs and characteristics. The research method employs a UCD approach integrated with the design thinking framework to strengthen the design process, encompassing the empathize, define, ideate, prototype, and test stages. Data collection was conducted through interviews, observations, and documentation to identify user needs as well as the challenges faced by TPQ administrators and tutors. The results of the needs analysis were used as the basis for designing a wireframe and prototype for a TPQ monitoring application interface that is simple, intuitive, and contextual. Design evaluation was conducted through usability testing using the System Usability Scale (SUS) method, involving users as respondents. The test results showed an average SUS score of 87.5, which falls into the Acceptable Excellent category, indicating that the resulting UI/UX design has an excellent level of usability. This study offers a novel approach by integrating the UCD approach with design thinking methods in UI/UX design, thereby ensuring that the design facilitates users’ ability to monitor TPQ activities and operations digitally.
Copyrights © 2026