Seminar Inovasi Teknologi Darma Cendika (SINTEK-DC) 2024 Perancangan Desain Web Kantin Universitas Katolik Darma Cendika Dengan Pendekatan User-Centered Design Foris Juniawan Hulu.
Yulia Wahyuningsih.
Teknik Ilmu Informatika.
Universitas Katolik Darma Cendika Jl.
Dr.
Ir.
Soekarno No.
Klampis Ngasem.
Kec.
Sukolilo.
Surabaya.
Jawa Timur 60117 Email: 1foris.
hulu@student.
id, 2yulia@ukdc.
Abstrak Penelitian ini bertujuan untuk merancang ulang situs web kantin Universitas Katolik Darma Cendika dengan pendekatan User-Centered Design (UCD) untuk meningkatkan keterlibatan pengguna, menyederhanakan navigasi, dan memperbaiki estetika visual situs web.
Pendekatan UCD yang digunakan mencakup analisis kebutuhan pengguna, pengembangan prototipe menggunakan Figma, dan iterasi desain berdasarkan umpan balik pengguna.
Metodologi ini memastikan bahwa situs web yang dihasilkan sesuai dengan kebutuhan dan preferensi Hasil penelitian menunjukkan bahwa penerapan UCD dapat meningkatkan kepuasan pengguna sebesar 30%, memperbaiki masalah usability, dan menghasilkan desain responsif dengan informasi yang lengkap dan relevan.
Kata Kunci: User-Centered Design.
Desain Web.
Kantin.
Figma.
Pengalaman Pengguna.
PENDAHULUAN
Perancangan web yang efektif dan user-friendly sangat penting bagi institusi seperti Universitas Katolik Darma Cendika.
Platform web yang mudah diakses dan interaktif diperlukan untuk mendukung operasional dan daya tarik kampus, terutama bagi kantin yang harus memberikan informasi mengenai menu, harga, dan layanan lainnya secara efisien dan menarik .
Pendekatan User-Centered Design (UCD) menempatkan kebutuhan pengguna sebagai fokus utama dalam desain, terbukti meningkatkan pengalaman dan kepuasan pengguna pada berbagai platform digital .
Penggunaan alat desain seperti Figma mempermudah pembuatan prototipe dan iterasi desain, serta memungkinkan pengembangan yang cepat dan responsif terhadap umpan balik pengguna .
Masalah utama yang dihadapi adalah kurangnya platform digital yang mendukung informasi dan layanan kantin secara efektif.
Situs web kantin yang ada saat ini belum dirancang SINTEK-DC Prodi Ilmu Informatika UKDC dengan mempertimbangkan kebutuhan pengguna, mengurangi keterlibatan dan kepuasan pengguna .
Penelitian ini bertujuan merancang ulang situs Web Kantin Universitas Katolik Darma Cendika menggunakan pendekatan UCD dan alat desain Figma untuk meningkatkan keterlibatan pengguna, menyederhanakan navigasi, dan memperbaiki estetika visual situs web .
Penelitian ini diharapkan memberikan manfaat langsung bagi mahasiswa, staf, dan pengelola kantin dengan menyediakan platform digital yang lebih informatif dan mudah digunakan, serta menjadi referensi bagi pengembang web dan desainer UX/UI .
Langkah-langkah yang diambil melibatkan analisis kebutuhan pengguna, pengembangan prototipe dengan Figma, dan uji coba serta literasi desain berdasarkan umpan balik pengguna .
Dengan latar belakang, perumusan masalah, tujuan, kegunaan, dan langkah-langkah yang diambil, penelitian ini diharapkan dapat memberikan kontribusi nyata dalam meningkatkan kualitas layanan digital di Universitas Katolik Darma Cendika.
METODE
Pada bagian ini menjelaskan metode yang akan digunakan dalam penelitian.
Metode yang digunakan dalam penelitian ini adalah metode User-Centered Design (UCD) (Gambar .
Gambar 1.
Metode UCD .
Understand Context of Use : Pada tahap ini Tujuannya adalah untuk mendapatkan informasi dari calon pengguna, seperti untuk siapa aplikasi dibuat dan apa kepentingan serta dalam hal apa user menggunakan aplikasi berbasis Web ini.
Specify User Requirements : Setelah mendapatkan profil calon pengguna dan informasi yang dibutuhkan, tahap berikutnya adalah merancang kebutuhan pengguna.
Tahap specify user requirements mencakup pembuatan information architecture untuk pengalaman berselancar yang memuaskan dan user flow .
Design Solutions : Dalam Penlitian ini.
Peneliti menggunakan tools Figma untuk membuat desain user interface.
Figma juga memiliki fitur-fitur seperti komponen, library, dan plugin yang dapat mempercepat proses desain dan membuatnya lebih efisien .
Web Kantin UKDC Ae Figma
Page 1 Ae Web Kantin UKDC
SINTEK-DC
Prodi Ilmu Informatika UKDC Evaluate Against Requirements : Pada tahap ini, pengujian desain antarmuka dilakukan dengan metode Heuristic Evaluation dan Severity Rating.
Heuristic Evaluation (HE) adalah metode pengujian oleh ahli yang mengevaluasi komponen desain antarmuka mengikuti Sepuluh Prinsip Heuristic Evaluation .
Severity Rating menilai tingkat keparahan masalah usability yang ditemukan .
Setelah evaluasi, rancangan diperbaiki berdasarkan kebutuhan pengguna.
Jika perbaikan telah memenuhi kebutuhan, tahap selanjutnya adalah menganalisa hasil pengujian dan menghasilkan kesimpulan .
HASIL DAN PEMBAHASAN
Understand Context of Use : Pada tahap ini, pemahaman konteks penggunaan sistem diperoleh melalui angket kepada 10 mahasiswa UKDC berumur 18-22 tahun.
Aplikasi ini memudahkan pemesanan makanan di kantin, terutama saat perkuliahan atau aktivitas padat.
Responden terdiri dari 10 laki-laki dan 10 perempuan (Gambar .
Gambar 2.
Klasifikasi responden Specify User Requirement : Setelah mendapatkan profil calon pengguna dan informasi yang dibutuhkan, kebutuhan pengguna ditentukan dan dibuat menjadi information architecture dan user flow.
Design Solutions : Website Kantin UKDC memiliki fitur checkout, daftar menu, dan chart pemesanan untuk memudahkan pemesanan bagi pemilik kantin dan pelanggan.
Design Interfance : Desain interface Website Kantin UKDC mencakup menu seperti aplikasi
pemesanan umumnya, dengan fitur khusus untuk pengguna dan pemilik kantin (Gambar 3 dan Web Kantin UKDC Ae Figma
Page 1 Ae Web Kantin UKDC
SINTEK-DC
Prodi Ilmu Informatika UKDC Gambar 3.
Tampilan Pengguna Gambar 4.
Tampilan Pemilik Kantin Evaluate Against Requirements : Evaluasi dilakukan untuk memastikan desain antarmuka memenuhi kebutuhan pengguna melalui Heuristic Evaluation (HE) dan Severity Rating.
Grafik menunjukkan perbandingan skor evaluasi heuristic antara pemilik kantin dan mahasiswa UKDC berdasarkan 10 kriteria, menilai kualitas dan keefektifan desain antarmuka situs Web Kantin UKDC.
Gambar 5.
Grafik perbandingan skor evaluasi heuristic antara pemilik kantin dan KESIMPULAN DAN SARAN Penelitian ini menunjukkan bahwa User-Centered Design (UCD) efektif meningkatkan kualitas situs web kantin Universitas Katolik Darma Cendika, membuatnya lebih informatif, mudah digunakan, dan menarik, meningkatkan kepuasan pengguna sebesar 30%.
Masalah usability Web Kantin UKDC Ae Figma
Page 1 Ae Web Kantin UKDC
SINTEK-DC
Prodi Ilmu Informatika UKDC diidentifikasi dan diperbaiki melalui usability testing dan heuristic evaluation.
Desain responsif dan informasi lengkap diapresiasi pengguna.
Proses iteratif memungkinkan perbaikan berdasarkan umpan balik pengguna.
Disarankan untuk menambahkan fitur pencarian dan filter, meningkatkan aksesibilitas, mengumpulkan umpan balik pengguna, dan mengembangkan aplikasi mobile DAFTAR PUSTAKA