INSTRAGRAM

 

📱 Perjalanan Belajarku di Dunia Pemrograman Mobile: Fokus UI/UX Design




Halo teman-teman! 👋
Hari ini aku ingin berbagi sedikit cerita dan pengalaman tentang proses belajarku di dunia pemrograman mobile, terutama saat ini aku sedang fokus di tahap UI/UX design — bagian yang menurutku sangat menarik dan menantang!

🔍 Kenapa UI/UX Penting dalam Pemrograman Mobile?

Sebelumnya, aku mengira belajar coding untuk aplikasi mobile hanya tentang logika dan syntax. Tapi ternyata, desain antarmuka (UI) dan pengalaman pengguna (UX) punya peran besar dalam keberhasilan suatu aplikasi.

Contohnya:

  • Aplikasi bisa punya fitur canggih, tapi kalau tampilannya membingungkan, orang enggan memakainya.

  • UX yang buruk bisa bikin user langsung uninstall meskipun aplikasinya sebenarnya berguna.

Makanya, aku mulai menggali lebih dalam soal desain aplikasi yang user-friendly, intuitif, dan estetik.

🛠 Tools yang Aku Gunakan

Saat ini, aku sedang belajar dan mencoba berbagai tools UI/UX, dan ini beberapa yang sering kupakai:

  • Figma: Tool andalan untuk mendesain dan memprototipe aplikasi. Aku sudah coba buat tampilan login seperti di Instagram, dan seru banget nguliknya!

  • Adobe XD: Alternatif Figma, juga powerful untuk UI design.

  • Canva (untuk inspirasi warna dan icon).

📚 Apa yang Sudah Aku Pelajari?

Beberapa hal mendasar yang sedang aku dalami:

  • Prinsip desain mobile: Hierarchy, Consistency, Spacing, Typography.

  • Membuat wireframe dan mockup.

  • Menyesuaikan desain untuk berbagai ukuran layar.

  • Menciptakan pengalaman yang mudah digunakan dan menyenangkan.

🔄 Dari UI/UX ke Coding

Setelah desain selesai, tahap berikutnya adalah mengimplementasikan desain ke dalam kode. Aku sedang belajar bagaimana mengubah desain Figma menjadi kode di:

  • Flutter (dengan Container, Column, Row, dsb).

  • React Native (dengan View, Text, StyleSheet, dll).

Ternyata, desain yang bagus perlu dukungan struktur kode yang rapi agar tampilannya tetap konsisten dan responsif.

💬 Penutup

Belajar UI/UX di dunia mobile development bikin aku lebih menghargai proses di balik aplikasi-aplikasi yang kita pakai setiap hari. Sekarang aku jadi lebih jeli melihat kenapa suatu aplikasi nyaman digunakan — dan mulai berpikir bagaimana aku bisa bikin yang seperti itu juga! 😄

Kalau kamu juga lagi belajar hal serupa, yuk berbagi cerita atau tips di kolom komentar. Let’s grow together!

Comments

Post a Comment

Popular posts from this blog

membuat halaman data kelompok

 Belajar Flutter: Membuat Halaman Data Kelompok Belajar 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 assets/, jadi pastikan kamu menaruh gambar sesuai dengan path yang dipanggil. impo...
Read more

Membuat layout responsif

Image
   LINK:  https://zapp.run/edit/flutter-zi14q06m2i14r?entry=lib/main.dart&file=lib/main.dart  ✨ Perawatan Kulit: Rahasia Kulit Sehat dan Bersinar ✨ Merawat kulit bukan hanya soal penampilan, tapi juga tentang bagaimana kita menjaga kesehatan diri. Skincare adalah bentuk investasi jangka panjang agar kulit tetap sehat, segar, dan percaya diri dalam setiap aktivitas. 🌿 Mengapa Skincare Penting? Kulit setiap hari terpapar polusi, sinar matahari, dan debu. Tanpa perawatan yang tepat, kulit bisa menjadi kusam, berjerawat, atau menua lebih cepat. Dengan skincare rutin, kita membantu kulit tetap terlindungi, ternutrisi, dan lebih bercahaya. 💧 Langkah Dasar Skincare yang Wajib Dicoba: 1. Cleansing – Membersihkan kotoran dan sisa makeup. 2. Toner – balikan kelembapan kulit. 3. Serum – Memberikan nutrisi sesuai kebutuhan kulit. 4. Moisturizer – Mengunci kelembapan agar kulit tetap sehat. 5. Sunscreen – Perlindungan utama dari sinar UV. 🌸 Tips: Konsistenlah dengan rutini...
Read more