Ini adalah artikel yang me-review desain UI hasil belajar dari temen temen. Bagi yang tertarik untuk di-review desain UI nya, bisa kirim DM via Instagram.
Dan sebaiknya desain yang di-review adalah desain hasil belajar. Bukan desain hasil kerjaan kantor, kerjaan freelance, ataupun tugas kuliah.
Desain yang dibahas di artikel ini telah mendapat persetujuan dari pemilik desain untuk di-review dan di-publish di medium
Saran saran sangat bersifat subyektif, dan sebagian besar dipengaruhi oleh style design saya
Overview
Mari kita lihat desain dibawah ini…
Catatan
- Tombol CTA terlalu kecil.
- Pada tombol CTA, Jarak teks dengan tombol terlalu mepet
- Link Forgot Password, Register dan Login seharusnya diberi warna bukan hitam, agar lebih menonjol dan mudah ditemukan
- Elemen title dan inputan tidak simetris, padahal sama sama rata kiri
- Warna icon pada inputan sama dengan warna tulisan. Sebaiknya dibedakan agar terjadi contrast. Warna icon jangan terlalu mencolok, agar user bisa lebih fokus ke inputan nya
- Pada halaman detail, area bagian atas terlalu banyak digunakan untuk informasi foto, deskripsi, rating, dll. Jika kita terapkan design ini pada iPhone 6,7,8. Maka user harus menscroll untuk melihat Ingredients atau bahan masakan nya
Eksplorasi Design — Halaman Awal
Untuk halaman awal, saya mencoba menggunakan foto makanan, agar lebih menggoda. Dan karena ini adalah aplikasi tentang makanan, maka menggunakan foto makanan akan terasa lebih relevan.
Eksplorasi Design — Halaman Register
Untuk alur register, jika kebutuhan informasi nya adalah Username, Email dan Password. Maka saya sarankan untuk menggunakan hanya email saja. Agar mudah di sisi user. User tidak perlu mengisi banyak informasi saat proses awal.
Lalu kapan mengisi username dan password nya?, setelah proses pendaftaran selesai dan user dibawa ke user dashboard nya.
- Pada halaman register, jika inputan nya hanya satu, maka begitu user masuk ke halaman register bisa langsung dimunculkan keyboard nya, sehingga mempercepat user dalam mengisi inputan.
- Pada halaman verifikasi, tidak perlu menggunakan tombol verifikasi. Karena sistem bisa diperintahkan melakukan pengecekan setelah user mengisi 5 digit angka. Selain itu bisa membuat tampilan menjadi lebih simple
Eksplorasi Design — Halaman Detail
Pada halaman detail, saya mencoba menggunakan tab dan menempatkan nya di bagian atas agar user dapat mengakses nya dengan mudah.
Dengan menggunakan tab, user juga dapat mudah berpindah pindah informasi. Mulai dari informasi About, Ingredients dan Review
Dan jangan sampai ketinggalan men-desain state ketika halaman di scroll
Semoga bermanfaat :)