wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Quiz UIUX Week 1-6

Total questions: 30

Worksheet time: 55mins

Name
Class
Date
1.

Apa yang disebut dengan UI Design?

4 lines
2.

Yang termasuk tugas seorang UI Designer adalah...

a)

Menentukan tampilan visual produk

b)

Melakukan riset produk digital

c)

Membuat aset desain

d)

Mengembangkan brand identity

3.

Hal yang harus dipahami seorang UI Designer adalah...

a)

Layouting

b)

Color theory

c)

UI principles

d)

Membuat ilustrasi

4.

Jelaskan apa yang dimaksud color theory...

4 lines
5.

Mana di bawah ini yang termasuk tanggung jawab seorang UX designer...

a)

Menganalisis kebutuhan pasar

b)

Merancang userflow dan ux wireframe

c)

Membuat tampilan visual (hifi design)

d)

Meelakukan usability testing ke pengguna

6.

Kenapa UIUX design sangat penting? Pilih satu yang paling tepat...

a)

Membantu penjualan dan pemasaran perusahaan

b)

Meningkatkan pengalaman / experience pengguna dalam memakai sebuah produk

c)

Membangung branding perusahaan

7.

Manakah tipe button yang ada dalam Google Material Design...

a)

Primary

b)

Segmented button

c)

Floating action button

d)

Outlined button

e)

Icon button

8.

Tipography merupakan sebuah teknik dalam menyusun ___ dan ___ dalam sebuah desain visual supaya terbaca dan terlihat dengan baik

(a)  

9.

Dalam sebuah struktur pembuatan design, Information Architecture sangat berperan penting dalam pembuatan sebuah produk digital. Di bawah ini peranan IA (Information Architecture) adalah...

a)

Memberi informasi keseluruhan fitur

b)

Menunjukkan kelompok fitur yang digunakan

c)

Sebagai acuan journey sebuah desain

10.

Komposisi beberapa element desain sangatlah berperan dalam tampilan visual sebuah produk.

Jelaskan yang dimaksud komposisi desain...

4 lines
11.

Prinsip yang menunjukkan bahwa elemen-elemen visual yang berkaitan

harus ditempatkan secara berdekatan disebut...

a)

Layout

b)

Allignment

c)

Color theory

d)

Balance

12.

Manakah yang dimaksud balance simetris...

a)

Setiap

elemen terdistribusi secara merata di kedua sisi.

b)

Setiap

elemen terdistribusi secara merata di beberapa sisi.

c)

Setiap

elemen terdistribusi tidak merata di kedua sisi.

13.

Prinsip tata letak (layout) elemen desain yang mengatur penempatan

elemen/informasi penting terlebih dulu, kemudian diikuti dengan elemen/informasi yang kurang

penting merupakan prinsip hierarky desain. Elemen apa saja yang dilibatkan dalam hal ini?

a)

Text

b)

Shadow

c)

Warna

d)

Ukuran

14.

Apakah yang disebut dengan prinsip repetition...

4 lines
15.

Sebagai seorang designer harus mampu engatur elemen-elemen interface agar tetap menonjol,

dapat dilihat dan dapat dibaca oleh user. Hal ini merupakan prinsip contrast yang bertujuan untuk meningkatkan...

a)

Readability

b)

Visual

c)

Availability

d)

Legibility

e)

Visibility

16.

Dalam design thinking terdapat beberapa tahapan, sebutkan 5 tahapan tersebut...

4 lines
17.

Pilih dari opsi beberapa ini yang termasuk tools untuk pembuatan UIUX design secara seamless...

a)

Figma

b)

Framer

c)

Adobe Photoshop

d)

Adobe XD

e)

Zeplin

18.

Apa yang dimaksud dengan prototyping dalam Figma...

4 lines
19.

Fungsi dari menu disamping ini adalah...

a)

Memberikan warna pada objek

b)

Memberikan gradasi pada objek

c)

Memasukkan gambar pada objek

d)

Memasukkan video pada objek

e)

Mengatur transparansi warna

20.

Untuk memberikan outline atau border pada figma menggunakan fungsi...

a)

Fill

b)

Stroke

c)

Effect

d)

Export

e)

Layer

21.

Apa yang disebut layers pada figma?

a)

Sebuah elemen yang digunakan untuk menggabungkan beberapa gambar menjadi satu gambar.

b)

Elemen figma yang digunakan untuk mengatur halaman kerja / pages pada figma

c)

Sebuah elemen yang digunakan sebagai media kerja untuk mendesain dan memiliki resolusi ukuran tersendiri

22.

Pada fungsi pengaturan text. Apa yang harus kita lakukan jika ingin mengubah kondisi text pada figma menjadi align kanan / align kiri?

a)

b)

c)

d)

23.

Dalam pengaturan layer, apa yang terjadi jika kita merubah angka 100% menjadi 0%?

a)

Ukurannya objek yang ada pada layer akan mengecil menjadi size 0

b)

Objek yang ada dalam layer akan menjadi tidak terlihat

c)

Objek yang ada dalam layer akan menjadi transparant/tembus pandang

24.

Maksud dari pengaturan disamping adalah...

a)

Frame memiliki ukuran 6214 * 4507 pixels

b)

Frame memiliki ukuran width 48 pixels dan height 183 pixels

c)

Frame memiliki ukuran width 183 pixels dan height 43 pixels

d)

Frame memiliki garis koordinat sumbu x 6214, sumbu y -4507

e)

Objek memiliki kemiringan 0 derajat

25.

Ketika ingin membuat komponen dari objek yang ada di figma, manakah yang harus kita pilih...

a)

b)

c)

d)

26.

Untuk membuat kanvas kerja baru pada figma, manakah yang harus kita pilih...

a)

Frame

b)

Section

c)

Slice

27.

Design system adalah...

4 lines
28.

Mana dibawah ini yang bukan termasuk Design System

a)

Aspalt

b)

Bootstrap

c)

Orbit

d)

Storybook

29.

Mana yang termasuk komponen design system...

a)

button

b)

input field

c)

icon

d)

typography

e)

branding

30.

Jelaskan perbedaan lofi design dan hifi design (struktur, konten, interaksi, fungsi)

4 lines