Claim Missing Document
Check
Articles

Found 13 Documents
Search

Perancangan UI/UX Mobile Website UD Warna Warni Kimia Menggunakan Metode User Centered Design Anshori, Ridwan; Junaedi, Lukman; Latipah, Latipah; Widodo, Agung
Journal Computer Science and Information Systems : J-Cosys Vol 5, No 2 (2025): September
Publisher : Universitas Dharma Wacana

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.53514/jco.v5i2.655

Abstract

Dalam era digital, keberadaan website yang informatif dan mudah digunakan sangat penting untuk menunjang pemasaran produk. Namun, saat ini usaha tersebut belum memiliki media digital yang optimal. Penelitian ini bertujuan untuk merancang antarmuka pengguna (UI) dan pengalaman pengguna (UX) pada website UD Warna Warni Kimia menggunakan pendekatan User-Centered Design (UCD). Proses UCD dilakukan dalam empat tahapan, yaitu memahami konteks penggunaan, menentukan kebutuhan pengguna, merancang solusi desain, dan mengevaluasi desain. Evaluasi desain dilakukan melalui usability testing, think aloud protocol (TAP), dan System Usability Scale (SUS). Usability testing dilakukan untuk mengukur lima aspek utama kegunaan: learnability, efficiency, memorability, error rate, dan user satisfaction, dengan skenario tugas yang merepresentasikan kebutuhan pengguna nyata. Selama pengujian berlangsung, partisipan diminta menjalankan TAP dengan mengungkapkan pikiran dan perasaan mereka secara verbal saat menggunakan prototipe, sehingga memberikan wawasan kualitatif terkait hambatan dan kenyamanan dalam interaksi antarmuka. Hasil pengujian awal menunjukkan bahwa prototipe belum sepenuhnya memenuhi ekspektasi pengguna, terutama pada aspek efisiensi dan kesalahan penggunaan. Setelah dilakukan perbaikan desain berdasarkan hasil evaluasi tersebut, pengujian ulang menunjukkan peningkatan signifikan. Serta adanya perbaikan nyata dalam kemudahan penggunaan dan kenyamanan pengguna. Penelitian ini membuktikan bahwa penerapan metode UCD, yang didukung dengan evaluasi usability testing dan TAP, secara efektif dapat meningkatkan kualitas desain website agar lebih sesuai dengan kebutuhan pengguna.
Pengembangan UI/UX Pemesanan Servis AC Berbasis Web Studi Kasus di Maulana Teknik Solution Prakoso, Bagus Ridho; Junaedi, Lukman; Zakki, Achmad; Damastuti, Natalia
Journal Computer Science and Information Systems : J-Cosys Vol 5, No 2 (2025): September
Publisher : Universitas Dharma Wacana

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.53514/jco.v5i2.653

Abstract

Transformasi digital menjadi kebutuhan utama bagi usaha kecil dan menengah (UKM) dalam meningkatkan efisiensi dan daya saing bisnis. Penelitian ini bertujuan untuk mengembangkan antarmuka pengguna (UI) dan pengalaman pengguna (UX) pada website Maulana Teknik Solution, sebuah layanan jasa servis AC, menggunakan pendekatan Lean UX. Metodologi Lean UX dipilih karena mengutamakan iterasi cepat, validasi langsung dari pengguna, dan kolaborasi tim. Penelitian dilakukan melalui tahapan Declare Assumption, Create an MVP, Run an Experiment, serta Feedback and Research. Prototipe dikembangkan dalam bentuk low-fidelity dan high-fidelity menggunakan Figma, dan diuji menggunakan metode usability testing dengan pendekatan SEQ (Single Ease Question) dan SUS (System Usability Scale). Hasil pengujian menunjukkan bahwa sebagian besar pengguna merasa sangat mudah dalam menggunakan sistem (rata-rata skor SEQ mendekati 7), serta mendapatkan nilai SUS sebesar 83 yang termasuk dalam kategori “Excellent”. Kesimpulan dari penelitian ini menunjukkan bahwa pengembangan UI/UX berbasis Lean UX efektif dalam meningkatkan kemudahan penggunaan dan kepuasan pengguna, serta menjadi solusi digital yang potensial bagi pertumbuhan layanan servis AC. 
THE DESIGN AND EFFICACY OF INTERACTIVE DIGITAL SIMULATIONS FOR PRESCHOOL COGNITIVE DEVELOPMENT: INTEGRATING PIAGET’S PREOPERATIONAL THEORY AND MAYER’S MULTIMEDIA PRINCIPLES Junaedi, Lukman; Arif, Muchamad; Virdaus, Varia Virdania; Rofiyarti, Fitri; Faviandhani, Qausya
MOTORIC Vol 9 No 2 (2025): Volume 9 No 2 Desember 2025
Publisher : Universitas Narotama

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstract

Early Childhood Education (ECE) plays a critical role in shaping foundational cognitive skills, particularly during the preoperational stage (ages 2–7 years) as theorized by Jean Piaget. Children in this phase learn optimally through active, symbolic manipulation and play. However, the global shift towards digital learning necessitates a robust instructional design framework to overcome the limitations of passive media and mitigate the risks of cognitive overload often associated with poorly structured digital content. This study addresses the urgent need for empirically validated, theory-driven digital learning tools for ECE by systematically integrating Piaget’s developmental rationale with Richard E. Mayer’s Cognitive Theory of Multimedia Learning (CTML). The research employed a systematic Research and Development (R&D) approach using the five-phase ADDIE model (Analysis, Design, Development, Implementation, Evaluation). The analysis phase defined specific cognitive targets (e.g., shape, number, and color recognition) suitable for preoperational learners. The design and development phases strictly implemented key CTML principles, such as the Coherence Principle (eliminating extraneous materials like non-essential background music) and the Modality Principle (using audio narration instead of on-screen text to prevent dual-channel overload), thereby optimizing cognitive processing efficiency for young learners. The intervention—an interactive digital simulation designed around these principles—was implemented with a sample of ECE children in Indonesia. The efficacy of the intervention was evaluated using a pre-test post-test quasi-experimental design. The results demonstrated a statistically significant improvement in the cognitive performance of the treatment group (p < 0.05). Specifically, children exposed to the CTML-designed simulation showed an average cognitive gain of 25% to 30% in targeted skills (classification, counting, and problem-solving) compared to their baseline scores. This substantial gain validates the combined theoretical approach. The study concludes that the effectiveness of digital media in ECE is not inherent to the technology itself but is directly proportional to the rigor of the instructional design, confirming that minimizing extraneous cognitive load through Mayer's principles enables more efficient assimilation and accommodation of new knowledge, aligning perfectly with Piagetian demands for active learning. Future research should explore the long-term retention effects and integrate more immersive technologies like Augmented Reality (AR).10Keywords: Interactive Digital Learning; Cognitive Development; Piaget's Preoperational Stage; Multimedia Learning Principles. Keywords: Interactive Digital Learning; Cognitive Development; Piaget's Preoperational Stage; Multimedia Learning Principles