Penelitian ini dipicu oleh minimnya penelitian yang berkaitan dengan desain antarmuka aplikasi e-learning environment yang sesuai dengan kebutuhan siswa SMA jurusan IPA dan IPS. Penelitian ini bertujuan mengidentifikasi, menganalisis, dan mengimplementasikan fitur-fitur yang dibutuhkan oleh siswa SMA dalam proses e-learning. Metode yang digunakan adalah User Centered Design untuk memastikan desain yang dihasilkan menjawab kebutuhan pengguna. Pengumpulan kebutuhan dilakukan dengan mewawancarai 15 pelajar SMA jurusan IPA dan IPS. Hasil analisis kebutuhan menjadi dasar dari dirancangnya low fidelity prototype dan high fidelity prototype berupa clickable mockup dengan mengacu pada teori Shneiderman’s Eight Golden Rules of Interface Design, active learning, dan perkembangan kognitif oleh Piaget. Low fidelity prototype bertujuan untuk memberikan gambaran tata letak pada desain yang dirancang. Kemudian, high fidelity prototype bertujuan untuk memberikan gambaran yang utuh terkait desain antarmuka yang dirancang. High fidelity prototype ini dievaluasi melalui usability testing dan kuesioner System Usability Scale. Penelitian ini menyimpulkan bahwa hampir keseluruhan fitur yang diajukan memiliki completion rate dan error-free rate sebesar 100%, yang menunjukkan bahwa pengguna dapat menyelesaikan task tanpa adanya kesulitan yang berarti. Namun, terdapat dua fitur yang memiliki tingkat error-free rate yang rendah, yaitu fitur “Dashboard” dan fitur “Materi Pembelajaran”, masing-masing sebesar 63.64% dan 72.73%, yang kemungkinan dipicu oleh bagian progres pembelajaran yang kurang ditekankan pada halaman “Dashboard” dan keberadaan checkbox yang mendistraksi pada halaman “Mata Pelajaran”. Penelitian ini mengajukan high fidelity prototype dan rekomendasi perbaikan yang didasarkan pada umpan balik yang bermakna selama proses evaluasi dijadikan acuan untuk melakukan pengembangan pada desain antarmuka e-learning environment.

---

This research is driven by the lack of research related to the interface design of the e-learning environment application that suits the needs of high school students majoring in science and social studies. This research aims to identify, analyze, and implement the features needed by the high school students during online learning. We apply the User Centered Design (UCD) method to ensure the results meet the user needs. We interviewed 15 high school students majoring in science and social studies to gather the requirements needed. The results became the basis for designing a low fidelity prototype and a high fidelity prototype in the form of a clickable mockup while still referring to the theory of Shneiderman's Eight Golden Rules of Interface Design, active learning, and cognitive development by Piaget. Low fidelity prototype aims to provide an overview of the layout of the design. Then, the high fidelity prototype aims to provide a complete picture regarding the interface design. We evaluated the high fidelity prototype through usability testing and the System Usability Scale (SUS) questionnaire. This study concludes that almost all of the proposed features have a completion rate and error-free rate of 100%, which indicates that users can complete tasks without any significant difficulties. However, there are two features that have a low error-free rate, namely the "Dashboard" and the "Learning Material", respectively 63.64% and 72.73%, which are likely triggered by the less emphasized learning progress section on the “Dashboard” page and the existence of distracting checkboxes on the “Learning Material” page. This study proposes a high fidelity prototype and recommendations based on meaningful feedback during the evaluation as a reference for designing the interface of an e-learning environment.