wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Understanding UI Design Principles

Total questions: 21

Worksheet time: 11mins

Name
Class
Date
1.

Apa definisi paling tepat dari prinsip desain UI?

a)

Gaya visual khusus untuk membedakan merek dari pesaing

b)

Teknik pemrograman untuk mempercepat kinerja aplikasi

c)

Kumpulan aturan warna agar tampilan terlihat estetis saja

d)

Panduan dasar untuk membuat antarmuka intuitif dan menarik

2.

Fungsi utama prinsip desain UI yang berfokus pada user-friendly adalah…

a)

Mengganti ikon default dengan ilustrasi kompleks

b)

Menambahkan animasi agar aplikasi tampak mewah

c)

Membuat interaksi terasa mudah bagi berbagai pengguna

d)

Mengurangi jumlah halaman dalam situs secara total

3.

Pernyataan manakah yang paling menggambarkan ‘penyampaian informasi secara efektif’ dalam UI?

a)

Informasi penting mudah ditemukan dan dipahami cepat

b)

Tipografi kecil agar lebih banyak teks muat di layar

c)

Semua konten dimasukkan agar halaman lengkap sekali

d)

Informasi disembunyikan agar pengguna penasaran dulu

4.

Seorang desainer ingin membimbing pengguna saat mengekspor situs. Tindakan yang paling sesuai dengan prinsip UI adalah…

a)

Menyembunyikan tombol penting di menu bertingkat

b)

Menggunakan istilah teknis panjang di semua label

c)

Menambahkan dekorasi acak untuk memperkaya estetika

d)

Memberi hierarki visual dan umpan balik yang konsisten

5.

Mengapa prinsip UI berkontribusi pada pengalaman pengguna yang positif?

a)

Karena mendorong eksperimen tanpa aturan sama sekali

b)

Karena memaksa semua halaman memiliki informasi sama

c)

Karena memastikan kode backend selalu efisien sekali

d)

Karena menggabungkan kejelasan, kemudahan, dan daya tarik visual

6.

Apa tujuan utama prinsip Simplicity dalam UI design?

a)

Mengurangi elemen tidak penting pada antarmuka

b)

Menyamakan ukuran semua elemen visual

c)

Mengutamakan dekorasi dibanding fungsionalitas

d)

Menambahkan sebanyak mungkin fitur interaktif

7.

Apakah contoh penerapan prinsip Simplicity yang paling sesuai dalam desain antarmuka pengguna?

a)

Mengurangi jumlah pilihan menu untuk memudahkan navigasi

b)

Menambahkan animasi pada setiap transisi halaman

c)

Memperbesar ukuran gambar untuk menarik perhatian

d)

Menggunakan warna yang kontras untuk setiap elemen

8.

Apa fungsi utama visual hierarchy dalam UI?

a)

Mengurangi kebutuhan akan pengujian kegunaan

b)

Meningkatkan jumlah warna pada antarmuka

c)

Menyamarkan perbedaan antara komponen

d)

Memprioritaskan informasi dan mengarahkan perhatian

9.

Elemen mana yang paling tepat ditempatkan sebagai prioritas tertinggi dalam visual hierarchy halaman checkout?

a)

Tombol konfirmasi pembayaran yang jelas terlihat

b)

Link ke syarat dan ketentuan yang panjang

c)

Banner promosi musiman di bagian bawah

d)

Ikon dekoratif tanpa fungsi interaktif

10.

Dalam merancang antarmuka pengguna, penggunaan warna yang tepat sangat penting. Untuk menciptakan pengalaman yang menyenangkan, langkah terbaik yang dapat diambil adalah:

a)

Memilih warna yang kontras untuk elemen penting

b)

Menggunakan satu warna dominan untuk semua elemen

c)

Menambahkan banyak warna cerah untuk menarik perhatian

d)

Memastikan semua teks memiliki warna yang sama

11.

