wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

UI UX DESIGN

Total questions: 25

Worksheet time: 8mins

Name
Class
Date
1.

Apa yang dimaksud dengan User Interface (UI) dalam konteks desain web?

a)

Alur kerja pengguna

b)

Tampilan visual antarmuka yang dilihat dan diklik oleh pengguna

c)

Tujuan pengguna menggunakan sistem

d)

Struktur database dari sistem yang digunakan

2.

Mengapa User Experience (UX) menjadi bagian penting dalam proses desain digital?

a)

Karena menentukan ukuran file website

b)

Karena berkaitan dengan kepuasan dan kenyamanan pengguna saat berinteraksi

c)

Karena mempermudah kerja developer

d)

Karena membuat website terlihat lebih mewah

3.

Tahapan pertama dalam proses Design Thinking disebut sebagai...

a)

Prototype

b)

Define

c)

Empathize

d)

Ideate

4.

Fokus utama dari tahap Empathize adalah...

a)

Mendesain elemen visual

b)

Membuat struktur halaman web

c)

Membangun pemahaman mendalam terhadap pengguna dan kebutuhannya

d)

Menentukan warna dan font

5.

Saat tim desain mengumpulkan wawancara dan observasi pengguna untuk memahami masalah yang mereka alami, hal tersebut termasuk dalam tahap...

a)

Ideate

b)

Test

c)

Prototype

d)

Empathize

6.

Tujuan utama dari tahap Define adalah...

a)

Mengumpulkan data pengguna sebanyak-banyaknya

b)

Merumuskan pernyataan masalah yang fokus pada kebutuhan pengguna

c)

Membuat simulasi animasi interaktif

d)

Menyusun layout halaman web

7.

Dalam tahap Ideate, hal yang paling penting dilakukan oleh tim desain adalah...

a)

Menyusun coding website

b)

Mengevaluasi hasil uji coba prototipe

c)

Menghasilkan sebanyak mungkin ide solusi tanpa batasan

d)

Mendesain wireframe akhir

8.

Berikut ini adalah metode kreatif yang umum digunakan dalam tahap Ideate, kecuali...

a)

Brainstorming

b)

Mind Mapping

c)

SCAMPER

d)

Debugging

9.

Proses pembuatan versi awal dari produk digital untuk diuji dinamakan...

a)

Blueprint

b)

Layout

c)

Wireframe

d)

Prototype

10.

Tahap Test dilakukan agar tim desain bisa...

a)

Menyempurnakan visual branding

b)

Menguji logika kode program

c)

Mengetahui apakah solusi desain benar-benar menjawab kebutuhan pengguna

d)

Membuat struktur backend sistem

11.

Salah satu manfaat dari desain UX yang baik adalah...

a)

Menambah durasi loading halaman

b)

Meningkatkan kenyamanan, efisiensi, dan loyalitas pengguna

c)

Menyembunyikan menu utama agar tidak mengganggu tampilan

d)

Membuat pengguna kebingungan agar lebih lama di website

12.

Apa yang dimaksud dengan hierarki visual dalam desain antarmuka?

a)

Urutan layer dalam file desain

b)

Tampilan berdasarkan kecepatan jaringan

c)

Penataan elemen visual berdasarkan tingkat pentingnya

d)

Prioritas pengguna dalam urutan login

13.

Mengapa konsistensi penting dalam desain UI?

a)

Agar halaman terlihat bervariasi

b)

Untuk membingungkan pengguna agar lebih banyak eksplorasi

c)

Supaya pengalaman pengguna tetap familiar di setiap halaman

d)

Untuk menghemat ukuran file

14.

Siapakah tokoh yang memperkenalkan istilah “User Experience Design”?

a)

A. Steve Jobs

b)

B. Donald Norman

c)

C. Henry Dreyfuss

d)

D. Walt Disney

15.

Tokoh yang menulis buku “Designing for People” dan membahas prinsip desain humanis adalah...

a)

Bill Gates

b)

Donald Norman

c)

Henry Dreyfuss

d)

Thomas Edison

16.

Mengapa pembuatan user persona penting dalam proses desain berbasis pengguna?

a)

Untuk memudahkan proses pemrograman

b)

Untuk menciptakan representasi nyata dari target pengguna dan kebutuhan mereka

c)

Agar semua pengguna dianggap memiliki kebutuhan yang sama

d)

Untuk menentukan tema warna dari web

17.

Manakah dari berikut ini yang bukan merupakan prinsip dasar desain UI yang baik?

a)

Konsistensi

b)

Kejelasan

c)

Kompleksitas

d)

Sederhana

18.

Apa tujuan utama dari penggunaan wireframe dalam proses desain UI/UX?

a)

Menentukan skema warna dan tipografi

b)

Menguji responsivitas desain pada berbagai perangkat

c)

Menyusun struktur dasar dan alur navigasi tanpa elemen visual detail

d)

Menyajikan versi akhir dari desain kepada klien

19.

dari gambar tersebut termasuk jenis layout desain web.....

a)

Z pattern Layout

b)

Full-Screen Image Layout

c)

Magazine Layout

d)

Split Screen Layout

20.

dari gambar tersebut termasuk jenis layout desain web.....

a)

Z-Pattern Layout

b)

Split Screen Layout

c)

F-Pattern Layout

d)

Asymmetrical Layout

21.

dari gambar tersebut termasuk jenis layout desain web.....

a)

Single Column Layout

b)

Z-Pattern Layout

c)

F-Pattern Layout

d)

Full Screen Image Layout

22.

Jika kamu ingin menonjolkan gambar produk utama dan deskripsi dalam satu layar, jenis layout yang paling tepat adalah...

a)

F-Pattern Layout

b)

Z-Pattern Layout

c)

Split Screen Layout

d)

Single Column Layout

23.

Split Screen Layout umumnya digunakan untuk...

a)

Menampilkan dua pilihan utama secara seimbang

b)

Menyembunyikan konten penting

c)

Menampilkan satu CTA dominan

d)

Halaman kontak dengan formulir

24.

Manakah dari pola layout berikut yang lebih sesuai untuk halaman dengan konten teks panjang seperti artikel atau blog?

a)

Z-Pattern Layout

b)

F-Pattern Layout

c)

Grid Centered Layout

d)

Split Screen Layout

25.

Z-pattern layout paling cocok digunakan pada jenis halaman berikut, kecuali:

a)

Portal berita dengan banyak kolom konten

b)

Halaman produk dengan CTA (Call To Action) yang jelas

c)

Halaman landing dengan satu tujuan konversi

d)

Halaman utama situs startup