Belajar Pemrograman Mobile: Mendesain UI/UX dengan Figma

Halo teman-teman! 👋

Hari ini saya ingin berbagi pengalaman saya dalam perjalanan mempelajari pemrograman mobile, khususnya di tahap desain UI/UX.

Sebelum masuk ke coding, salah satu langkah penting dalam pengembangan aplikasi adalah membuat desain antarmuka (UI) dan pengalaman pengguna (UX). Untuk itu, saya menggunakan Figma, sebuah tools desain yang sangat populer dan mudah digunakan, baik untuk pemula maupun profesional.

Proyek Hari Ini: Desain Aplikasi Facebook

Sebagai latihan, saya mencoba membuat tiga tampilan UI/UX sederhana dari aplikasi Facebook, yaitu:

Tampilan Login
- Berisi logo Facebook, kolom email/nomor telepon, kolom password, tombol login, serta opsi lupa kata sandi.
- Fokus utama ada pada kesederhanaan dan kemudahan akses agar pengguna tidak kebingungan ketika ingin masuk.
Tampilan Registrasi (Sign Up)
- Menyediakan form pendaftaran dengan input nama lengkap, email, password, dan tanggal lahir.
- Desainnya saya buat dengan warna khas Facebook: biru dan putih, agar tetap konsisten dengan identitas brand.
Tampilan Beranda (Feed)
- Menampilkan postingan sederhana, foto profil, kolom untuk menulis status, serta menu navigasi di bawah.
- Tujuannya agar pengguna merasa familiar dengan tampilan media sosial yang sering digunakan sehari-hari.

Apa yang Saya Pelajari?

Konsistensi desain itu penting, baik dari segi warna, font, maupun tata letak.
User-friendly menjadi prioritas utama dalam membuat aplikasi. Desain yang terlalu rumit justru bisa membuat pengguna bingung.
Dengan Figma, saya bisa bekerja lebih cepat karena banyak tersedia template dan komponen siap pakai.

Kesimpulan

Belajar UI/UX bukan hanya soal keindahan tampilan, tapi juga bagaimana aplikasi itu bisa digunakan dengan nyaman oleh pengguna. Latihan membuat desain Facebook ini membuat saya semakin paham bagaimana aplikasi besar bisa memiliki tampilan sederhana namun efektif.

Postingan selanjutnya saya berencana untuk melanjutkan ke desain halaman lain dan mungkin mencoba membuat prototype agar bisa lebih interaktif.

Salam Redaksi