Dalam membuat form pendaftaran, metode mana yang paling baik untuk menjaga keseimbangan antara kemudahan penggunaan dan penyampaian informasi yang diperlukan?

a)

Menggunakan label yang jelas dan ringkas untuk setiap field

b)

Menambahkan banyak field opsional untuk informasi tambahan

c)

Menampilkan semua field dalam satu tampilan tanpa pemisahan

d)

Memprioritaskan field yang paling penting dan menyembunyikan yang kurang penting

12.

Apa tujuan utama memberikan feedback segera saat user berinteraksi dengan elemen UI?

a)

Menggantikan kebutuhan dokumentasi tertulis

b)

Mengonfirmasi tindakan pengguna secara jelas

c)

Menambah dekorasi visual yang menarik

d)

Mengurangi jumlah elemen antarmuka tampil

13.

Apakah contoh umpan balik visual yang tepat untuk menunjukkan kesalahan?

a)

Perubahan warna latar belakang tanpa penjelasan

b)

Pesan kesalahan yang jelas dengan ikon peringatan

c)

Animasi yang tidak relevan dan tidak informatif

d)

Hanya suara bip tanpa visual

14.

Dalam error prevention & recovery, praktik yang paling selaras adalah…

a)

Memaksa ulang instal aplikasi untuk memulihkan

b)

Menyembunyikan pesan error agar layar tetap bersih

c)

Memberi petunjuk sebelum kesalahan dan opsi perbaikan

d)

Membiarkan form terkirim meski data kosong

15.

Apa fokus utama dari prinsip accessibility dalam UI design?

a)

Mengurangi jumlah teks di seluruh layar

b)

Berjalan hanya pada perangkat premium

c)

Tampil unik sesuai tren desain terbaru

d)

Dapat diakses oleh semua termasuk disabilitas

16.

Mana praktik yang paling mendukung aksesibilitas?

a)

Menggunakan hanya warna pastel redup

b)

Navigasi hanya dengan gerakan mouse

c)

Menghapus fokus keyboard pada elemen

d)

Teks alternatif untuk gambar dan kontras memadai

17.

Apa tujuan utama prinsip Help and Documentation dalam UI?

a)

Memberikan panduan saat pengguna buntu

b)

Menambah elemen visual yang menarik

c)

Mengurangi jumlah fitur pada antarmuka

d)

Meningkatkan ukuran teks pada seluruh halaman

18.

Manakah contoh penerapan yang tepat untuk membantu pengguna mempelajari fitur produk?

a)

Menyediakan artikel dukungan terstruktur

b)

Menambahkan lebih banyak iklan promosi

c)

Menyembunyikan tombol bantuan di footer

d)

Menghapus semua tooltip penjelasan

19.

Seorang pengguna tidak menemukan pengaturan notifikasi di aplikasi. Tindakan desain apa yang paling sesuai?

a)

Ganti ikon dengan ilustrasi dekoratif

b)

Paksa pengguna mengikuti tur wajib panjang

c)

Hapus menu pengaturan yang membingungkan

d)

Sediakan petunjuk langkah demi langkah singkat

20.

Bagaimana Law of Proximity mempengaruhi persepsi visual pengguna?

a)

Elemen-elemen yang berdekatan cenderung dianggap sebagai satu kesatuan.

b)

Elemen-elemen dengan warna yang sama cenderung dianggap satu kesatuan.

c)

Elemen-elemen yang memiliki bentuk serupa cenderung dianggap satu kesatuan.

d)

Elemen-elemen yang bergerak cenderung menarik perhatian pengguna.

21.

berpa jumlah grid yang biasa di gunakan untuk tablet ?

a)

8 kolom 600px - 1024px

8 kolom 600px - 1024px

b)

12 kolom 1024px - 1200px

12 kolom 1024px - 1200px

c)

4 kolom 320px - 500px

4 kolom 320px - 500px

d)

8 Kolom 1024px - 1200px

8 Kolom 1024px - 1200px