Modul 01 - PENDAHULUAN 

Modul 02 - Konsep Desain UI/UX

User Interface adalah antarmuka atau tampilan visual dari sebuah produk yang dalam hal ini bisa berupa aplikasi, website, dan sebagainya, yang tujuannya untuk menjembatani atau menghubungkan aplikasi/sistem dengan pengguna/user. Dengan demikian, User Interface secara fisik adalah berupa tulisan, warna, bentuk, gambar, yang didesain sebaik mungkin agar tampilannya menjadi menarik. User eXperience adalah proses atau fitur-fitur yang memudahkan pengguna dalam menggunakan aplikasi/sistem sehingga mengakibatkan munculnya persepsi, emosi dan respon yang baik terhadap aplikasi/sistem tersebut. Dengan demikian, aplikasi/sistem yang baik harus mudah diakses, cepat, memiliki navigasi menu yang mudah, dan konten yang jelas.

Salah satu hal yang menjadi alasan mengapa desain interface mesin ATM tidak dikembangkan adalah karena pengguna membutuhkan waktu pelayanan yang secepat mungkin. Dapat dibayangkan apabila interface ATM menggunakan gambar, foto, atau video, yang semuanya akan membuat mesin ATM lambat bekerja karena membutuhkan waktu untuk mendownload media tersebut. Bisa dibayangkan pula berapa panjang antrian yang diakibatkan oleh lambatnya mesin ATM tersebut sehingga akan banyak pengguna mesin ATM yang tidak merasa nyaman atau bahkan marah karena keterlambatan yang dialaminya.

MODUL 03 - Workflow Desain UI-UX

MODUL 04 - APLIKASI FIGMA

Figma adalah editor grafis vektor dan alat prototyping berbasis web serta fitur offline tambahan yang diaktifkan oleh aplikasi desktop untuk Mac OS dan Windows. Selain mode desktop, Figma juga memiliki aplikasi pendamping Figma Mirror untuk Android dan iOS yang memungkinkan penggunanya untuk melihat Figma pada perangkat seluler. 

Fitur-fitur Figma memiliki kegunaan yang lebih difokuskan pada antarmuka pengguna dan desain pengalaman pengguna dengan penekanan pada kolaborasi waktu nyata (real- time). Sederhananya, Figma adalah alat untuk desain digital dan prototyping. 

Figma adalah aplikasi desain UI dan UX yang dapat digunakan untuk membuat situs web, aplikasi, atau “komponen antarmuka pengguna” yang lebih kecil yang dapat diintegrasikan ke dalam proyek lain. Dengan alat berbasis vektor online yang berjalan di cloud, Figma memungkinkan para penggunanya untuk bekerja di manapun dengan menggunakan browser internet. 

MODUL 05 - Sistem Grid

Grid sangat sering digunakan pada desain layout halaman. Grid terdiri atas garis horizontal dan garis vertikal. Fungsi grid pada desain adalah untuk membantu desainer dalam menyusun konten (gambar, judul, paragraf, dan lain-lain) sehingga dapat ditampilkan dengan rapi dan terstruktur dengan baik.