Penerapan Multi-Layered Interface dan Progressive Disclosure dalam Perancangan Ulang Desain User Interface Fitur Kontrol IoT pada Chickin App

Charizza Thunjung Sukmana Putra, Divi Galih Prasetyo Putri, S.Kom., M.Kom., Ph.D.

2026 | Tugas Akhir | D4 Teknologi Perangkat Lunak

Chickin App merupakan aplikasi berbasis Internet of Things (IoT) yang digunakan untuk mendukung aktivitas monitoring dan pengelolaan kandang ayam. Namun, berdasarkan hasil evaluasi stakeholder, implementasi antarmuka pada fitur kontrol IoT saat ini masih menunjukkan tingkat learnability dan usability yang rendah, ditandai dengan tingginya beban kognitif, kurangnya informasi monitoring esensial, serta alur navigasi yang kurang intuitif. Oleh karena itu, diperlukan perancangan ulang antarmuka untuk meningkatkan kualitas interaksi pengguna. Penelitian ini bertujuan untuk mengevaluasi perbedaan performa antara desain antarmuka saat ini dan desain antarmuka hasil perancangan ulang berdasarkan indikator learnability, usability, dan efisiensi penyelesaian tugas. Proses redesign dilakukan menggunakan pendekatan multi-layered interface dan progressive disclosure untuk menyederhanakan struktur navigasi dan meningkatkan penyajian informasi monitoring. Penelitian menggunakan metode eksperimen within-subject dengan teknik counterbalancing yang melibatkan 20 partisipan pengguna Chickin App. Pengumpulan data kuantitatif dilakukan menggunakan System Usability Scale (SUS), Raw NASA-TLX, dan task performance, sedangkan data kualitatif diperoleh melalui observasi, metode think-aloud, dan pertanyaan terbuka. Hasil penelitian menunjukkan bahwa redesign antarmuka berhasil meningkatkan performa sistem secara signifikan. Rata-rata skor SUS meningkat dari 26.625 menjadi 82.375, sedangkan rata-rata skor Raw NASA-TLX menurun dari 78.33 menjadi 34.91. Selain itu, rata-rata completion time menurun dari 40.70 detik menjadi 20.85 detik dan rata-rata misclick count menurun dari 2.74 menjadi 0.22. Hasil dari analisis statistik menunjukkan bahwa penerapan multi-layered interface dan progressive disclosure berhasil meningkatkan learnability, usability, dan efisiensi penyelesaian tugas pada fitur kontrol IoT Chickin App secara signifikan.

Chickin App is an Internet of Things (IoT)-based application designed to support poultry farm monitoring and management activities. However, based on stakeholder evaluations, the current user interface implementation of the IoT Control feature exhibits low learnability and usability, as indicated by high cognitive workload, insufficient access to essential monitoring information, and unintuitive navigation flows. Therefore, a user interface redesign is required to improve the quality of user interaction. This study aims to evaluate the performance differences between the existing interface and the redesigned interface in terms of learnability, usability, and task completion efficiency. The redesign process employed multi-layered interface and progressive disclosure approaches to simplify the navigation structure and improve the presentation of monitoring information. The study adopted a within-subject experimental design with a counterbalancing technique involving 20 Chickin App users. Quantitative data were collected using the System Usability Scale (SUS), Raw NASA-TLX, and task performance metrics, while qualitative data were obtained through observation, think-aloud sessions, and open-ended questions. The results indicate that the redesigned interface significantly improved overall system performance. The average SUS score increased from 26.625 to 82.375, while the average Raw NASA-TLX score decreased from 78.33 to 34.91. In addition, the average completion time decreased from 40.70 seconds to 20.85 seconds, and the average misclick count decreased from 2.74 to 0.22. Statistical analysis further confirmed that the implementation of multi-layered interface and progressive disclosure significantly improved learnability, usability, and task completion efficiency of the IoT Control feature in Chickin App.

Kata Kunci : IoT, learnability, multi-layered interface, progressive disclosure, usability