Evaluasi dan perancangan ulang antarmuka dengan pendekatan Human-Centered Design (HCD): studi kasus web app SETIA UIN Malang

INDONESIA:

Web App SETIA UIN Malang merupakan sistem informasi akademik yang dimanfaatkan untuk mendukung berbagai layanan administrasi mahasiswa, termasuk pengelolaan Praktik Kerja Lapangan (PKL). Namun, modul PKL pada sistem tersebut masih menghadapi kendala usability yang memengaruhi kemudahan dan efektivitas pengguna dalam berinteraksi dengan sistem. Kondisi ini menunjukkan perlunya evaluasi dan pengembangan antarmuka guna meningkatkan kualitas user experience. Penelitian ini dilakukan untuk mengevaluasi tingkat usability serta merancang ulang antarmuka modul PKL pada Web App SETIA menggunakan pendekatan Human-Centered Design (HCD). Penerapan HCD dilakukan melalui tahapan Understand and Specify the Context of Use, Specify the User Requirements, Produce Design Solutions, dan Evaluate the Design. Evaluasi dilakukan menggunakan System Usability Scale (SUS) dan User Experience Questionnaire (UEQ). Hasil evaluasi awal menunjukkan skor SUS sebesar 30,2 yang termasuk dalam kategori poor. Setelah dilakukan perancangan ulang, skor SUS meningkat menjadi 83,0 dan berada pada kategori good. Selain itu, hasil UEQ menunjukkan nilai positif pada seluruh aspek user experience yang mencakup Attractiveness, Perspicuity, Efficiency, Dependability, Stimulation, dan Novelty. Hasil penelitian menunjukkan bahwa penerapan HCD menghasilkan rancangan antarmuka yang lebih selaras dengan kebutuhan pengguna sehingga mampu meningkatkan usability dan user experience pada modul PKL Web App SETIA.

ENGLISH:

The SETIA Web App of UIN Maulana Malik Ibrahim Malang serves as an academic information system that supports various student administrative services, including the management of Field Work Practice (PKL). However, the PKL module has usability issues that affect users’ ease and effectiveness in interacting with the system. This condition indicates the need for interface evaluation and redesign to improve the user experience. Therefore, the research aims to evaluate the usability of the PKL module interface in the SETIA Web App and redesign it using a Human-Centered Design (HCD) approach. The researcher implemented HCD through four stages: Understand and Specify the Context of Use, Specify the User Requirements, Produce Design Solutions, and Evaluate the Design. She evaluated the interface using the System Usability Scale (SUS) and the User Experience Questionnaire (UEQ). The initial evaluation yielded an SUS score of 30.2, which fell into the poor category. After the redesign, the SUS score increased significantly to 83.0, placing it in the good category. Furthermore, the UEQ results indicated positive scores across all user experience dimensions, including Attractiveness, Perspicuity, Efficiency, Dependability, Stimulation, and Novelty. The research results demonstrate that the HCD implementation produced an interface design that aligns more closely with user needs and, consequently, improves both the usability and user experience of the PKL module in the SETIA Web App.

ARABIC:

تُعتبر تطبيق الويب SETIA للجامعة الإسلامية الحكومية مالانج نظام معلومات أكاديمي يُستفيد منه لدعم مختلف خدمات إدارة شؤون الطلاب، بما في ذلك إدارة التطبيق العملي الميداني (PKL). ومع ذلك، فإن وحدة PKL في هذا النظام لا تزال تواجه مشاكل في قابلية الاستخدام تؤثر على سهولة وفاعلية تفاعل المستخدمين مع النظام. أدت هذه الحالة على الحاجة إلى تقييم وتطوير واجهة المستخدم لتحسين جودة تجربة المستخدم. تم إجراء هذا البحث لتقييم مستوى قابلية الاستخدام وإعادة تصميم واجهة وحدة PKL في تطبيق الويب SETIA باستخدام مدخل التصميم المرتكز على الإنسان (HCD). تم تطبيق HCD من خلال مراحل فهم وتحديد سياق الاستخدام، وتحديد متطلبات المستخدم، وإنتاج حلول تصميمية، وتقييم التصميم. كما تم إجراء التقييم باستخدام مقياس قابلية استخدام النظام (SUS) واستبانة تجربة المستخدم (UEQ). أظهرت نتائج التقييم الأولي أن درجة SUS كانت 30.2 والتي تُصنَّف ضمن فئة ضعيفة. بعد إعادة التصميم، ارتفعت درجة SUS إلى 83.0 وأصبحت ضمن فئة جيدة. بالإضافة إلى ذلك، أظهرت نتائج UEQ قيمًا إيجابية في جميع جوانب تجربة المستخدم التي تشمل الجاذبية والوضوح والكفاءة والموثوقية والتحفيز والحداثة. أشارت نتائج البحث إلى أن تطبيق HCD أدى إلى تصميم واجهة أكثر توافقًا مع احتياجات المستخدمين، مما ساهم في تحسين سهولة الاستخدام وتجربة المستخدم في وحدة تطبيق الويب SETIA للتطبيق العملي الميداني.