Creating a System Design Using the Atomic Design Approach and A/B Testing
Abstract
The presence of digital products has become an integral part of human daily life. User Interface (UI) plays a central role in determining the success and adoption of products. Consistency and coherence in UI design are crucial to ensure users can easily understand and efficiently use products. However, creating a consistent UI, especially for complex digital products, is a formidable challenge. Hence, the Design System emerges as an innovative solution. From the perspective of user experience, consistency is considered a crucial factor that influences user ease in interacting with designs. This research aims to examine the implementation of atomic design and A/B testing approaches in creating a Design System, with a case study at Astra Buana Insurance company. It is expected that the findings of this research will contribute both theoretically and practically to the development of an effective and efficient Design System.
Downloads
References
M. Faizal, “PERANCANGAN SIMPLE DESIGN SYSTEM CANVAS SEBAGAI PEDOMAN ANTARMUKA PENGGUNA UNTUK STARTUP INDONESIA”, SRJD, vol. 5, no. 1, pp. 108–121, Feb. 2021.
I. Hidayanti et al., “Analisis Usability Website Sekolah Menengah Atas,” Jurnal Ilmiah Binary STMIK Bina Nusantara Jaya Lubuklinggau, vol. 4,
T. N. Amini, T. N. A. Amini, H. Fabroyir, and R. J. Akbar, “Desain dan Evaluasi Antarmuka Mobile App MyITS Alumni pada Platform Android dan Ios Melalui Pendekatan User-Centered Design,” Jurnal Teknik ITS, vol. 10, no. 2, pp. A133–A139, Dec. 2021, doi: 10.12962/j23373539.v10i2.63024.
A. Kholmatova, “Design Systems. A practical guide to creating design languages for digital products.,” Annals of the CIRP, vol. 46, no. 1, pp. 75–80, 2017.
I. F. Ashari and R. R. Muharram, “Pengembangan Antarmuka Pengguna Kolepa Mobile App Menggunakan Metode Design Thinking Dan System Usability Scale,” JSiI (Jurnal Sistem Informasi), vol. 9, no. 2, pp. 168–176, Sep. 2022, doi: 10.30656/JSII.V9I2.4993 B. Frost, Atomic Design. Brad Frost, 2016
R. A. and D. Kurniawan, “Perancangan User Experience Aplikasi Android Konsultasi Skripsi dengan Metode User Centered Design”, JTEKSIS, vol. 5, no. 3, pp. 183-189, Jul. 2023.
Huldan, S., & Finandhita, A. (2021). Pengembangan Design System Pada Perangkat Lunak Ibid Design System in Ibid’ S Software With an Atomic Design Approach. JUPITER: Jurnal Penelitian Mahasiswa Teknik Dan Ilmu Komputer, 1(1).
Lamine, Y., & Cheng, J. (2022). Understanding and supporting the design systems practice. Empirical Software Engineering, 27(6). https://doi.org/10.1007/s10664-022-10181-y
Mountstephens, J., & Teo, J. (2020). Progress and challenges in generative product design: A review of systems. In Computers (Vol. 9, Issue 4). https://doi.org/10.3390/computers9040080
Novák, J. Š., Masner, J., Vaněk, J., Šimek, P., & Hennyeyová, K. (2019). User experience and usability in agriculture-selected aspects for design systems. Agris On-Line Papers in Economics and Informatics, 11(4). https://doi.org/10.7160/aol.2019.110407
Yang, C., Zhang, L., & Wei, W. (2022). The Influence of Introducing the Concept of Sustainable System Design Thinking on Consumer Cognition: A Designer’s Perspective. Systems, 10(4). https://doi.org/10.3390/systems10040085
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://jptiik.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.
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.
D. H. Putra, M. Asfi, and R. Fahrudin, “Perancangan UI/UX Menggunakan Metode Design Thinking Berbasis Web Pada Laportea Company,” Jurnal Ilmiah Teknologi Infomasi Terapan, vol. 8, no. 1, pp. 111–117, Dec. 2021, doi: 10.33197/JITTER.VOL8.ISS1.2021.730.
B. Frost, Atomic Design. Brad Frost, 2016.
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under an Attribution 4.0 International (CC BY 4.0) that allows others to share — copy and redistribute the material in any medium or format and adapt — remix, transform, and build upon the material for any purpose, even commercially with an acknowledgment of the work's authorship and initial publication in this journal.
