layout ui ux (menggambar dan menempelkannya didinding lalu dipoto)

pada tanggal

 

MATERI TENTANG LAYOUT DAN UI/UX DESIGN

Pengertian UI (User Interface)

User Interface atau Antarmuka Pengguna adalah tampilan visual dari sebuah aplikasi atau website. UI mencakup elemen-elemen seperti tombol, teks, ikon, warna, form input (seperti nomor telepon dan password), dan tata letak layar. Tujuan dari UI adalah membuat tampilan aplikasi mudah dilihat, dipahami, dan digunakan oleh pengguna.

Pengertian UX (User Experience)

User Experience atau Pengalaman Pengguna adalah bagaimana perasaan dan pengalaman seseorang saat menggunakan aplikasi. UX yang baik membuat aplikasi terasa nyaman, mudah dipahami, dan efisien. UX tidak hanya soal tampilan, tapi juga alur penggunaan dan seberapa cepat pengguna bisa mencapai tujuannya di dalam aplikasi.

PENJELASAN DESAIN YANG DIBUAT

Saya membuat rancangan awal (mockup) dari tampilan aplikasi Grab sebagai latihan UI/UX. Tampilan ini terdiri dari tiga bagian utama:

  1. Halaman Welcome (Selamat Datang)
    Di halaman pertama, pengguna disambut dengan tulisan “Welcome to Grab”. Ada tiga pilihan cara masuk ke aplikasi, yaitu:

    • Masuk dengan akun Google

    • Masuk dengan Email

    • Masuk dengan Nomor Telepon
      Tujuannya adalah memberikan kemudahan kepada pengguna untuk memilih metode login yang mereka inginkan.

  2. Halaman Masukkan Nomor Telepon
    Pada halaman ini, pengguna diminta untuk memasukkan nomor telepon mereka.

    • Terdapat pilihan kode negara

    • Form untuk mengisi nomor

    • Tombol "Continue" untuk melanjutkan
      Tujuannya adalah untuk proses verifikasi nomor sebelum login atau daftar.

  3. Halaman Login
    Di halaman ini, pengguna yang sudah memiliki akun bisa langsung login.

    • Form untuk nomor telepon

    • Form untuk password

    • Tombol "Log In"
      Tujuannya adalah memberikan akses masuk ke pengguna yang sudah terdaftar.

KENAPA LAYOUT DAN UI/UX PENTING?

Desain layout dan UI/UX sangat penting dalam pengembangan aplikasi karena:

  • Membantu pengguna memahami cara menggunakan aplikasi

  • Meningkatkan kenyamanan dan kepuasan pengguna

  • Mengurangi kesalahan dalam penggunaan aplikasi

  • Membuat tampilan aplikasi lebih profesional dan menarik

CIRI-CIRI DESAIN UI YANG BAIK

  • Tampilan sederhana dan tidak membingungkan

  • Teks mudah dibaca dan jelas

  • Tombol dan ikon mudah dikenali

  • Warna dan jarak antar elemen seimbang

  • Alur penggunaan mudah dipahami pengguna baru

Desain ini dibuat sebagai tugas pembelajaran kkprogmbl tentang layout dan UI/UX Design.
Nama siswa: Dika saputra sunandar
Kelas: XI RPL 1




Komentar

Posting Komentar