UI Review — #3

Dwinawan
Dwinawan
May 20 · 3 min read

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 :)


Insight

UI, UX, Bisnis Design

Dwinawan

Written by

Dwinawan

Co Founder @ Paperpillar and @ Insight Design — Designer and Story Teller

Insight

Insight

UI, UX, Bisnis Design