WorksheetsASTS GENAP - KKD 2025
Total questions: 20
Worksheet time: 32mins
Aplikasi yang umum digunakan untuk merancang antarmuka pengguna (UI) berbasis web dan mobile adalah:
Adobe Photoshop
Figma
Canva
AutoCAD
Microsoft Word
Dalam Figma, apa fungsi dari fitur "Prototype"?
Membuat efek visual
Membuat animasi 3D
Menghubungkan antar frame untuk simulasi interaksi
Menyimpan file ke PDF
Mengatur ukuran file desain
Storyboard berguna dalam proses desain untuk:
Membuat kode program
Menyusun langkah visualisasi alur cerita/interaksi pengguna
Mendesain ikon aplikasi
Menentukan warna utama UI
Menentukan harga produk
Flow map dalam proses UI/UX berfungsi untuk:
Menentukan warna tombol
Menjelaskan urutan navigasi antar halaman
Membuat animasi
Mendesain logo
Menyusun konten promosi
Wireframe merupakan:
Desain akhir dari UI
Sketsa kasar struktur layout aplikasi
Hasil rendering 3D
Kode HTML awal
Template desain siap cetak
Fungsi utama wireframe dalam perancangan antarmuka adalah:
Menentukan bahasa pemrograman
Mewakili struktur dan tata letak awal aplikasi
Menampilkan warna akhir
Memasukkan animasi
Mengatur efek visual akhir
Apa keunggulan utama menggunakan Figma dalam kolaborasi tim?
Bisa digunakan offline
Hanya tersedia untuk Mac
Mendukung kerja tim secara real-time
Tidak bisa dibagikan
Mengubah format gambar
Flow Map biasanya terdiri dari:
Video presentasi
Tombol-tombol interaktif
Diagram alur halaman/aplikasi
Latar belakang musik
Desain karakter pengguna
Pada storyboard, elemen penting yang perlu dimasukkan adalah:
Judul lagu
Urutan visual, narasi, dan interaksi
Skema warna
Jenis font
Jumlah halaman
Di Figma, komponen yang bisa dipakai ulang disebut:
Layout
Plugin
Components
Styles
Grid System
Fungsi "Auto Layout" di Figma digunakan untuk:
Mengatur animasi
Membuat navigasi
Menyusun elemen secara responsif
Mengimpor gambar
Mengatur hak akses pengguna
Perbedaan utama antara wireframe dan mockup adalah:
Wireframe berwarna penuh
Mockup menampilkan tampilan visual akhir
Wireframe menggunakan HTML
Mockup lebih sederhana
Mockup hanya berupa teks
Figma dapat dijalankan melalui:
Hanya Windows
Hanya Mac
Browser dan aplikasi desktop
Hanya Android
Console game
Elemen dalam flow map biasanya digambarkan dengan:
Lingkaran acak
Teks narasi
Simbol dan panah untuk alur
Foto pengguna
Gambar pemandangan
Storyboard umumnya digunakan pada tahap:
Finalisasi desain
Pembuatan kode
Perencanaan awal pengalaman pengguna
Pengetesan aplikasi
Optimasi SEO
Dalam UI/UX, presentasi desain bertujuan untuk:
Menghibur audiens
Menyampaikan hasil desain dan alur pengguna
Menjual produk langsung
Menulis skrip film
Mengatur biaya produksi
Fitur "Interaction" pada prototyping di Figma berfungsi untuk:
Mengubah warna
Menambahkan teks
Memberi animasi transisi antar halaman
Menyimpan file
Menyimpan project ke cloud
Komponen penting dalam wireframe adalah:
Nama developer
Desain tombol, form, navigasi tanpa warna
Background final
Script coding
Skema warna dan ikon final
Flow map membantu tim desain untuk:
Menentukan mood warna
Memahami alur navigasi aplikasi
Mengatur hosting website
Menambahkan audio
Mendesain banner promosi
Manakah dari berikut ini yang merupakan langkah setelah wireframe dalam proses UI/UX?
Membuat flow map
Menentukan persona
Membuat mockup dan prototype
Membuat storyboard
Menulis skrip interaksi pengguna
