top of page

Jenius UI/UX Challenge 2020.

By Haris Putratama

Di era modern ini, berbagai macam aplikasi berlomba-lomba untuk menarik konsumen. Khususnya generasi muda yang sehari-hari sangat akrab dengan gadgetnya. Menjadi aplikasi yang fungsional tidaklah cukup untuk menang dalam persaingan tersebut. Maka dari itu dibutuhkanlah konsep desain yang interaktif dan sesuai dengan selera para pengguna.

​

Saya yakin banyak orang yang menyukai tampilan Jenius saat ini, tapi saya juga percaya bahwa tampilan Jenius bisa lebih baik lagi agar semakin diminati. Maka dari itu saya mencoba untuk me-redesign aplikasi Jenius.

Splashscreen.png

Dibuat dalam rangka mengikuti ajang perlombaan UI/UX Jenius Challenge 2020 dan didesain berdasarkan masukkan dan survey ke pengguna Jenius dengan berbagai macam kategori usia.

IDE & KONSEP
NEUMORPHISM DESIGN
adalah istilah slang baru dalam lingkaran desain yang pada dasarnya melintasi kata "baru" dan "skuomorfisme". Pada dasarnya, ini adalah cara baru minimal untuk mendesain dengan tampilan plastik yang lembut dan diekstrusi. Hampir seolah-olah antarmuka telah vakum

Permasalahan lain

  • Pada dashboard bagian menu Find usMaps suka mengganggu ketika melakukan scrolling                                Solusi : Maps hanya bisa digeser dengan menggunakan 2 jari                                      

  • Ketika pengguna akan mengirim uang, tertera tulisan minimal 10.000, namun pengguna tidak bisa mengirimkan uang sejumlah 10.000 sehingga harus menambahkan jumlahnya menjadi 10.001. Ini tidak efisien                                          Solusi : Pengguna diizinkan untuk mengirim sebesar lebih dari sama dengan 10.000 (pengubahan rules pada aplikasi)                                                              

  • Fitur notifikasi lambat untuk diakses dan masih menunjukkan jumlah notifikasi, walaupun sudah dilihat oleh pengguna          Solusi : Dibuat berbentuk sidebar aja agar lebih cepat diakses sehingga tidak perlu loading lagi dan ketika pengguna telah melihat notifikasi, seharusnya jumlah notifikasinya hilang

  • Ketika scrolling, tulisan langsung melakukan animasi fadeout sehingga menyebabkan user mengira bahwa tulisan tersebut kepencet ketika melakukan scrolling                                      Solusi : Diberikan delay timing untuk animasi fadeout ketika scrolling                                                                                                             

  • Informasi Hi, (Nama) kurang penting dan tidak perlu dijadikan hal yang utama                                                                                Solusi : Dihilangkan dan diganti dengan jumlah saldo sticking di atas beserta informasi informasi berguna seperti Top Up, Send, dan Receive yang diletakkan di bawah                                                        

Permasalahan Utama Aplikasi

messageImage_1580735476042.jpg

Pemilihan Palet Warna yang Kurang Tepat

Warna biru jenius terlalu gelap, tidak pastel, beberapa tulisan kurang terbaca karena tipis dan warna kurang kontras.

496029.jpg

Tampilan Dashboard Kurang Efisien

Informasi pada dashboard masih ambigu dan belum cukup jelas, sehingga mengakibatkan pengguna, khususnya yang masih baru bingung untuk mengakses fitur-fitur utama dari Jenius.

496030.jpg

Penggunaan Sidebar yang Membuat Fitur-Fitur Jenius Sulit Diakses Pengguna

Sidebar mengakibatkan  pengguna memerlukan lebih banyak langkah untuk mengakses fitur-fitur jenius, yang seharusnya bisa ditempatkan pada Dashboard utama agar lebih mudah diakses.

496026.jpg

Tampilan Bergaya Cards yang Sudah Ditinggalkan Oleh Trend

Tampilan cards yang digunakan kurang menarik bagi para pengguna muda, yang cenderung mengedepankan  kenyamanan dan tampilan aplikasi.

mockup ipx.png

THE SOLUTION

Perombakan Dashboard dan Warna

Saya merombak desain utama dashboard agar pengguna dapat menggunakan fitur-fitur Jenius langsung dari tampilan awal. Serta merubah palet warna utama menjadi putih tulang, dan biru pastel

Menambahkan Sticky Layout di Bagian Atas dan Bawah Layar

Sticky Layout yang saya tambahkan berisi tentang fitur-fitur utama Jenius, gambar disebelah memperlihatkan menu menu utama (Send, Top-Up, Request) setelah dipencet oleh pengguna

Gaya Fresh untuk Millenial

Berikut beberapa tampilan menu dari fitur utama lainnya yaitu History (In & Out), Cards, dan Profile yang membawa gaya fresh ala Neumorphism

Perubahan Desain Notifikasi yang Lebih Mudah Untuk Diraih Pengguna

Notifikasi berkonsepkan sidebar yang lebih interaktif dan responsif serta cepat diraih oleh pengguna tanpa harus memuat ulang halaman baru

TERIMA KASIH

Terima Kasih saya ucapkan kepada tim Jenius UI/UX Challenge 2020 dan  Co-Create karena telah menyelenggarakan lomba ini, dan memberi saya kesempatan untuk ikut bergabung.

MainMenu1.png
card.png
Profile.png

©2021 by Haris Putratama.

bottom of page