Catatan Kuliah: UX Prototyping Interaction dan Animasi di Vigma

Pendahuluan

• Memperkenalkan topik UX prototyping menggunakan Vigma.
• Desain aplikasi yang telah disiapkan untuk prototyping.

Prototyping Interaksi

Login Gagal

• Menyusun prototyping untuk skenario login gagal.
• Menampilkan pop-up peringatan ketika tombol masuk ditekan tanpa mengisi email dan password.
  • Open Overlay: mengatur pop-up untuk muncul dari bawah ke atas.

Animasi Scrolling

• Membuat animasi Vertical Scrolling dan Horizontal Scrolling.
• Mencoba elemen horizontal scrolling dengan tiga elemen yang diframe.
  • Mengatur overflow scrolling menjadi horizontal.

Prototyping Drag

• Menyusun drag prototyping mirip aplikasi pencari jodoh.
• Mengatur animasi saat pengguna menarik kartu untuk mengganti konten.

Scroll To Prototyping

• Membuat elemen yang dapat digulir ke bagian tertentu.
• Mengatur animasi untuk transisi yang lebih halus.

Detail Pembayaran

• Prototyping untuk detail pembayaran.
• Mengarahkan tombol "Pesan Sekarang" ke pop-up cek pesanan.
  • Mengatur open overlay di bottom center dengan transparansi.

Pengaturan Fix Position

• Menggunakan fix position untuk elemen yang harus tetap terlihat saat scrolling.

Penutup

• Menyimpulkan prototyping yang telah diajarkan.
• Menyediakan file contoh di deskripsi.
• Mengajak untuk like, komen, dan subscribe untuk video tutorial selanjutnya.