M.Rizky firmansyah design UI/UX

 

Perjalanan Belajarku di Dunia Pemrograman Mobile: Saatnya Fokus ke UI/UX!



Halo semuanya!
Di postingan kali ini, aku ingin sedikit berbagi tentang perjalanan belajarku dalam mempelajari pemrograman mobile. Setelah beberapa waktu bergelut dengan konsep dasar pemrograman, akhirnya aku sampai di tahap yang menurutku sangat seru dan menantang: UI/UX (User Interface dan User Experience).

Kenapa UI/UX Penting?

Sebelumnya, aku sempat berpikir kalau yang paling penting dalam membuat aplikasi adalah logika program dan fitur-fitur canggihnya. Tapi ternyata, secanggih apa pun aplikasi yang kita buat, kalau tampilannya membingungkan atau sulit digunakan, pengguna pasti enggan memakainya.

Nah, di sinilah pentingnya UI/UX.
UI berfokus pada bagaimana tampilan aplikasi — warna, layout, icon, tombol, dll.
Sedangkan UX lebih kepada bagaimana pengalaman pengguna saat menggunakan aplikasi tersebut — apakah mudah? nyaman? intuitif?

Apa yang Sedang Aku Pelajari?

Saat ini, aku sedang belajar beberapa hal berikut:

  • Wireframing: Mendesain kerangka kasar tampilan aplikasi sebelum masuk ke coding.

  • Prototyping: Membuat simulasi interaktif dari desain UI yang sudah dibuat.

  • Desain Mobile-Friendly: Menyesuaikan tampilan agar nyaman dilihat dan digunakan di berbagai ukuran layar.

  • Prinsip UX: Seperti usability, consistency, dan feedback yang baik saat pengguna berinteraksi.

Aku menggunakan tools seperti Figma untuk desain, dan mulai mencoba mengimplementasikan hasil desainnya ke code menggunakan Flutter dan React Native.

Tantangan yang Dihadapi

Belajar UI/UX ternyata nggak sekadar "membuat tampilan bagus". Kita juga harus memahami bagaimana pengguna berpikir, bagaimana mereka berinteraksi, dan bagaimana membuat alur yang efisien. Kadang desain yang menurut kita keren, belum tentu nyaman untuk orang lain. Jadi, belajar menerima feedback juga jadi bagian penting dari proses ini.

Harapan Ke Depan

Harapanku, dengan memperdalam UI/UX, aku bisa membangun aplikasi mobile yang bukan hanya berfungsi, tapi juga disukai dan mudah digunakan oleh banyak orang. Karena pada akhirnya, tujuan kita bikin aplikasi adalah untuk membantu orang — dan itu dimulai dari pengalaman pengguna yang baik.

Terima kasih sudah membaca! Kalau kamu juga sedang belajar pemrograman mobile, atau tertarik dengan UI/UX, boleh banget sharing pengalaman kamu di kolom komentar. Yuk, sama-sama belajar dan berkembang! 💪


https://www.figma.com/proto/8jnNRuhNJMfaoHiDgY3qYe/TopUp-Si-M-Prototype?node-id=12-529&p=f&t=ToedDijEoj07o9Eo-0&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=1%3A2

Comments

Post a Comment

Popular posts from this blog

Membuat Carousel Gambar Film Marvel dengan Bottom Navigation

Image
  🚀 Belajar Flutter di Zapp.run: Membuat Carousel Gambar Film Marvel dengan Bottom Navigation Halo semuanya! 👋 Di artikel kali ini saya ingin berbagi pengalaman seru saya saat belajar Flutter menggunakan platform Zapp.run. Tujuan saya adalah membuat sebuah halaman galeri film Marvel yang memiliki fitur: Carousel slider gambar yang bisa digeser (swipe) ke kiri dan kanan Gambar bisa diklik untuk membuka halaman detail Bottom Navigation Bar untuk berpindah menu (Home, Favorite, Profile) Awalnya saya hanya ingin mencoba-coba, tapi ternyata hasilnya lumayan keren dan membuat saya semakin semangat belajar Flutter 💪 🧰 Persiapan Project Saya menggunakan situs Z app.run  untuk membuat project Flutter secara online. Zapp.run sangat membantu karena: Tidak perlu instalasi Android Studio Bisa langsung coding di browser Proses running dan debugging sangat cepat Setelah membuat project baru, saya menambahkan beberapa gambar poster film Marvel ke folder assets/, seperti: Spider-Man Homeco...
Read more

Kelompok Flutter

 Belajar Flutter: Membuat Halaman Data Kelompok Belajar Anggota Kelompok:  M.Rizky Firmansyah Desta Adila Kusuma Rianto Fitra Anzani Halo teman-teman! 👋 Beberapa waktu lalu saya sedang belajar Dart & Flutter dan mencoba membuat sebuah project sederhana. Tujuannya adalah menampilkan data kelompok belajar di dalam 1 halaman aplikasi. Project ini sangat cocok untuk pemula yang ingin berlatih layout, menampilkan data, dan membuat popup dialog di Flutter. Konsep Halaman yang Dibuat Struktur halaman yang saya rancang sebagai berikut: Bagian atas → Nama kelompok. Di bawahnya → Foto kelompok secara keseluruhan. Selanjutnya → Daftar anggota (berisi foto, nama, nomor absen, dan alamat). Di bagian bawah → Tombol yang bila ditekan akan memunculkan popup dialog berisi rincian anggota kelompok: Nama lengkap Nama kelompok Nomor absen Alamat rumah Kode Program Lengkap (main.dart) Berikut kode lengkap yang saya tulis di main.dart menggunakan zapp.run. Foto-foto anggota disimpan di folder ...
Read more