wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Quiz Service Design

Total questions: 20

Worksheet time: 7mins

Name
Class
Date
1.

Apa yang dimaksud dengan User Interface (UI)?

a)

Proses mendesain interaksi pengguna dengan produk

b)

Pengalaman keseluruhan pengguna saat menggunakan produk

c)

Tampilan visual dan elemen interaksi dari sebuah produk

d)

Proses pengujian pengalaman pengguna

e)

Desain sistem backend produk

2.

Apa yang dimaksud dengan User Experience (UX)?

a)

Pengembangan layout produk

b)

Desain visual produk

c)

Penggunaan efek visual dalam aplikasi

d)

Pengalaman keseluruhan pengguna saat berinteraksi dengan produk

e)

Struktur data pada aplikasi

3.

Manakah yang merupakan prinsip dasar dari UI design?

a)

Visual yang menarik dan mencolok

b)

Penggunaan warna yang kontras

c)

Desain yang rumit dan detail

d)

Penambahan elemen animasi

e)

Aksesibilitas, konsistensi, dan visual hierarchy

4.

Apa tujuan dari wireframe dalam desain UI/UX?

a)

Mendesain tampilan akhir aplikasi

b)

Membuat kerangka dasar layout sebelum masuk ke tahap visual desain

c)

Menyelesaikan desain final produk

d)

Meningkatkan kecepatan aplikasi

e)

Mengintegrasikan warna dan ikon

5.

Faktor-faktor apa yang mempengaruhi User Experience (UX)?

a)

Warna, ukuran, dan ikon

b)

Penggunaan animasi dan efek visual

c)

Jenis font yang digunakan

d)

Ukuran tombol dan kecepatan loading

e)

Kemudahan penggunaan, aksesibilitas, dan kepuasan pengguna

6.

Apa yang dimaksud dengan prototyping dalam desain UI/UX?

a)

Menciptakan versi awal produk untuk diuji oleh pengguna

b)

Mendesain seluruh elemen visual

c)

Membuat kode akhir untuk aplikasi

d)

Mengintegrasikan backend dan frontend

e)

Mengembangkan struktur data

7.

Apa yang dimaksud dengan usability testing?

a)

Uji performa sistem

b)

Pengujian produk untuk mengetahui apakah pengguna dapat menggunakannya dengan mudah

c)

Analisis kecepatan aplikasi

d)

Pengujian untuk mengoptimalkan desain grafis

e)

Uji coba fitur tambahan

8.

Apa yang dimaksud dengan konsistensi dalam UI design?

a)

Membuat aplikasi lebih berwarna

b)

Meningkatkan elemen animasi

c)

Memberikan pengalaman yang dapat diprediksi dan mudah diingat bagi pengguna

d)

Memperkuat elemen visual dengan variasi

e)

Menambahkan lebih banyak ikon

9.

Mengapa feedback penting dalam desain UI?

a)

Untuk memberikan informasi kepada pengguna bahwa aksi mereka sudah diterima

b)

Untuk memperindah tampilan

c)

Untuk meningkatkan kinerja aplikasi

d)

Untuk mengurangi jumlah klik

e)

Untuk memperkenalkan fitur baru

10.

Apa yang dimaksud dengan responsive design?

a)

Desain yang hanya berfungsi di desktop

b)

Desain yang mendukung kecepatan aplikasi

c)

Desain yang fokus pada elemen visual

d)

Desain dengan banyak animasi

e)

Desain yang dapat menyesuaikan dengan berbagai ukuran layar dan perangkat

11.

Apa yang dimaksud dengan user flow?

a)

Pengaturan tampilan visual aplikasi

b)

Urutan langkah yang diambil pengguna dalam berinteraksi dengan produk

c)

Pemilihan warna dan font

d)

Desain animasi untuk aplikasi

e)

Struktur database yang mendukung aplikasi

12.

Mengapa penting melakukan user research sebelum mendesain UI/UX?

a)

Untuk membuat desain lebih cepat

b)

Untuk menambahkan lebih banyak fitur

c)

Untuk memahami kebutuhan dan perilaku pengguna dalam menggunakan produk

d)

Untuk memilih font yang tepat

e)

Untuk mempermudah proses pengkodean

13.

Apa yang dimaksud dengan "Frame" di Figma?

a)

Layer yang digunakan untuk membuat animasi

b)

Grup atau area kerja untuk elemen-elemen desain

c)

Fitur untuk menambah efek visual

d)

Komponen untuk membuat interaksi

e)

Template untuk dokumen teks

14.

Bagaimana cara membuat interaksi antar layar dalam prototipe di Figma?

a)

Menambahkan komponen baru ke setiap frame

b)

Menggunakan animasi otomatis

c)

Menghubungkan gambar dengan tautan

d)

Menghubungkan frame dengan menggunakan "Prototype" tab dan menambahkan "interaction"

e)

Mengubah warna elemen desain

15.

Apa tujuan dari "Prototype Mode" di Figma?

a)

Menyelesaikan desain akhir

b)

Membuat interaksi dan flow antar layar untuk pengujian prototipe

c)

Menambahkan elemen visual baru

d)

Mengatur layout halaman

e)

Mengedit kode backend

16.

Bagaimana cara mengundang kolaborator ke file Figma?

a)

Menggunakan fitur "Export"

b)

Mengunggah file ke drive

c)

Menggunakan opsi "Share" dan mengirimkan tautan ke kolaborator

d)

Menyimpan file dalam format PDF

e)

Menambahkan kolaborator melalui email aplikasi

17.

Bagaimana cara melakukan presentasi prototipe di Figma?

a)

Menggunakan fitur "Share"

b)

Menggunakan "Play" button di Prototype Mode untuk memulai presentasi

c)

Menambahkan tautan ke file

d)

Menyimpan file sebagai gambar

e)

Mengunduh file dalam format PDF

18.

Bagaimana cara membuat komponen di Figma?

a)

Menambahkan elemen baru ke frame

b)

Memilih elemen, lalu klik kanan dan pilih "Create Component"

c)

Menggunakan shortcut untuk membuat komponen otomatis

d)

Menambahkan ikon ke elemen

e)

Mengimpor komponen dari file lain

19.

Analisis situasi di mana pengguna aplikasi mengeluh bahwa tombol navigasi sulit ditemukan. Berdasarkan prinsip UI, apa yang bisa dilakukan untuk memperbaiki desain tombol navigasi tersebut?

a)

Tambahkan lebih banyak teks pada tombol

b)

Gunakan warna yang lebih cerah untuk tombol

c)

Memindahkan tombol ke halaman lain

d)

Perbaiki hierarki visual dan konsistensi elemen untuk membuat tombol lebih mudah ditemukan

e)

Menambah lebih banyak tombol navigasi di halaman yang sama

20.

Ketika membuat prototipe di Figma, kamu ingin memastikan bahwa desain yang kamu buat responsif untuk berbagai perangkat. Bagaimana kamu dapat menguji dan menyesuaikan desain agar terlihat baik di berbagai ukuran layar?

a)

Menambah gambar beresolusi tinggi

b)

Mengurangi jumlah elemen di layar

c)

Membuat versi terpisah dari desain untuk setiap perangkat

d)

Mengunci ukuran elemen agar tetap sama di setiap layar

e)

Menggunakan fitur "Auto Layout" dan "Constraints" untuk memastikan elemen desain dapat menyesuaikan diri secara otomatis dengan perubahan ukuran layar