NEW
Font size
S
M
L
XL
WorksheetsQuiz 2 UI/UX Design
Total questions: 20
Worksheet time: 7mins
Name
Class
Date
1.
Pada desain mobile, elemen penting seperti tombol navigasi utama atau call-to-action (CTA) umumnya ditempatkan pada bagian...
a)
Paling atas layar
b)
Bawah layar (Mudah dijangkau ibu jari)
c)
Tengah layar
d)
Sisi kiri ekstrem
e)
Sisi kanan ekstrem
2.
Apa yang dimaksud dengan Safe Zone dalam konteks desain layar modern (misalnya, notch pada ponsel)?
a)
Area yang berisi konten iklan
b)
Area yang ditutupi oleh bilah notifikasi atau sensor
c)
Area di mana konten penting harus diletakkan agar tidak terpotong oleh sistem atau notch
d)
Area untuk elemen navigasi sekunder
e)
Area khusus untuk testing
3.
Dalam desain High-Fidelity, menjaga konsistensi jarak antar elemen (spacing) sangat penting dan paling baik dikelola menggunakan...
a)
Thumb Zone
b)
Grid dan Column
c)
Typography Scale
d)
Asset Library
e)
Color Palette
4.
Jika sebuah aplikasi akan digunakan pada platform iOS, desainer harus memperhatikan safe area sistem seperti baris notifikasi dan home indicator. Prinsip ini termasuk dalam konsep...
a)
Figure-Ground
b)
Visual Hierarchy
c)
Fitts’s Law
d)
Platform Guidelines
e)
Miller’s Law
5.
Dalam Figma, area kerja utama tempat Anda mendesain antarmuka disebut...
a)
Slice
b)
Page
c)
Layer
d)
Canvas
e)
Vector
6.
Apa fungsi utama dari Frame di Figma (Ex. Macbook Air)?
a)
Mengubah warna elemen
b)
Merepresentasikan layar atau halaman dengan ukuran tertentu
c)
Menyimpan aset gambar
d)
Membuat vector shape
e)
Mengatur transisi animasi
7.
Fitur di Figma yang memungkinkan Anda menduplikasi dan menghubungkan frame untuk mensimulasikan interaksi pengguna disebut mode...
a)
Design
b)
Observe
c)
Inspect
d)
Prototype
e)
Develop
8.
Untuk membuat elemen UI yang dapat digunakan kembali di banyak tempat, seperti tombol atau card, fitur apa yang digunakan di Figma?
a)
Auto Layout
b)
Plugins
c)
Components
d)
Masking
e)
Prototype
9.
Ketika membuat Moodboard di Figma, elemen yang dikumpulkan berfungsi untuk menentukan...
a)
Alur pengguna
b)
Struktur navigasi
c)
Arah dan suasana hati (mood) visual produk (warna, gaya)
d)
Fungsi Frontend
e)
Gambar Produk
10.
Dalam konteks Design System di Figma, Style digunakan untuk mendefinisikan dan menyimpan properti yang dapat digunakan kembali secara global, seperti...
a)
Component Logic
b)
Prototype Flows
c)
Color Styles dan Text Styles
d)
Plugin Settings
e)
Layer Visibility
11.
Apa manfaat utama memiliki Design System yang terpusat di Figma?
a)
Mempercepat loading design di figma
b)
Menjaga konsistensi dan efisiensi di seluruh proyek dan tim
c)
Otomatisasi riset pengguna
d)
Mendapatkan feedback dari klien
e)
Sebagai pengingat gaya desain
12.
Untuk membuat tombol yang memiliki berbagai state (misalnya Primary dan Secondary) dalam satu Component yang fleksibel, fitur apa yang digunakan di Figma?
a)
Auto Layout
b)
Plugins
c)
Clipping Mask
d)
Variants
e)
Smart Animate
13.
Fitur Figma yang membantu menata objek secara otomatis dalam urutan vertikal atau horizontal dengan jarak (spacing) yang konsisten adalah...
a)
Smart Animate
b)
Auto Layout
c)
Components
d)
Prototype
e)
Margin
14.
Jika tombol checkout di sebuah e-commerce diletakkan terlalu kecil dan di sudut layar, prinsip psikologi desain apa yang mungkin dilanggar?
a)
Hick's Law
b)
Fitts's Law
c)
Miller's Law
d)
Jackob's Law
e)
Similarity
15.
Seorang desainer menggunakan grayscale untuk fokus hanya pada tata letak dan hierarki / layout. Tahapan ini paling tepat disebut...
a)
Mockup
b)
Prototype
c)
Wireframe
d)
Moodboard
e)
Mindmap
16.
Saat merancang formulir pendaftaran, Anda mengelompokkan input nama, email, dan telepon dalam satu kotak, dan alamat di kotak lain. Prinsip Gestalt apa yang diterapkan?
a)
Figure-Ground
b)
Proximity
c)
Continuity
d)
Closure
e)
Similarity
17.
Agar desain website suatu pemerintah Kabupaten/Kota mudah dipahami oleh pengguna baru, desainer sebaiknya menerapkan...
a)
Desain yang sangat unik dan belum pernah ada.
b)
Warna-warna yang sangat cerah dan mencolok.
c)
Konvensi desain yang sudah umum (Jakob’s Law)
d)
Banyak sekali pilihan menu (Hukum Hick).
e)
Font dengan gaya tulisan tangan.
18.
Tujuan utama dari prototyping yang cepat dan berulang (iterative) sebelum coding dimulai adalah...
a)
Menyelesaikan mockup visual
b)
Menghasilkan design system
c)
Mengurangi risiko kegagalan dan biaya revisi di tahap pengembangan
d)
Mencari font yang paling bagus
e)
Membuat file Figma menjadi se-efisien mungkin.
19.
Keuntungan utama menggunakan Variant di Figma dibandingkan membuat banyak Master Component terpisah adalah...
a)
Mempercepat proses export aset
b)
Memudahkan organisasi dan switching state komponen di satu tempat
c)
Mengaktifkan fitur Smart Animate secara otomatis
d)
Mengurangi penggunaan Auto Layout
e)
Memungkinkan kolaborasi antar desainer berbeda
20.
Dalam sebuah Design System, properti Variant yang paling sering digunakan untuk mendefinisikan tampilan sebuah tombol adalah...
a)
Author
b)
Shape and Color
c)
Margin
d)
Grid
e)
State (Ex. Default, Hover, Disabled)
Reset
