UI/UX Redesign Aplikasi Ipusnas
Seiring berkembangnya teknologi, kebiasaan masyarakat dalam membaca juga mulai berevolusi. Saat ini, membaca buku tidak harus datang ke perpustakaan atau membeli buku secara fisik, karena semuanya sudah bisa diakses secara digital melalui smartphone. Salah satu aplikasi yang mendukung hal tersebut adalah iPusnas, aplikasi perpustakaan digital resmi dari Perpustakaan Nasional Republik Indonesia.
Meski iPusnas merupakan inovasi yang fenomenal, namun pengalaman pengguna saat menggunakan aplikasi ini masih terasa kurang nyaman. Tampilan yang terlalu padat, navigasi yang membingungkan, serta proses pencarian buku yang kurang praktis menjadi beberapa masalah yang cukup sering dirasakan pengguna.
Permasalahan yang Ditemukan
Berdasarkan hasil observasi dan analisis terhadap aplikasi iPusnas, ditemukan beberapa permasalahan yang mempengaruhi kenyamanan pengguna saat menggunakan aplikasi. Tampilan antarmuka terlihat cukup padat sehingga informasi terasa kurang terstruktur dengan baik. Selain itu, navigasi aplikasi juga masih membingungkan bagi sebagian pengguna, terutama saat mencari buku atau mengakses fitur tertentu. Proses pencarian buku yang kurang praktis serta visual aplikasi yang terlihat kurang modern juga menjadi salah satu faktor yang membuat pengalaman pengguna terasa kurang maksimal.
Tujuan Redesign
Berangkat dari permasalahan yang penulis jumpai, penulis memutuskan untuk melakukan redesign terhadap aplikasi iPusnas. Redesign ini bertujuan untuk meningkatkan kenyamanan pengguna saat menggunakan aplikasi. Selain itu, redesign juga bertujuan untuk memperbaiki tampilan antarmuka agar terlihat lebih modern, menyederhanakan navigasi, serta mempermudah pengguna dalam mencari dan mengakses buku digital secara lebih efektif.
Proses Redesign
Proses redesign dimulai dengan melakukan observasi dan analisis terhadap aplikasi iPusnas untuk memahami permasalahan yang sering dialami pengguna. Setelah itu, dilakukan pengumpulan referensi desain dan pembuatan user flow agar alur penggunaan aplikasi menjadi lebih jelas dan mudah dipahami.

Gambar 1. Aplikasi iPusnas
Selanjutnya, dibuat wireframe sebagai gambaran awal tata letak aplikasi sebelum masuk ke tahap desain final. Pada tahap akhir, dilakukan pembuatan prototype UI dengan tampilan yang lebih modern, sederhana, dan fokus pada kenyamanan pengguna saat menggunakan aplikasi.

Gambar 2. Wireframe Redesign iPusnas
Hasil Redesign
1. Tampilan Masuk / Daftar
Halaman masuk dan daftar didesain lebih sederhana dan modern agar proses login dan registrasi menjadi lebih mudah digunakan.

Gambar 3. Tampilan Masuk/Daftar
2. Tampilan Beranda
Halaman beranda dibuat lebih rapi dan terstruktur agar pengguna lebih mudah mencari dan menemukan buku.

Gambar 4. Tampilan Beranda
3. Tampilan Rak
Halaman rak didesain lebih terorganisir agar pengguna dapat melihat koleksi buku dengan lebih nyaman.

Gambar 5. Tampian Rak
4. Tampilan Linimasa
Halaman linimasa dibuat lebih sederhana dan informatif agar aktivitas terbaru lebih mudah dipahami pengguna.

Gambar 6. Tampilan Linimasa
5. Tampilan Notifikasi
Halaman notifikasi didesain lebih bersih dan jelas agar pengguna dapat melihat pemberitahuan dengan lebih cepat.

Gambar 7. Tampilan Notifikasi
6. Tampilan Profil
Halaman profil dibuat lebih minimalis dan terstruktur agar informasi akun lebih mudah diakses.

Gambar 8. Tampilan Profil
7. Tampilan Kebijakan & Ketentuan
Halaman kebijakan dan ketentuan didesain lebih rapi agar informasi lebih nyaman dibaca pengguna.

Gambar 9. Tampilan Kebijakan dan Ketentuan
Hasil Testing
Setelah melakukan proses Redesign, kami ingin mengetahui tingkat keberhasilan desain kami dalam memperbaiki User Interface dan User Experience. Untuk mengukur hal itu kami melakukan Usability Testing. Melalui metode ini, kami meminta beberapa user untuk mencoba langsung Prototype redesign yang telah kami buat dan memberikan penilaian terhadap nya. Kami memilih 5 user yang merupakan seorang mahasiswa jurusan Computer Science dan pernah menggunakan aplikasi iPusnas. Berikut adalah hasil yang kami dapatkan:
| Aspek Pengujian | Masalah Pengguna (Before) | Solusi & Hasil Testing (After) | Tingkat Kepuasan |
| Tampilan Visual (UI) | UI Berantakan, kaku, dan membosankan. Pengguna mengharapkan desain yang lebih rapi dan tertata. | Desain diperbarui menjadi lebih modern dan rapi. | 100% responden Sangat Puas |
| Pengaturan Teks | Sangat terbatas dan tidak terlihat. Pengguna merasa kesulitan menyesuaikan ukuran dan tipe font saat membaca | Penambahan fitur kustomisasi font, ukuraan, dan tema membaca | 75% responden Sangat Puas |
| Animasi & Transisi | Efek Transisi terlalu berlebihan dan sulit digunakan. Pengguna ingin kemudahan dalam membaca dengan animasi yang sederhana saat membaca | Simplifikasi transisi menjadi lebih ringan dan mudah | 75% responden Sangat Puas |
| Fitur Pendukung (Dark Mode) | Fitur pendukun baca tidak berfungsi baik, terutama kontras warna saat menggunakan mode Dark Mode. Pengguna mengharapkan kontras warna yang nyaman | Optimasi fitur Dark Mode untuk kenyamanan membaca di kondisi minim cahaya dengan memperbaiki kontras warna | 50% responden Sangat Puas dan 50% lainnya Puas |
Kesimpulan
Melalui project redesign UI/UX iPusnas ini, dapat dipahami bahwa tampilan dan pengalaman pengguna memiliki peran penting dalam sebuah aplikasi digital. Dengan perbaikan pada tampilan, navigasi, dan alur penggunaan, aplikasi dapat menjadi lebih nyaman dan mudah digunakan oleh pengguna.
Project ini juga memberikan pengalaman dalam memahami kebutuhan pengguna serta bagaimana merancang solusi desain yang tidak hanya menarik secara visual, tetapi juga efektif dalam membantu pengguna mencapai tujuan mereka saat menggunakan aplikasi.
Penulis
- Jeremy Christopher Amadeus Widyanto / 2902727305
- Katrina Kayla Kartino / 2902727116
- Anya Salsabilla Putri Setiawan / 2902727173
- Tania Jessica Santosa / 2902727261
- Windy Sulistiawati / 2902727280
Untuk informasi lebih detail: https://medium.com/@windysuli/perancangan-ulang-redesign-ui-ux-aplikasi-ipusnas-untuk-meningkatkan-pengalaman-pengguna-6fd3d8091e5f
Comments :