Jusikom: Jurnal Sistem Informasi dan Ilmu Komputer Prima Vol.
No.
August 2025 E-ISSN:280-2879 Desain Front End Aplikasi E-Laundry Sepatu FindMe Shoes and Care Dengan Metode User Centered Design Subhan Algifaria.
Bayu Priyatnaa.
Agustia Hanantoa aUniversitas Buana Perjuangan Karawang email: si21.
subhanalgifari@mhs.
ABSTRACT
The e-laundry application is a technological innovation that allows customers to use laundry services through online transactions.
Through the use of User-Centered Design (UCD), the research focused on the best user experience (UX) and interface (UI) of the FindMe Shoes and Care application.
The UCD approach focuses on users throughout the analysis process, starting with needs analysis, prototyping using Figma, and ending with the creation of a user application using Flutter.
To evaluate the usability aspect, testing was conducted using the System Usability Scale (SUS) method on 15 respondents who were potential application users.
The evaluation results showed an average score of 80.
2, which is categorized as "good," reflecting that this application has met the principles of ease of use, efficiency, and user satisfaction.
This research contributes to the development of mobile-based e-service applications with optimal user experience, especially in the context of shoe washing services that emphasize speed, accuracy, and ease of access.
In addition, the implementation of UCD has proven effective in creating digital solutions that are responsive to end-user needs.
Keywords:
e-laundry.
User Centered Design (UCD).
Flutter, pengalaman pengguna, antarmuka pengguna.
System Usability Scale (SUS), usability, aplikasi mobile.
FindMe Shoes and Care, layanan pencucian sepatu Abstrak Aplikasi e-laundry merupakan inovasi teknologi yang memungkinkan pelanggan menggunakan jasa laundry melalui transaksi online.
Melalui penggunaan User Centered Design (UCD), penelitian difokuskan pada pengalaman pengguna (UX) dan antarmuka (UI) terbaik dari aplikasi FindMe Shoes and Care.
Pendekatan UCD difokuskan pada pengguna selama proses analisis, dimulai dengan analisis kebutuhan, pembuatan prototipe menggunakan Figma, dan diakhiri dengan pembuatan aplikasi pengguna menggunakan Flutter.
Untuk mengevaluasi aspek usability, dilakukan pengujian menggunakan metode System Usability Scale (SUS) terhadap 15 responden yang merupakan calon pengguna aplikasi.
Hasil evaluasi menunjukkan skor rata-rata sebesar 80,2 yang dikategorikan dalam tingkat "baik" .
, mencerminkan bahwa aplikasi ini telah memenuhi prinsipprinsip kemudahan penggunaan, efisiensi, dan kepuasan pengguna.
Penelitian ini berkontribusi pada pengembangan aplikasi e-service berbasis seluler dengan pengalaman pengguna .
ser experienc.
yang optimal, terutama dalam konteks layanan pencucian sepatu yang menekankan kecepatan, ketepatan, dan kemudahan akses.
Selain itu, penerapan UCD terbukti efektif dalam menciptakan solusi digital yang responsif terhadap kebutuhan pengguna akhir.
Jusikom: Jurnal Sistem Informasi dan Ilmu Komputer Prima Vol.
No.
August 2025 E-ISSN:280-2879 Kata Kunci:
e-laundry.
User Centered Design (UCD).
Flutter, pengalaman pengguna, antarmuka pengguna.
System Usability Scale (SUS), usability, aplikasi mobile.
FindMe Shoes and Care, layanan pencucian sepatu
INTRODUCTION
Perkembangan teknologi informasi yang semakin pesat telah memengaruhi berbagai aspek, kehidupan, termasuk dalam sektor industri jasa.
Salah satu inovasi yang muncul adalah layanan e-laundry, yang memungkinkan pengguna melakukan transaksi laundri secara daring melalui aplikasi mobile.
Inovasi ini menawarkan kemudahan akses, efisiensi waktu, serta kenyamanan bagi pelanggan.
Namun demikian, tidak semua layanan e-laundry berhasil memberikan pengalaman pengguna yang optimal (Berkala, 2.
(Hari Utami, 2.
Front end adalah segala sesuatu yang terkait dengan pengguna dan sistem backend.
Secara umum, antarmuka pengguna di mana pengguna berinteraksi dengan sistem.
Bahasa pemrograman yang umum digunakan dalam pengembangan front end adalah HTML.
Pengembangan antarmuka pengguna .
ront en.
dalam aplikasi digital menjadi salah satu aspek penting dalam memastikan interaksi yang baik antara pengguna dan sistem.
Front end adalah bagian visual dan fungsional dari interaksi pengguna dan biasanya dibuat menggunakan HTML.
CSS.
JavaScript, dan kerangka kerja baru seperti Flutter (Santoso et al.
, 2.
(Voutama & Novalia, 2.
UI dan UX berdiri untuk antarmuka pengguna dan pengalaman pengguna.
Ini adalah pengalaman pengguna yang merupakan tampilan visual dari aplikasi digital atau alat pemasaran dalam bentuk situs web atau aplikasi seluler.
Dalam kebanyakan kasus, pengalaman pengguna (UX) adalah keseluruhan proses pengguna dengan produk atau service dan reaksinya terhadapnya.
Antarmuka pengguna (UI) adalah program dan bagaimana pengguna berinteraksi (Wiwesa, 2.
(Huda & Priyatna, 2.
UCD merupakan pendekatan yang mengutamakan kepentingan dan kebutuhan pengguna.
UCD memiliki konsep menempatkan pengguna sebagai pusat pengembangan atau pembangunan suatu sistem, serta bertujuan atau berfungsinya suatu kondisi, dan lingkungan (Rahman et al.
, 2.
(Widiatry & Stevani, 2.
Pesatnya perkembangan teknologi membuat penyelenggaraan jasa berubah secara besar-besaran.
FindMe Shoes and Care merupakan e-laundry sepatu yang berusaha menjawab kebutuhan konsumen masa kini yang lebih menuntut kemudahan akses dan kenyamanan.
Persaingan bisnis yang ekstrim menuntut taktik yang inovatif, salah satunya adalah pengembangan aplikasi mobile front end, dan FindMe Shoes and Care adalah jenis bisnis di sektor jasa laundry sepatu yang dihadapkan pada permasalahan yang sama dengan semakin ketatnya persaingan bisnis.
Permasalahan utama dalam pengembangan aplikasi e-laundry umumnya terletak pada kurangnya fokus terhadap kebutuhan dan preferensi pengguna.
Padahal, keberhasilan aplikasi digital sangat ditentukan oleh kualitas antarmuka pengguna .
ser experience.
Oleh karena itu, dibutuhkan pendekatan desain yang benar-benar berpusat pada pengguna (Hananto et al.
, 2.
Solusi yang ditawarkan dalam penelitian ini adalah pengembangan front end aplikasi e-laundry khusus layanan pencucian sepatu bernama Findme Shoes and Care, dengan menggunakan pendekatan User Centered Design (UCD).
Metode UCD menempatkan pengguna sebagai pusat dalam seluruh tahapan desain dan pengembangan Jusikom: Jurnal Sistem Informasi dan Ilmu Komputer Prima Vol.
No.
August 2025 E-ISSN:280-2879 aplikasi, mulai dari identifikasi kebutuhan, pembuatan prototipe menggunakan figma, implementasi dengan flutter, hingga evaluasi usability menggunakan metode System Usability S (Priyatna et al.
, 2.
UI/UX sukses adalah rahasia untuk menjamin aplikasi front end diterima oleh pengguna.
Pendekatan User Centered Design (UCD) menjadi metode utama dalam pengembangan aplikasi front end, menempatkan pengguna sebagai pusat perhatian dalam semua fase desain dan pengembangan aplikasi front end.
Dalam hal ini, penelitian berusaha merancang aplikasi front end e-laundry sepatu untuk FindMe Shoes and Care menggunakan pendekatan User Centered Design.
Hasil yang diperoleh menunjukkan bahwa skor usability rata-rata aplikasi adalah 80,2, yang dikategorikan dalam tingkat AubaikAy berdasarkan skala SUS.
Hal ini menunjukkan bahwa pendekatan UCD mampu menghasilkan antarmuka yang tidak hanya estetis, namun juga fungsional dan sesuai dengan harapan pengguna, dengan demikian, penelitian ini memberikan kontribusi nyata dalam pengembangan aplikasi e-service berbasis seluler yang responsif terhadap kebutuhan pengguna akhir, khususnya dalam konteks layanan pencucian sepatu yang menuntut ketepatan, kecepatan, dan kemudahan akses.
(Tukino & Huda, 2.
(Hilabi & .
, 2.
Flutter yang ditulis dalam bahasan program Dart adalah open-source mobile application development software development kit (SDK).
Bisa untuk membuat aplikasi Android dan iOS.
Flutter memberikan serangkaian widget yang dapat disesuaikan memungkinkan pembuatan interface native, seperti widget Material Design yang indah dan widgets Cupertino.
Ini memungkinkan pembuatan UI yang cepat tanpa kehilangan state antara emulator, simulator, atau hardware untuk sistem operasi Android dan iOS (Nelly Sofi & Riza Dharmawan, 2.
(Delta Maharani et al.
, 2.
SUS yaitu cara pengujian pengguna yang menawarkan instrumen alat ukur yang cepat dan mudah.
Skala Kegunaan Sistem (SUS) yang dikembangkan oleh Brooke .
digunakan untuk penilaian sistem.
SUS
merupakan instrumen pengukuran kuantitatif yang cepat dan ringan, namun sudah terbukti dapat diandalkan untuk mengukur sistem dan aplikasi jenis apa pun (Sembodo et al.
, 2.
METHODS
Dalam beberapa kasus.
UCD adalah human-centered design, dan ini merupakan desain interface berfokus pada fitur pengguna, lingkungan, tugas, dan prosedur saat membangunnya (Rahman et al.
, 2.
(Lia Hananto et al.
Gambar 1.
Metode User Centered Design Jusikom: Jurnal Sistem Informasi dan Ilmu Komputer Prima Vol.
No.
August 2025 E-ISSN:280-2879 Pada penelitian ini menggunakan pendekatan User Cntered Design (UCD), yaitu metode desain yang menempatkan pengguna sebagai pusat dari seluruh proses perancangan dan pengembangan sistem.
Penelitian ini menggunakan model User Centered Design dengan tahapan yang disajikan dalam flowmap sebagai berikut:
Flowmap Alur Penelitian Flowmap alur penelitian diatas menggambarkan siklus hidup penelitian desain front end aplikasi FindMe Shoes and Care menggunakan metode User Centered Design.
Setiap tahap saling berkaitan dan bertujuan guna memastikan bahwa desain yang dihasilkan memenuhi kebutuhan pengguna.
berikut ini adalah penjelasan dari Flowmap diatas:
Memahami Konteks Pengguna: Observasi dan wawancara calon pengguna .
elanggan laundry sepat.
untuk memahami kebutuhan utama.
Perancangan Solusi Berdasarkan hasil analisis kebutuhan, dilakukan perancangan prototipe antarmuka menggunakan figma.
Desain difokuskan pada empat halaman utama aplikasi:
Login Page Home Page Checkout Page Profile Page Prinsip UI/UX diterapkan secara menyeluruh, mencakup konsistensi visual, kemudahan navigasi, keterbacaan, dan responsivitas desain.
Implementasi Desain: implementasi menggunakan flutter dan dart pada visual code studio.
Implementasi prototipe kedalam bentuk aplikasi dilakukan menggunakan Flutter dengan Bahasa pemrograman dart dan editor visual code studio.
Evaluasi Usability: Pengujian usability dengan 15 responden pengguna potensial.
Jusikom: Jurnal Sistem Informasi dan Ilmu Komputer Prima Vol.
No.
August 2025 E-ISSN:280-2879 Evaluasi usability dilakukan menggunakan metode System Usability Scale (SUS) terhadap 15 responden yang sebelumnya diwawancarai.
Instrumen SUS terdiri dari 10 pernyataan dengan skala Likert 1Ae5 Kesimpulan: Hasil akhir proses kemudian menyimpulkan hasil penelitian RESULTS Analisis Kebutuhan Kebutuhan pengguna di analisis melalui pengamatan juga tanya jawab semi-terstruktur terhadap 15 calon pengguna aplikasi, yaitu pelanggan aktif layanan laundry sepatu di kota Karawang.
Pertanyaan wawancara difokuskan pada frekuensi penggunaan layanan, kendala utama yang dihadapi, fitur yang diinginkan dalam aplikasi, dan kesiapan menggunakan aplikasi digital.
Table 1.
Pertanyaan Wawancara No.
Seberapa sering Anda menggunakan jasa laundry sepatu? Apa alasan utama Anda memilih menggunakan jasa laundry sepatu? Apa kendala yang sering Anda alami saat menggunakan layanan laundry sepatu? Apakah Anda pernah merasa tidak puas dengan layanan laundry sepatu? Mengapa? Bagaimana biasanya Anda mengetahui atau memilih tempat laundry sepatu? Fitur apa saja yang Anda harapkan ada dalam aplikasi laundry sepatu? Apakah Anda bersedia menggunakan aplikasi digital untuk memesan laundry sepatu? Mengapa? Pertanyaan Perancangan Prototipe Berdasarkan hasil analisis kebutuhan, dibuat desain antarmuka awal menggunakan Figma.
Desain mencakup empat halaman utama: Login Page.
Home Page.
Checkout Page, dan Profile Page.
Prototipe ini kemudian digunakan sebagai dasar pengembangan aplikasi menggunakan Flutter.
Gambar 3.
Prototype Aplikasi FindMe Shoes and Care Jusikom: Jurnal Sistem Informasi dan Ilmu Komputer Prima Vol.
No.
August 2025 E-ISSN:280-2879 Pengembangan front end aplikasi Implementasi desain dilakukan menggunakan framework Flutter dan bahasa pemrograman Dart pada editor Visual Studio Code yang menghasilkan 4 tampilan utama yaitu:
Loginpage Halaman login ini adalah form login sederhana, pada halaman login ini pengguna bisa memasukkan username dan password.
Gambar 4.
Tampilan login .
Homepage Pada tampilan halaman home ini layanan dari laundry sepatu sehingga pengguna bisa melihat layanan dan promo yang tersedia.
Gambar 5.
Tampilan Home Checkoutpage Di tampilan checkout ini agar pengguna bisa memesan layanan dari layanan yang sudah Jusikom: Jurnal Sistem Informasi dan Ilmu Komputer Prima Vol.
No.
August 2025 E-ISSN:280-2879 Gambar 6.
Tampilan Checkout .
Profilepage Kemudian pada halama profile ini pengguna masuk ke pengaturan akun pengguna sehingga pengguna bisa mengganti password, melihat history pesanan layanan, bahkan menghapus akun.
Gambar 7.
Tampilan Profile Pada penelitian ini menggunakan framework flutter dart menggunakan software visual code studio, dari tampilan yang sudah di implementasikan diatas, terdapat elemen elemen visual seperti lingkaran, warna, dan huruf.
Evaluasi Usability Pada 15 responden dalam tahap ini menggunakan metode SUS yang sama pada tahap analisis kebutuhan.
Survei ini berisi sepuluh pertanyaan menggunakan skala 5 poin .
= sangat setuju, 5 = sangat tidak Jusikom: Jurnal Sistem Informasi dan Ilmu Komputer Prima Vol.
No.
August 2025 E-ISSN:280-2879 Table 2.
Pertanyaan Kuisioner SUS Saya berpikir akan menggunakan sistem ini lagi.
Saya merasa sistem ini rumit untuk digunakan.
Saya merasa sistem ini mudah digunakan.
Saya membutuhkan bantuan dari orang lain atau teknisi dalam menggunakan sistem ini.
Saya merasa fitur-fitur sistem ini berjalan dengan semestinya.
Saya merasa ada banyak hal yang tidak konsisten .
idak serasi pada sistem in.
Saya merasa orang lain akan memahami cara menggunakan sistem ini dengan cepat.
Saya merasa sistem ini membingungkan Saya merasa tidak ada hambatan dalam menggunakan sistem ini.
Saya perlu membiasakan diri terlebih dahulu sebelum menggunakan sistem ini.
Table 3.
Rangkuman Hasil Kuisioner SUS
Responden Q1 Q2
R10
R11
R12
R13
R14
R15
Q3 Q4
Jumlah Q6 Q7
Q8 Q9
Q10 Jumlah Skor
SUS
Setelah hasil quisoner diterima oleh semua responden, skor ditambahkan dan rata -rata ditambahkan menggunakan persamaan berikut :
ycuI = Oc ycuI = 1203 = 80,2 Jusikom: Jurnal Sistem Informasi dan Ilmu Komputer Prima Vol.
No.
August 2025 E-ISSN:280-2879 Keterangan :
ycuI = skor rata-rata Oc ycuI = jumlah skor SUS = jumlah responden Skor SUS rata-rata adalah 80,2 berdasarkan pengujian pada 15 responden.
Menurut Sistem Usability Scale (SUS), hasil tes front end FindMe Shoes and Care berada di posisi "baik".
Gambar 8.
Grafik Jawaban Kuisioner SUS
CONCLUSION
Penelitian ini berhasil mengembangkan front end aplikasi FindMe Shoes and Care dengan pendekatan User Centered Design (UCD).
Perancangannya dilakukan melalui empat tahapan utama, diantaranya adalah analisis kebutuhan pengguna, perancangan prototipe menggunakan Figma, implementasi front end menggunakan Flutter, serta evaluasi menggunakan System Usability Scale.
Hasil tes usabilitas memperlihatkan hasil skor rata-rata SUS 80,2 ini termasuk kategori AubaikAy.
Hal ini berarti front end aplikasi diterima dengan baik oleh pengguna dari aspek kemudahan penggunaan, konsistensi fitur, serta kenyamanan dalam hal interaksi.
REFERENCES