Perancangan Ulang UI/UX Dengan Figma Pada Website OKE OCE Indonesia Menggunakan Metode Design Thinking
-
Ahmad Yahya
*
Universitas Semarang, Semarang,
Indonesia
- Atmoko Nugroho Universitas Semarang, Semarang, Indonesia (*) Corresponding Author
Abstract
The OK OCE Indonesia website plays a crucial role in supporting the OK OCE social movement, which aims to create jobs and promote economic independence through entrepreneurship development. With the advancement of digital technology and the growing expectations and needs of users, several issues have been identified in the interface design and user experience (UI/UX) of this website. The main problems identified are low user engagement due to a less intuitive design, difficult navigation, and a layout that does not support efficient information access. This research aims to redesign the UI/UX of the OK OCE Indonesia website using the Design Thinking method. This method is applied through the stages of empathy, problem definition, ideation, prototyping, and testing, to produce a user-centered and adaptable design solution. Preliminary results from this redesign show that the new design has successfully improved the quality of the user experience, particularly in terms of ease of navigation, visual consistency, and interface appeal. Overall, these changes are expected to better support the mission of OK OCE in expanding its social impact more effectively, while also contributing to entrepreneurship development in Indonesia through more efficient and responsive digital technology.
Downloads
References
M. Danuri, “Perkembangan dan transformasi teknologi digital,” Jurnal ilmiah infokam, vol. 15, no. 2, 2019.
R. Mardjono, L. Narindro, A. S. Qamar, S. Sari, A. Maulana, and I. Jubaidah, “Pemberdayaan UMKM Komunitas OK OCE Menggunakan Media Digital,” Abdimas Universal, vol. 4, no. 1, pp. 49–58, 2022.
O. Solihin and Y. Mogot, “Mengoptimalkan Konten Website Desa untuk Informasi yang Lebih Baik,” Jurnal Media Pengabdian Komunikasi, vol. 3, no. 1, pp. 320–333, 2023.
P. Annisa and E. Wartiningsih, “Analisis Implementasi Program OK OCE Dalam Meningkatkan Kesejahteraan Masyarakat Binaan (Studi Kasus Pada Warung Nasi Jamblang Ikhlas, Rawamangun, Jakarta Timur),” Jurnal Administrasi Profesional, vol. 1, no. 01, pp. 30–37, 2020.
A. P. Hadi, A. Zainudin, and N. D. Setiawan, “Pemanfaatan Metode AIDA Dalam Desain Website Sebagai Media Promosi Produk Pada UMKM,” Jurnal Penelitian Ilmu dan Teknologi Komputer, vol. 13, no. 2, pp. 1–6, 2021.
G. Karnawan, “Implementasi user experience menggunakan metode design thinking pada prototype aplikasi cleanstic,” Jurnal Teknoinfo, vol. 15, no. 1, pp. 61–66, 2021.
M. A. Muhyidin, M. A. Sulhan, and A. Sevtiana, “Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma,” Jurnal Digit: Digital of Information Technology, vol. 10, no. 2, pp. 208–219, 2020.
N. Yuliani, H. Tunafiah, S. R. Sampurnaningsih, J. Andriani, and D. Erawati, “analisis penerapan strategi business model canvas (bmc) pada komunitas kuliner STII-OK OCE untuk tumbuh dan bangkit lebih kuat di era digitalisasi,” Ikraith-ekonomika, vol. 5, no. 3, pp. 148–160, 2022.
A. G. Pramesti, Q. J. Adrian, and Y. Fernando, “Perancangan Ui/Ux Pada Aplikasi Pemesanan Buket Menggunakan Metode User Centered Design (Studi Kasus: Bouquet Lampung),” Jurnal Informatika dan Rekayasa Perangkat Lunak, vol. 3, no. 2, pp. 179–184, 2022.
H. Dafitri, E. Panggabean, N. Wulan, A. J. Lubis, S. Khairani, and A. P. Humaira, “Pelatihan Pembuatan Desain UI/UX Website UMKM Profile Labscarpe dengan Aplikasi Figma: Pelatihan Desain UI/UX Website UMKM,” Jurnal Pengabdian kepada Masyarakat Nusantara, vol. 3, no. 2.2, pp. 1972–1980, 2023.
A. Saehan, K. Kusmanto, S. Suryadi, and T. H. Pohan, “Pelatihan Desain Grafis Menggunakan Aplikasi Canva Untuk Meningkatkan Promosi Produk UMKM,” Jurnal Pengabdian Masyarakat Gemilang (JPMG), vol. 3, no. 2, pp. 44–48, 2023.
B. M. Izzati, A. A. N. Fajrillah, R. A. A. Saputri, I. T. Oktavian, and L. A. Widyastri, “IT Blueprint Design Using TOGAF ADM to Support Digital Transformation at UMKM,” Jurnal RESTI (Rekayasa Sistem dan Teknologi Informasi), vol. 4, no. 3, pp. 404–417, 2020.
R. Pramudita, R. W. Arifin, A. N. Alfian, N. Safitri, and S. D. Anwariya, “Penggunaan aplikasi figma dalam membangun ui/ux yang interaktif pada program studi teknik informatika stmik tasikmalaya,” Jurnal buana pengabdian, vol. 3, no. 1, pp. 149–154, 2021.
S. Soedewi, A. Mustikawan, and W. Swasty, “Penerapan metode design thinking pada perancangan website umkm kirihuci,” 2022.
E. Susanti, E. Fatkhiyah, and E. Efendi, “Pengembangan Ui/Ux Pada Aplikasi M-Voting Menggunakan Metode Design Thinking,” 2019.
A. Suryadana, D. Sasongko, and S. Nugroho, “Penerapan Metode Design Thinking dalam Website Waste4Change untuk Mengoptimalkan Fitur Pengiriman Sampah,” Journal of Information System Research (JOSH), vol. 4, no. 3, pp. 820–830, 2023.
A. Nurseptaji, A. Arey, F. Andini, and Y. Ramdhani, “Implementasi Metode Waterfall Pada Perancangan Sistem Informasi Perpustakaan,” Jurnal Dialektika Informatika (Detika), vol. 1, no. 2, pp. 49–57, 2021.
C. Ravelino and Y. A. Susetyo, “Perancangan UI/UX untuk Aplikasi Bank Jago menggunakan Metode User Centered Design,” Jurnal JTIK (Jurnal Teknologi Informasi dan Komunikasi), vol. 7, no. 1, pp. 121–129, 2023.
A. A. Ifandi and T. C. Kusumandyoko, “PENERAPAN METODE USER CENTERED DESIGN PADA PENGEMBANGAN ANTARMUKA APLIKASI KESEHATAN HEWAN,” BARIK, vol. 5, no. 1, pp. 68–80, 2023.
dicoding.com, “Apa itu Wireframe? Perbedaan Wireframe, Mockup, dan Prototype,” dicoding.com. Accessed: Jul. 19, 2024. [Online]. Available: https://www.dicoding.com/blog/wireframe-adalah/
M. S. Novendri, A. Saputra, and C. E. Firman, “Aplikasi inventaris barang pada mts nurul islam dumai menggunakan php dan mysql,” lentera dumai, vol. 10, no. 2, 2019.
T. Arianti, A. Fa’izi, S. Adam, and M. Wulandari, “Perancangan Sistem Informasi Perpustakaan Menggunakan Diagram UML (Unified Modelling Language),” Jurnal Ilmiah Komputer Terapan dan Informasi, vol. 1, no. 1, pp. 19–25, 2022.
Z. F. Azzahra and A. D. Anggoro, “Analisis Teknik Entity-Relationship Diagram dalam Perancangan Database Sebuah Literature Review,” INTECH (Informatika dan Teknologi), vol. 3, no. 1, pp. 8–11, 2022.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Perancangan Ulang UI/UX Dengan Figma Pada Website OKE OCE Indonesia Menggunakan Metode Design Thinking
Pages: 261-271
Copyright (c) 2024 Ahmad Yahya, Atmoko Nugroho
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).
