REDESIGN USER INTERFACE WEBSITE PORTAL MENGGUNAKAN METODE ATOMIC DESIGN (STUDI KASUS : BADAN PENGAWAS OBAT DAN MAKANAN)

Muhammad Yusuf Matra
Tien Febrianti Kusumasari
Faishal Mufied Al-Anshary


DOI: https://doi.org/10.29100/jipi.v8i2.3502

Abstract


Akses informasi menjadi sangat penting bagi masyarakat untuk mendapatkan informasi dari BPOM. Saat ini BPOM telah memiliki sebuah website resmi pada laman https://www.pom.go.id/. Mengingat BPOM sendiri membawahi sub unit layanan yang sangat banyak, maka informasi yang tersedia dalam website ini semakin bertambah seiring berjalannya waktu Akibatnya informasi menjadi sangat banyak dan pengunjung website mengalami kesulitan untuk mencari informasi yang sesuai. Tanpa sebuah struktur maupun pengelolaan tertentu, maka website akan memiliki nilai kegunaan yang sangat rendah dan infor-masi cenderung overload. Untuk menghindari permasalahan ini terjadi, dapat dilakukan penyortingan informasi dan perbaikan desain website agar informasi yang terdapat dalam website tersebut lebih tertata dan website nyaman untuk dilihat, sehingga masyarakat lebih mudah menemukan informasi yang dibu-tuhkan. Atomic Design adalah sebuah metodologi desain yang terdiri dari lima tahap yang saling beker-jasama untuk membuat sebuah sistem desain antarmuka dengan cara yang hierarkis mulai dari atom, molekul, organisme, template, hingga menjadi pages / laman. Berdasarkan penelitian yang dilakukan mengenai desain ulang halaman utama website BPOM menggunakan atomic design, maka kesimpulan yang dapat diambil dari penelitian ini adalah rancangan user interface terlihat lebih modern dan selaras, arsitektur informasi lebih jelas, navigasi website menjadi lebih mudah user lebih mudah mencari dan menemukan informasi yang user butuhkan.

Keywords


BPOM; Website; Atomic Design

Full Text:

PDF

Article Metrics :

References


F. Angriawa and D. Mutiarin, “Efektivitas Pengawasan Badan Pengawas Obat dan Makanan (BPOM) terhadap Peredaran Makanan Impor oleh Pedagang UMKM di Kota Pekanbaru Ferry,” J. Gov. Civ. Soc., vol. 3, no. 1, p. 6, 2019.

F. Ekarini, “Analisis Desain Website Bni, Bukopin, J.Co Donuts Dan Mcdonals Menurut Buku ‘the Principles of Beautiful Web Design,’” Elinvo (Electronics, Informatics, Vocat. Educ., vol. 2, no. 1, pp. 8–20, 2017, doi: 10.21831/elinvo.v2i1.14489.

P. Studi, T. Informatika, J. T. Informatika, F. I. Komputer, and U. Brawijaya, PERANCANGAN USER EXPERIENCE APLIKASI PELAPORAN KELUHAN MASYARAKAT MENGGUNAKAN METODE HUMAN-CENTERED DESIGN SKRIPSI memperoleh gelar Sarjana Komputer Disusun oleh : 2018.

L. Vinet and A. Zhedanov, “A ‘missing’ family of classical orthogonal polynomials,” 2011. doi: 10.1088/1751-8113/44/8/085201.

M. A. Muhyidin, M. A. Sulhan, and A. Sevtiana, “Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma,” J. Digit, vol. 10, no. 2, p. 208, 2020, doi: 10.51920/jd.v10i2.171.

B. Frost, Atomic Design. 2016.

S. Huldan and A. Finandhita, “Pengembangan Design System Pada Perangkat Lunak Ibid Design System in Ibid ’ S Software With an Atomic Design Approach,” vol. 1, 2021.

A. A. Tejamukti, H. M. Az-zahra, and R. I. Rokhmawati, “Pengembangan Antarmuka Website PPPA Daarul Qur ’ an Malang Dengan Menggunakan Metode Goal Directed Design,” Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 2, no. 12, pp. 6277–6285, 2018, [Online]. Available: http://j-ptiik.ub.ac.id.

R. Supriatna, “Implementasi Dan User Acceptnace Test ( UAT) Terhadap Aplikasi E-Learning,” J. Chem. Inf. Model., vol. 53, no. 9, pp. 1689–1699, 2018.

A. Supriyatna, “Penerapan Usability Testing Untuk Pengukuran Tingkat Kebergunaan Web Media of Knowledge,” Teknois J. Ilm. Teknol. Inf. dan Sains, vol. 8, no. 1, pp. 1–16, 2019, doi: 10.36350/jbs.v8i1.17.

N. Huda, “Implementasi Metode Usability Testing Dengan System Usability Scale Dalam Penilaian Website Rs Siloam Palembang,” Klik - Kumpul. J. Ilmu Komput., vol. 6, no. 1, p. 36, 2019, doi: 10.20527/klik.v6i1.177.

N. Triastuti, L. D. Krisnawati, and A. Riyono, “Implementasi Card Dalam Perancangan Program Bantu Pembelajaran Membaca,” J. Inform., vol. 6, no. 2, 2011, doi: 10.21460/inf.2010.62.87.

A. W. Soejono, A. Setyanto, A. F. Sofyan, and W. Anova, “Evaluasi Usability Website UNRIYO Menggunakan S ystem Usability Scale ( Studi Kasus : Website UNRIYO ),” vol. XIII, pp. 29–37, 2018.

Z. E. Ferdi, F. Putra, H. Ajie, I. A. Safitri, and U. N. Jakarta, “Designing A User Interface and User Experience from Piring Makanku Application by Using Figma Application for Teens,” Int. J. Inf. Syst. Technol. Akreditasi, vol. 5, no. 3, pp. 308–315, 2021, [Online]. Available: https://www.figma.com/design/.

V. S. S. R. I. Rokhmawati and A.-Z. Hanifah Muslimah, Perbaikan User Interface dan Analisis Perbandingan Hasil pada Website Lazada.co.id dengan menggunakan Usability Testing dan System Usability Scale (SUS) Questionnaire, vol. 4, no. 4. 2019.

G. Bintang and H. Ashshidhiqi, “Rekomendasi rancangan Information Architecture Website Institusi Pendidikan Tinggi Menggunakan Metode Card Sorting pada Metode Goal-Directed Design Design Recomendation of Information Architecture Education Institution Website Using Card Sorting Method on,” vol. 2, no. 2, pp. 6155–6164, 2015.

F. Sujito, R. Arifudin, and F. Arini, “An Analysis of User Interface and User Experience Using System Usability Scale and GOMS Method,” J. Adv. Inf. Syst. Technol., vol. 1, no. 1 SE-Articles, pp. 65–73, 2019, [Online]. Available: https://journal.unnes.ac.id/sju/index.php/jaist/article/view/36503.