NEW
Font size
WorksheetsLatihan Soal UAS Menerapkan Design Brief Kelas XII
Total questions: 60
Worksheet time: 30mins
Dalam menyusun design brief untuk aplikasi UMKM, langkah awal yang paling tepat adalah...
Membuat wireframe di Figma
Menentukan warna dan tipografi
Melakukan riset kebutuhan pengguna
Menyusun flowchart navigasi
Menentukan deadline proyek
Hasil riset menunjukkan UMKM kesulitan mempromosikan produk. Fitur aplikasi paling relevan adalah...
Sistem kasir offline
Katalog produk online
Pencatatan keuangan manual
Login biometrik
Pengingat stok
Tahap Define dalam design thinking menghasilkan...
Wireframe awal
Problem statement jelas
Rencana usability testing
Mind map visual
Skema database
Persona: “Pemilik butik kecil, 28 tahun, aktif di Instagram, kesulitan mengelola pesanan DM.” Manfaat utama persona adalah...
Menentukan palet warna
Mengidentifikasi target pengguna
Menghitung anggaran
Menentukan timeline
Menentukan arsitektur informasi
Usability testing penting karena...
Memilih warna yang tepat
Memastikan solusi sesuai kebutuhan pengguna
Memotong anggaran
Mempercepat timeline
Menghasilkan flowchart otomatis
Pada tahap Ideate, aktivitas inti adalah...
Menulis problem statement
Brainstorming fitur solusi
Membuat wireframe
Melakukan uji coba
Menyusun dokumen anggaran
Perbedaan utama user journey dan flowchart adalah...
Flowchart fokus estetika
User journey pengalaman, flowchart alur teknis
Flowchart hanya desktop
User journey khusus branding
Flowchart tidak relevan UI/UX
Wireframe tanpa flowchart berpotensi menyebabkan...
Navigasi tidak jelas
Warna tidak konsisten
Tipografi tidak sesuai
Anggaran membengkak
Deadline terlambat
Temuan riset: UMKM kewalahan mencatat pesanan multi-channel. Fitur terbaik...
Katalog produk
Otomasi pencatatan pesanan
Login biometrik
Reminder stok
Promosi digital
Design brief penting sebelum wireframe karena...
Mempercepat pengerjaan
Menjamin keselarasan dengan kebutuhan klien
Menambah elemen grafis
Mengurangi biaya
Memadatkan timeline
Notifikasi “pesanan masuk” bermanfaat utama untuk...
Pencatatan keuangan
Komunikasi pelanggan
Pengelolaan pesanan
Penentuan warna
Penjadwalan tugas
Bagian “tujuan desain” dalam brief menjelaskan tentang...
Palet warna
Hasil yang ingin dicapai
Batasan anggaran
Flowchart navigasi
Tipografi utama
Empathize dalam proses desain UI/UX berfokus pada...
Wireframe
Memahami kebutuhan dan masalah pengguna
Tipografi
Flowchart
Deadline
Persona tanpa data riset berisiko...
Tidak relevan
Flowchart lemah
Wireframe tertunda
Anggaran membengkak
Timeline molor
Fungsi moodboard dalam design brief adalah...
Menentukan anggaran
Menyusun flowchart
Mengumpulkan inspirasi visual
Menetapkan deadline
Membuat persona
Mind map dalam proses design thinking digunakan untuk...
Struktur navigasi
Keyword visual dan ide
Flowchart journey
Anggaran
Segmentasi audiens
Moodboard dengan warna cerah, tipografi playful, ikon sederhana cocok untuk...
Keuangan formal
Fashion remaja
Gudang bahan bangunan
Kasir tradisional
Edukasi anak-anak
Perbedaan antara Flowchart dan wireframe adalah...
Flowchart alur interaksi, wireframe tampilan visual
Flowchart warna, wireframe tipografi
Flowchart desktop, wireframe mobile
Flowchart anggaran, wireframe timeline
Flowchart persona, wireframe deliverables
Wireframing di Figma berada pada tahap...
Empathize
Define
Ideate
Prototype
Test
Perancangan Moodboard dalam proses pembuatan UI/UX paling relevan dengan tahap...
Empathize
Define
Ideate
Prototype
Test
Sub “Deliverables” dalam design brief menjelaskan tentang...
Audiens
Hasil akhir
Anggaran
Flowchart
Style guide tipografi
Flowchart tanpa problem statement jelas berakibat...
Navigasi tidak sesuai kebutuhan
Warna tak konsisten
Tipografi kurang tepat
Anggaran bengkak
Timeline molor
Tahap dalam perancangan UI/UX paling terkait evaluasi adalah pada tahapan ...
Empathize
Define
Ideate
Prototype
Test
Perancangan Moodboard membantu mengkomunikasikan ide visual kepada...
Klien dan tim desain
Anggaran
Timeline
Flowchart
Deliverables
Sub bagian “Media/platform” dalam design brief menjelaskan tentang ...
Warna aplikasi
Perangkat/saluran yang digunakan (mis. mobile app)
Anggaran
Flowchart
Tipografi
Pada perancangan UI/UX yang sesuai dengan kaedah design thinking dan POS design, sub bagian “Output” tahap “Define” adalah...
Wireframe
Problem statement
Flowchart
Moodboard
Persona
"Frame" di toolbar Figma berfungsi untuk...
Flowchart otomatis
Membuat area kerja/artboard
Menentukan warna
Menentukan tipografi
Menetapkan anggaran
Perbedaan mendasar antara User journey dan wireframe adalah...
Journey pengalaman, wireframe tampilan
Journey warna, wireframe tipografi
Journey desktop, wireframe mobile
Journey anggaran, wireframe timeline
Journey persona, wireframe deliverables
Tab "Prototype" di panel Figma berfungsi untuk...
Menentukan warna
Menentukan tipografi
Menghubungkan frame (interaksi)
Menentukan anggaran
Menentukan deadline
Pada perancangan UI/UX jika membuat design Wireframe tanpa flowchart menyebabkan...
Navigasi tidak jelas
Warna tidak konsisten
Tipografi tidak sesuai
Anggaran bengkak
Timeline molor
Tahap Prototype dalam perancangan UI/UX berhubungan erat dengan...
Problem statement
Wireframe dan simulasi interaksi
Usability testing
Moodboard
Anggaran
Sub bagian “Anggaran” dalam design brief berisi...
Audiens utama
Perkiraan biaya proyek
Warna dasar
Flowchart
Tipografi
Tujuan tahapan Test dalam perancangan desain UI/UX adalah...
Wireframe
Menulis problem statement
Menguji prototype dengan pengguna
Moodboard
Anggaran
Tanpa usability testing, maka resiko yang dialami dalam merancang UI/UX adalah...
A. Aplikasi tidak sesuai kebutuhan
B. Aplikasi mahal
C. Aplikasi terlalu cepat
D. Aplikasi sederhana
E. Aplikasi tanpa warna
Pembuatan User journey tanpa membuat user persona dalam perancangan app UI/UX berisiko...
Alur tidak sesuai kebutuhan pengguna
Warna tidak konsisten
Tipografi kurang tepat
Anggaran membengkak
Timeline molor
Dalam proses mededesain sesuai dengan penerapan design thinking dan POS desain, Moodboard berfungsi sebagai...
Inspirasi visual sebelum wireframing
Flowchart
Anggaran
Timeline
Deliverables
Dalam proses perancangan UI/UX, tahapan Define menghasilkan...
Problem statement
Wireframe
Flowchart
Moodboard
Anggaran
Flowchart “Login → Produk → Keranjang → Checkout → Bayar” bertujuan...
Menentukan warna
Tipografi
Visualisasi alur interaksi
Anggaran
Bagian laporan mana yang menjelaskan peran dan tanggung jawab setiap anggota tim?
Analisis SWOT
Struktur organisasi proyek
Pendahuluan
Studi literatur
Evaluasi proyek
Apa fungsi lampiran dalam laporan pembuatan proyek multimedia interaktif?
Untuk menambahkan file yang relevan seperti wireframe, prototipe, atau hasil uji coba
Supaya laporan terlihat lebih panjang
Menghapus data penting
Mengganti bagian utama laporan
Hanya sebagai dekorasi laporan
Saat membuat laporan pembuatan multimedia interaktif, bagaimana cara menunjukkan ketercapaian tujuan proyek?
Dengan menampilkan hasil akhir tanpa penjelasan
Melalui data hasil pengujian, feedback pengguna, dan analisis efektivitas produk
Mengabaikan tujuan awal proyek
Hanya fokus pada aspek visual
Tidak perlu disertakan dalam laporan
Proses A/B Testing berfokus pada:
Menguji aplikasi di perangkat berbeda
Menguji dua versi desain untuk menentukan yang lebih efektif
Mengubah warna aplikasi
Menghilangkan interaksi pengguna
Menambah animasi
Dalam desain UI, Grid Layout berguna untuk:
Menghapus elemen interaktif
Menyusun elemen-elemen agar rapi dan teratur
Mengurangi ukuran aplikasi
Mengubah warna desain
Menambah fitur dekoratif
Tujuan utama dari User Feedback dalam desain UX adalah:
Menambah fitur
Menilai kepuasan pengguna terhadap desain
Menghapus halaman
Mengganti ikon
Menambah warna aplikasi
Persona dalam UX digunakan untuk memahami:
Struktur aplikasi
Preferensi dan kebutuhan pengguna yang sesungguhnya
Halaman aplikasi
Tipe perangkat
Ukuran layar
Komponen UI seperti tombol dan ikon bertujuan untuk:
Menambah halaman
Berinteraksi dengan aplikasi
Mengurangi fitur
Mengubah warna background
Menghapus elemen dekoratif
Menggunakan Visual Feedback dalam desain interaktif membantu pengguna untuk:
Mengetahui aksi mereka direspon sistem
Meningkatkan jumlah halaman
Mengurangi interaksi
Mengubah tampilan aplikasi
Menambah fitur dekoratif
Proses Persona bertujuan untuk:
Menciptakan pengguna fiktif berbasis data
Menambah fitur dekoratif
Membuat tampilan lebih menarik
Mengganti warna aplikasi
Menghapus elemen interaktif
Usability Testing bertujuan untuk:
Menambah fitur
Menguji kegunaan aplikasi
Mengurangi warna
Meningkatkan server
Mengubah desain
Dalam Figma, wireframe adalah:
Desain akhir
Sketsa struktur dasar aplikasi
Animasi
Struktur grid
Prototipe
Komponen UI input adalah:
Tombol
Ikon
Form input
Layout grid
Navigation
Desain responsif berarti:
Desain di satu perangkat
Tampilan menyesuaikan perangkat
Banyak animasi
Hanya desktop
Hover effect
Pengujian dan iterasi dalam pengembangan UI/UX bertujuan
Untuk visual
Memenuhi kebutuhan pengguna
Mengurangi aplikasi
Meningkatkan halaman
Membuat desain rumit
Dalam menyusun design brief, informasi apa yang harus dicantumkan untuk memahami audiens?
Data demografis dan perilaku pengguna
Palet warna yang digunakan
Rencana pengujian
Estimasi biaya proyek
Timeline proyek
Dalam proses desain, tujuan dari tahap Ideate adalah...
Mengidentifikasi masalah
Membuat wireframe
Menghasilkan ide-ide kreatif untuk solusi
Menentukan anggaran
Menguji prototipe
Dalam pembuatan wireframe, elemen yang paling penting untuk diperhatikan adalah...
Konten teks
Feedback pengguna
Warna dan tipografi
Struktur dan tata letak elemen
Animasi dan transisi
Fungsi dari style guide dalam desain UI adalah...
Menetapkan standar visual dan elemen desain untuk konsistensi
Menjelaskan alur interaksi pengguna
Menambah elemen dekoratif
Menentukan timeline proyek
Membuat anggaran proyek
Fungsi dari "Prototype" dalam proses desain adalah...
Mengganti wireframe
Menyajikan ide awal secara visual
Menentukan warna aplikasi
Menambah elemen dekoratif
Menentukan anggaran proyek
Dalam konteks desain UI, "Accessibility" berarti...
Desain yang dapat diakses oleh semua pengguna, termasuk penyandang disabilitas
Desain yang tidak memerlukan koneksi internet
Desain yang hanya dapat diakses oleh pengguna tertentu
Desain yang mengurangi ukuran file aplikasi
Desain yang mengutamakan estetika
Dalam pembuatan design brief, bagian mana yang menjelaskan tentang audiens target?
Analisis pasar
Tujuan desain
Media/platform
Riset pengguna
Deliverables
