Kursus Desain UI/UX

Pelajaran 1 • Prinsip Inti Desain yang Baik

Mencakup kegunaan, aksesibilitas, konsistensi, dan umpan balik sebagai prinsip dasar. Siswa menerapkan prinsip-prinsip ini sebagai kriteria evaluasi di semua pekerjaan selanjutnya.

Pelajaran 2 • Memahami UI vs. UX

Mendefinisikan UI sebagai lapisan antarmuka visual dan UX sebagai keseluruhan perjalanan pengguna. Membangun kosakata yang digunakan di seluruh kursus.

Pelajaran 3 • Ikhtisar Proses Desain

Memetakan alur kerja desain dari ujung ke ujung, mulai dari penemuan hingga serah terima. Memberikan peta jalan yang diikuti siswa di semua bab inti.

Pelajaran 1 • Metode Riset Kuantitatif

Memperkenalkan survei, tinjauan analitik, dan interpretasi data perilaku. Menyeimbangkan temuan kualitatif dengan bukti yang terukur.

Pelajaran 2 • Perencanaan dan Strategi Riset

Mengajarkan cara mendefinisikan tujuan riset, memilih metode, dan merekrut peserta. Menyelaraskan ruang lingkup riset dengan kendala proyek.

Pelajaran 3 • Mensintesis Riset menjadi Wawasan

Mentransformasi data mentah menjadi peta afinitas, persona, dan peta perjalanan. Keluaran langsung diumpankan ke dalam ideasi dan arsitektur informasi.

Pelajaran 1 • Pola Navigasi dan Menu

Mencakup pola navigasi global, lokal, dan kontekstual untuk web dan seluler. Siswa memilih pola berdasarkan volume konten dan konteks pengguna.

Pelajaran 2 • Card Sorting dan Tree Testing

Mengajarkan card sorting terbuka dan tertutup untuk memvalidasi pengelompokan kategori. Tree testing memverifikasi navigasi sebelum desain visual dimulai.

Pelajaran 3 • Prinsip Arsitektur Informasi

Menjelaskan organisasi, pelabelan, navigasi, dan pencarian sebagai pilar IA. Menghubungkan keputusan IA dengan model mental pengguna dari riset.

Pelajaran 1 • Alur Pengguna dan Pemetaan Tugas

Mendefinisikan alur pengguna sebagai jalur langkah demi langkah melalui tugas sebelum layar digambar. Memastikan wireframe membahas tujuan pengguna nyata yang diidentifikasi dalam riset.

Pelajaran 2 • Teknik Sketsa dan Ideasi

Memperkenalkan sketsa cepat, Crazy Eights, dan metode thumbnail untuk ideasi cepat. Mendorong kuantitas di atas kualitas untuk memunculkan opsi tata letak yang beragam.

Pelajaran 3 • Tautan Prototipe Fidelitas Rendah

Menghubungkan layar wireframe ke dalam prototipe yang dapat diklik untuk pengujian kegunaan awal. Memvalidasi navigasi dan alur tugas sebelum investasi desain visual.

Pelajaran 1 • Hierarki Visual dan Penekanan

Memandu penggunaan ukuran, ketebalan, kontras, dan posisi untuk mengarahkan perhatian pengguna. Siswa menerapkan hierarki untuk memastikan tindakan penting langsung terlihat.

Pelajaran 2 • Tata Letak, Grid, dan Spasi

Menjelaskan grid kolom, grid garis dasar, dan token spasi untuk tata letak yang konsisten. Menghubungkan keputusan tata letak dengan ritme visual dan hierarki konten.

Pelajaran 3 • Teori Warna dan Sistem Warna UI

Mengajarkan psikologi warna, rasio kontras, dan membangun palet warna UI. Siswa menciptakan sistem warna yang dapat diakses dan memenuhi standar kontras.

Pelajaran 4 • Tipografi dalam Desain Antarmuka

Mencakup pemilihan tipografi, skala tipografi, tinggi baris, dan keterbacaan untuk layar. Pilihan tipografi secara langsung memengaruhi kegunaan dan persepsi merek.

Pelajaran 1 • Mendokumentasikan dan Memelihara Sistem

Memandu penulisan panduan penggunaan, contoh boleh/tidak boleh, dan pembuatan versi untuk komponen. Dokumentasi memungkinkan tim mengadopsi sistem tanpa intervensi desainer.

Pelajaran 2 • Anatomi Sistem Desain

Mendefinisikan token desain, komponen, pola, dan dokumentasi sebagai lapisan sistem. Menetapkan mengapa sistem mengurangi inkonsistensi dan mempercepat produksi.

Pelajaran 3 • Komponen Responsif dan Adaptif

Mencakup bagaimana komponen beradaptasi di berbagai ukuran layar menggunakan tata letak otomatis dan batasan. Memastikan sistem berfungsi di konteks seluler, tablet, dan desktop.

Pelajaran 1 • Membangun Prototipe Fidelitas Tinggi

Menerapkan komponen sistem desain untuk membuat prototipe interaktif yang akurat piksel. Prototipe mereplikasi perilaku aplikasi nyata untuk pengujian kegunaan yang kredibel.

Pelajaran 2 • Pengujian dan Penyempurnaan Prototipe

Memandu pengujian terstruktur prototipe fidelitas tinggi untuk mengidentifikasi kegagalan interaksi. Siklus penyempurnaan menutup kesenjangan antara prototipe dan produk akhir.

Pelajaran 3 • Mikro-Interaksi dan Animasi

Mengajarkan struktur pemicu-umpan balik, kurva easing, dan panduan durasi untuk animasi UI. Siswa merancang animasi yang memandu perhatian tanpa menyebabkan gangguan.

Pelajaran 4 • Desain Interaksi Gestur dan Sentuhan

Mencakup pola gesek, cubit, ketuk, dan tekan lama untuk antarmuka seluler dan sentuhan. Siswa merancang alur berbasis gestur yang terasa alami dan dapat ditemukan.

Pelajaran 1 • Dasar-Dasar Pengujian Kegunaan

Mendefinisikan pengujian termoderasi vs. tidak termoderasi dan kapan menerapkan setiap metode. Menetapkan pengujian sebagai aktivitas berkelanjutan, bukan pemeriksaan tahap akhir.

Pelajaran 2 • Menulis Rencana dan Tugas Pengujian

Mengajarkan cara menulis tugas berbasis skenario yang mengungkap masalah kegunaan nyata. Tugas yang ditulis dengan baik mencegah pengarahan peserta dan menghasilkan data yang valid.

Pelajaran 3 • Menganalisis dan Melaporkan Temuan

Mentransformasi data sesi menjadi masalah dengan peringkat keparahan dan rekomendasi yang diprioritaskan. Laporan mengomunikasikan temuan kepada pemangku kepentingan yang tidak hadir.

Pelajaran 4 • Memfasilitasi Sesi Kegunaan

Mencakup teknik moderator untuk menjaga sesi tetap netral dan produktif. Siswa berlatih observasi, pencatatan, dan menggali tanpa bias.