Desain dan Evaluasi Antarmuka dan Pengalaman Pengguna Aplikasi Web Responsif myITS Lost&Found Menggunakan Metodologi User-Centered Design

Davita, Monica Narda (2024) Desain dan Evaluasi Antarmuka dan Pengalaman Pengguna Aplikasi Web Responsif myITS Lost&Found Menggunakan Metodologi User-Centered Design. Other thesis, Institut Teknologi Sepuluh Nopember.

Text 5025201009-Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only until 1 October 2026. Download (18MB) | Request a copy

Abstract

Hingga saat ini, pelaporan kehilangan dan penemuan barang di ITS masih dilakukan dengan cara manual. Tidak adanya wadah atau forum civitas academica dan stakeholder untuk menginformasikan barang yang hilang melalui platform digital juga menjadi salah satu masalah bagi kasus pelaporan dan penemuan barang yang hilang di ITS. Beragamnya jenis kehilangan barang di ITS dengan urgensi tinggi seperti sepeda motor, sepeda angin, barang-barang elektronik, surat-surat, dan tanda pengenal menyebabkan metode manual pelaporan dan penemuan barang yang hilang di ITS perlu mengalami perbaikan agar penanganannya dapat dilakukan dengan lebih cepat, terintegrasi, dan sistematis. Oleh sebab itu, myITS Lost&Found dikembangkan sebagai platform digital berbasis web yang dapat diakses secara real-time oleh admin dan pengguna dalam menangani kasus pelaporan kehilangan dan penemuan barang di lingkungan kampus ITS. Oleh karena beragamnya jenis pengguna, penulis akan menggunakan metodologi User-Centered Design (UCD) dalam melakukan riset pengalaman pengguna agar antarmuka yang akan dikembangkan dapat digunakan secara tepat dan maksimal oleh berbagai kalangan. Dalam pengembangan sisi client, aplikasi web myITS Lost&Found menggunakan library ReactJS dengan NextJS dan TailwindCSS sebagai kerangka kerjanya.
Penerapan prinsip User-Centered Design pada pengembangan antarmuka pengguna aplikasi myITS Lost&Found dimulai dengan memahami kebutuhan pengguna melalui affinity mapping yang menghasilkan WAAD, persona pengguna, daftar kebutuhan, dan proses bisnis. Proses ini melibatkan pembuatan low-fidelity dan high-fidelity design, yang dievaluasi dengan metode sumatif dan formatif dalam dua iterasi. Evaluasi heuristik dilakukan oleh pakar setelah perbaikan berdasarkan hasil iterasi kedua. Implementasi web responsif menggunakan HTML, CSS, ReactJS, TailwindCSS, dan NextJS. Pada iterasi pertama, nilai SEQ pengguna umum untuk tampilan mobile adalah 3,4–5,6 dengan SUS 79, dan untuk tampilan desktop nilai SEQ 4,2–5,6 dengan SUS 78,5. Pada iterasi kedua, nilai SEQ untuk tampilan mobile adalah 4,71–6 dengan SUS 88,21, dan untuk tampilan desktop nilai SEQ 4,43–6 dengan SUS 88,21. Evaluasi iterasi pertama untuk admin menunjukkan nilai SEQ 4,5–5,5 dengan SUS 72,5 untuk tampilan mobile dan SEQ yang sama untuk tampilan desktop dengan SUS 73,75. Pada iterasi kedua, nilai SEQ admin untuk tampilan mobile adalah 4,5–5,75 dengan SUS 74,38, dan untuk tampilan desktop nilai SEQ 5–5,75 dengan SUS 75,62. Hasil evaluasi menunjukkan peningkatan skor SEQ dan SUS pada tampilan mobile dan desktop, terutama bagi pengguna umum.
============================================================
To date, the lost and found reporting process in ITS remains a manual endeavor. Within this system, a notable deficiency arises from a lack of a digital platform or forum for the academic community and stakeholders to submit reports of lost items. The range of losses includes motorcycles, bicycles, electronic devices, documents, and identity cards. This manual approach necessitates enhancement to address lost and found cases at ITS more comprehensively, systematically, and promptly. Implementing myITS Lost&Found as a web-based digital platform is imperative in response to this challenge. This platform aims to facilitate real-time access for administrators and the public, offering an efficient solution for managing lost and found reporting cases within the ITS campus area. Recognizing the varied user base, the User-Centered Design (UCD) methodology will be employed for user experience research, ensuring that the interface caters to the needs of diverse user groups. In developing the client-side web application myITS Lost&Found, the ReactJS library takes center stage, complemented by NextJS and TailwindCSS frameworks. This strategic technological choice is geared towards creating a robust and user-friendly interface, aligning with the overarching goal of improving the overall lost and found reporting system at ITS.
The implementation of User-Centered Design principles in the development of the myITS Lost&Found application interface began with understanding user needs through affinity mapping, resulting in a Work Activity Affinity diagram (WAAD), user personas, a list of requirements, and business processes. This process involved creating low-fidelity and high-fidelity designs, which were evaluated using summative and formative methods over two iterations. Heuristic evaluations were conducted by experts following improvements based on the second iteration's results. The responsive web implementation utilized HTML, CSS, ReactJS, TailwindCSS, and the NextJS framework. In the first iteration, the SEQ scores for general users on mobile ranged from 3.4 to 5.6 with a SUS score of 79, and for the desktop, SEQ scores ranged from 4.2 to 5.6 with a SUS score of 78.5. In the second iteration, the SEQ scores for mobile were 4.71 to 6 with a SUS score of 88.21, and for the desktop, SEQ scores ranged from 4.43 to 6 with a SUS score of 88.21. The first iteration evaluation for the admin showed SEQ scores of 4.5 to 5.5 with a SUS score of 72.5 for mobile, and the same SEQ scores for the desktop with a SUS score of 73.75. In the second iteration, the SEQ scores for the admin on mobile were 4.5 to 5.75 with a SUS score of 74.38, and for the desktop, SEQ scores ranged from 5 to 5.75 with a SUS score of 75.62. The evaluation results indicated an increase in SEQ and SUS scores for both mobile and desktop interfaces, especially for general users.

Item Type:	Thesis (Other)
Uncontrolled Keywords:	User-Centered Design, Website, UI/UX, Lost and Found, ReactJS
Subjects:	T Technology > T Technology (General) > T58.5 Information technology. IT--Auditing T Technology > T Technology (General) > T59.7 Human-machine systems.
Divisions:	Faculty of Information Technology > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User:	Monica Narda Davita
Date Deposited:	25 Jul 2024 07:27
Last Modified:	25 Jul 2024 07:27
URI:	http://repository.its.ac.id/id/eprint/109032

Actions (login required)

View Item