• PEMROGRAMAN WEB DINAMIS

    Pengertian web dinamis adalah suatu web yang konten atau isinya dapat berubah-ubah setiap saat. Sebab dalam teknologi pembuatan web dinamis sudah dirancang semudah mungkin bagi pemakai atau user yang menggunakan web tersebut..

  • SIMULASI DAN KOMUNIKASI DIGITAL

    Suatu proses peniruan dalam bentuk visual yang dideskripsikan menyerupai kata, gambar dan grafis..

  • SISTEM KOMPUTER

    Sistem komputer adalah suatu jaringan elektronik yang terdiri dari perangkat lunak dan perangkat keras yang melakukan tugas tertentu (menerima input, memproses input, menyimpan perintah-perintah, dan menyediakan output dalam bentuk informasi). Selain itu dapat pula diartikan sebagai elemen-elemen yang terkait untuk menjalankan suatu aktivitas dengan menggunakan komputer..

  • DASAR DESAIN GRAPIS

    Banyak yang berpikiran kalau desain yang baik adalah yang membutuhkan jam kerja yang banyak, membutuhkan skill tinggi dan aplikasi yang mahal. Ya, memang, tapi sebenarnya desain yang baik adalah desain yang sederhana, yang membuat setiap orang yang melihatnya mudah menangkap maksud dari sebuah bentuk visual tersebut..

  • BASIS DATA

    Pangkalan data atau basis data (bahasa Inggris: database) adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data disebut sistem manajemen basis data (database management system, DBMS). Sistem basis data dipelajari dalam ilmu informasi.

Belajar Pemrograman Mobile: Mendesain UI/UX dengan Figma

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:

  1. 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.

  2. 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.

  3. 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

Share:

Blogger Tricks

Blogger Themes