UX Case Study — Toko Distributor Redesign To Improve UX/UI Toko Distributor Mobile Apps
Halo Bre, Beberapa waktu lalu saya melakukan eksplorasi pada aplikasi Toko Distributor. Aplikasi Toko Distributor merupakan aplikasi market place B2B yang menyediakan berbagai produk harga grosir dari supplier untuk para reseller. Saya akan menuliskan proses redesain aplikasi Toko Distributor yang telah saya lakukan. Proses redesain ini diawali dari asumsi-asumsi saya sendiri dan divalidasi dengan rating yang ada di playstore dari user Aplikasi Toko Distributor.
Design Brief
Membuat halaman antarmuka yang ramah dan mudah dipahami oleh user.
Goals
Dari case study ini adalah membuat aplikasi yang memenuhi kebutuhan user dan juga membuat interface dari aplikasi ini lebih menarik.
Analisa Masalah
Karena tujuan saya kali ini adalah untuk meningkatkan kualitas pengalaman untuk pengguna maka pertama-tama saya akan melakukan analisa pada aplikasi yang sudah berjalan sekarang.
Dan mengkombinasikan dengan Rating dari pengguna melalui playstore. Hasil dari Riset kecil kecilan ini cukup menarik, antara lain:
- Merasa UI masih tidak friendly
- Kurang tertarik dengan fitur yang ada
Design Proses
Saya mencoba seluruh fungsi pada aplikasi dan berusaha memahami apa yang aplikasi sediakan untuk pengguna. Dan juga mempelajari visual identity serta mencari tau apa yang user butuhkan untuk mendapatkan pengalaman yang lebih baik ketika menggunakan aplikasi ini.
Pada kesempatan ini saya akan mencoba untuk mencapai 3 goals utama :
- Membuat design yang sesuai dengan kebutuhan saya sebagai user dan kebutuhan user lain untuk meningkankan user interface yang baik pada aplikasi.
- Menambahkan fitur lain yang dapat meningkatkan user experience pada aplikasi.
- Membuat design yang realistis dan yang benar-benar akan berguna bagi pengguna.
Redesign
Pada tahap ini mulai melakukan redesign pada aplikasi dengan menggunakan data-data dan berbagai analisis yang dilakukan sebelumnya. Pada tahap ini juga saya akan memberikan suggestion yang diharapkan dapat menyelesaikan problem yang ada.
UX dan UI Redesign
Setelah melakukan analisis terhadap user pain point dan menganalisis data seputar problem dan kebutuhan user yang di dapat dari riset yang dilakukan, berikut ini adalah hasil perancangan UX dan Redesign UI yang akan dibahas satu persatu :
- Login
· Saya merubah botton menjadi lebih Panjang tujuannya untuk memudahkan user menekan tombil masuk.
· Menambahkan beberapa icon.
· Merubah botton Google dan Facebook agar lebih enak di lihat.
· Merubah botton masuk dengan 2 mode yaitu aktif berwana merah dan tidak aktif berwarna abu abu.
2. Home
· Search — Menambahkan search dengan gambar, dengan adanya search gambar pada home maka user akan langsung dapat mencari yang user inginkan dengan gambar atau memfoto pada search.
· Flash sale — User juga dapat membeli barang dengan harga yang diskon. Sehingga akan membuat user lebih lama di aplikasi.
· Feed — Menambahkan feed dengan gambar dan tulisan, dengan adanya feed maka akan meningkatkan kepercayaan user (pembeli) dengan pihak penjual.
· Wishlist — Dengan adanya Wishlist maka user da[pat membandingkan barang yang mereka inginkan.
3. Detail Produk
· Merubah icon keranjang menjadi logo tanpa merubah fungsi yang ada.
· Memindahkan Wishlist di bawah dengan tujuan agar lebih mudah untuk di tekan.
· Merubah botton beli dan dropsip menjadi beli sekarang agar user bila langsung action tanpa berfikir lagi untuk menekan tombol beli/dropsip.
Prototype
Untuk Prototype bisa cek di link di bawah ini
https://bit.ly/PrototypeTokoDistributor
Penutup
Ini hanyalah ide aplikasi, dimana sebagian besar analisa hanya berdasar asumsi dan riset “dadakan”. Saya berencana untuk mengembangkan ide ini lebih jauh lagi kalau ada waktu. Baik tulisan maupun desain ini masih sangat jauh dari kata sempurna, karena saya juga masih terus belajar. Segala bentuk kritik dan saran ataupun pertanyaan bisa dituliskan di kolom komentar dibawah :)
Terima kasih, semoga bermanfaat!