ABSTRAK
Nama : Revan Ragha Andhito
Program Studi : Ilmu Komputer
Judul : Pengembangan Design System sebagai Standardisasi User Interface
Design Di Warung Pintar
Pembimbing : Harry Budi Santoso, S.Kom., M.Kom., Ph.D.& Dr. Panca Oktavia Hadi
Putra, B.Sc., M.Bus.
Seiring berkembangnya sebuah startup di bidang teknologi, semakin banyak dan beragam
produk digital yang dikembangkan. Dengan semakin banyaknya produk, kerap ditemui
isu terkait proses perancangan dan implementasi user interface design. Isu tersebut
merupakan masalah yang kerap dialami Interaction Designer dan Frontend Engineer
selaku bagian dari tim pengembang pada produk digital di perusahaan. Warung Pintar
sebagai salah satu perusahaan startup teknologi yang berfokus pada industri mikro ritel
mengalami isu yang serupa. Dalam mengatasi isu tersebut, penelitian ini dilakukan
dengan mengembangkan design system sebagai sebuah standar dalam proses perancangan
user interface design di Warung Pintar.
Penelitian ini dilakukan dengan menggunakan pendekatan User-Centered Design yang
melibatkan pengguna secara aktif. Untuk mengetahui kebutuhan pengguna, dilakukan
wawancara stakeholder dan diskusi focus group kepada tim pengembang Warung Pintar.
Analisis design system yang terdiri dari benchmarking dan interface audit dilakukan
untuk memperoleh data pendukung sekunder. Berdasarkan analisis hasil kebutuhan
pengguna, implementasi design system menghasilkan luaran berupa UI component
library menggunakan metodologi Atomic Design dan dokumentasi design system berupa
style guide. Design system yang dikembangkan dievaluasi menggunakan usability testing.
Berdasarkan hasil evaluasi, diperoleh kualitas usability yang baik dari design system yang
dikembangkan. Usability testing menghasilkan tingkat keberhasilan penyelesaian tugas
yang mencapai rata-rata 94,28% dan dibutuhkan waktu yang lebih sedikit ketika tim
Interaction Designer menggunakan design system. Secara keseluruhan, design system
yang dikembangkan menghasilkan umpan balik yang positif dari pengguna.
Kata kunci:
Design system, user-centered design, UI component library, style guide
|
|