Free Printable DMI Gasal 2024

1.

Dalam desain antarmuka pengguna, elemen visual yang berfungsi sebagai petunjuk bagi pengguna untuk berinteraksi dengan sistem disebut...

a)

Logo

b)

Button

c)

Foto produk

d)

Foto model

e)

Deskripsi

2.

Struktur navigasi yang memungkinkan pengguna berpindah secara bebas antar halaman tanpa urutan tertentu disebut...

a)

Linear

b)

Hierarki

c)

Non-linear

d)

Sequential

e)

Web

3.

Ketika informasi/konten dalam website/aplikasi sudah dimuat kedalam beberapa kategori dan sub kategori. Maka ketika mendesain sebuah website/aplikasi, kita membutuhkan navigasi. Tujuan utama dari struktur navigasi dalam desain multimedia interaktif adalah...

a)

Memperindah tampilan

b)

Memudahkan pengguna menemukan informasi

c)

Meningkatkan waktu loading

d)

Menambahkan efek animasi

e)

Membuat desain lebih kompleks

4.

Pengguna adalah alasan utama mengapa kita membuat sebuah aplikasi maupun website. Dalam desain interaksi, penting untuk mempertimbangkan konteks penggunaan, yaitu...

a)

Perangkat yang tidak digunakan

b)

Lingkungan diluar pengguna

c)

Tujuan pengguna

d)

tanpa perhitungan dan pertimbangan

e)

tanpa survei pun bisa

5.

Interaksi dalam rancangan website maupun aplikasi adalah hal yang sangat penting. Salah satu tujuan utama dari desain interaksi yang baik adalah...

a)

Membuat tampilan yang biasa saja

b)

Menurunkan kepuasan pengguna

c)

Mempermudah penggunaan sistem

d)

tidak adanya interaksi

e)

tidak ada tujuan penjualan

6.

Desain User Experience (Pengalaman Pengguna) merupakan rancangan awal tentang penempatan konten, alur dan struktur navigasi dari bagian utama ke sub bagian-bagian konten yang sudah di kelompokan. Tujuan utama dari UX Design adalah...

a)

Membuat produk terlihat menarik secara visual.

b)

Memudahkan pengguna mencapai tujuannya dengan cepat dan efisien.

c)

Membuat produk seunik mungkin.

d)

Menampilkan banyak fitur dalam satu halaman.

e)

Membuat produk yang mudah diingat.

7.

Dalam desain multimedia interaktif, sebelum mendesain tampilan antar muka atau user interface, terlebih dahulu di rancang desain User Experience. Apakah yang dimaksud dengan User Experience (UX) Design?

a)

Proses mendesain tampilan visual antarmuka pengguna.

b)

Proses menciptakan pengalaman pengguna yang menyenangkan dan efektif saat berinteraksi dengan produk.

c)

Proses membuat animasi dan efek visual pada antarmuka.

d)

Proses mengoptimalkan kecepatan loading suatu aplikasi.

e)

Proses mengatur tata letak elemen-elemen pada antarmuka.

8.

Dalam dunia desain multimedia interaktif, kita sering mendengar istilah UX designer dan UI designer. Perbedaan utama antara UX Design dan UI Design adalah...

a)

UX fokus pada tampilan visual, sedangkan UI fokus pada pengalaman pengguna.

b)

UX fokus pada pengalaman pengguna, sedangkan UI fokus pada tampilan visual dan interaksi.

c)

Keduanya sama, hanya istilah yang berbeda.

d)

UX lebih penting daripada UI.

e)

UI lebih penting daripada UX.

9.

Dalam merancang Pengalaman Pengguna (UX Design) terdapat beberapa elemen penting yang harus kita pertimbangkan. Elemen-elemen penting dalam UX Design meliputi...

a)

Warna, tipografi, dan ikon.

b)

Arsitektur informasi, usability, dan interaksi.

c)

Animasi, transisi, dan efek suara.

d)

Resolusi layar dan ukuran file.

e)

Bahasa pemrograman dan framework.

10.

Setelah data pengguna di kumpulkan, dan di putuskan media interaktif seperti apa yang akan di buat, kemudian di rancang sebuah pengalaman pengguna. Selanjutnya pekerjaan akan di serahkan kepada UI Designer. Apakah yang dimaksud dengan User Interface (UI) Design?

a)

Proses merancang keseluruhan pengalaman pengguna.

b)

Proses mendesain tampilan visual antarmuka pengguna.

c)

Proses membuat prototipe produk digital.

d)

Proses melakukan pengujian terhadap produk.

e)

Proses menganalisis data pengguna.

11.

Jual beli konvensional sudah terjadi sejak masa lalu, dan sampailah kita di masa jual beli digital dan online. Mengapa UX dan UI Design penting dalam pengembangan produk digital?

a)

Untuk membuat produk terlihat lebih modern.

b)

Untuk meningkatkan penjualan produk.

c)

Untuk membuat produk lebih mudah didapatkan dan meningkatkan kepuasan pengguna.

d)

Untuk membuat produk lebih cepat.

e)

Untuk membuat produk lebih murah.

12.

Sebelum merancang sebuah aplikasi maupun website, terlebih dahulu kita melakuakan riset tentang siapa pengguna aplikasi/website yang akan kita buat. Metode apa yang biasa digunakan untuk melakukan riset pengalaman pengguna (UX research)?

a)

Wawancara, survei, dan pengamatan pengguna.

b)

Analisis data penjualan.

c)

Fokus grup dengan ahli desain.

d)

Uji coba A/B pada iklan.

e)

Analisis kompetitor.

13.

Dalam mendesain sebuah Pengalaman Pengguna (UX Design) kita sering mendengar istilah wireframe. Apa yang dimaksud dengan wireframe dalam UX Design?

a)

Desain visual yang sudah final dengan semua detail.

b)

Kerangka dasar struktur dan tata letak antarmuka.

c)

Prototipe yang bisa diinteraksi.

d)

Dokumentasi proses desain.

e)

Alur pengguna (user flow).

14.

Dalam mendesain UI (tampilan pengguna) dan mendesain UX (pengalaman pengguna) tentunya memiliki perbedaaan fungsi yang sangat mendasar. Manakah dari berikut ini yang tidak termasuk dalam tahapan proses UX Design?

a)

Riset pengguna

b)

Membuat wireframe

c)

Desain visual (UI)

d)

Pengembangan produk

e)

Pengujian usability

15.

berikut ini adalah logo sebuah produk web base yang di keluarkan oleh perusahaan Google di tahun 2020, yang di namai Google site. Apa yang dimaksud dengan Google Sites?

a)

Sebuah platform untuk membuat website statis

b)

Sebuah aplikasi pengolah kata online

c)

Sebuah platform untuk membuat presentasi online

d)

Sebuah platform untuk membuat blog pribadi

e)

Sebuah platform untuk membuat website dinamis yang mudah digunakan tanpa perlu coding

16.

Google site memiliki beberapa kelebihan dari beberapa sisi. Jika di lihat dari beberapa pernyataaan berikut ini manakah yang BUKAN merupakan kelebihan dari Google Sites?

a)

Mudah digunakan

b)

Gratis

c)

Dapat diakses dari mana saja

d)

Memiliki banyak template yang bisa dipilih

e)

Membutuhkan keahlian coding yang tinggi

17.

Fitur utama Google Sites yang memungkinkan pengguna untuk mengatur tampilan website adalah...

a)

Pages

b)

Themes

c)

Layout

d)

Insert

e)

Settings

18.

Perhatikan gambar berikut ini. Untuk menambahkan gambar ke dalam halaman Google Sites, kita dapat menggunakan menu...

a)

Insert

b)

Format

c)

Tools

d)

View

e)

Share

19.

Setelah rancangan website telah di desain dengan baik, dan siap untuk ditampilkan. Kita bisa langsung membagikan link website kita tersebut. Bagaimana cara membagikan link website Google Sites yang telah dibuat?

a)

Mengirimkan link website melalui email/social media

b)

Menggambar link

c)

Menterjemahkan link

d)

link hanya di bagikan denganopsi tertentu

e)

link tidak bisa dibagikan

20.

Pada tampilan editing di Google sites terdapat fitur Pages. Apakah fungsi dari fitur "Pages" pada Google Sites?

a)

Untuk mengatur tata letak halaman

b)

Untuk membuat halaman baru pada website

c)

Untuk mengubah tema website

d)

Untuk menambahkan gambar ke halaman

e)

Untuk mengubah font teks

21.

Pada aplikasi Google site, terdapat beberapa tema yang bisa langsung kita gunakan. Bagaimana cara mengubah tema pada Google Sites?

a)

Melalui menu "Pages"

b)

Melalui menu "Themes"

c)

Melalui menu "Layout"

d)

Melalui menu "Insert"

e)

Melalui menu "Settings"

22.

Dari beberapa pernyataan berikut ini, manakah yang TIDAK dapat dilakukan pada Google Sites?

a)

Membuat formulir

b)

Menambahkan video

c)

Membuat toko online yang kompleks

d)

Membuat blog

e)

Berkolaborasi dengan pengguna lain

23.

Ketika kita membuat website dengan Google sites, terdapat beberapa bagian pada rancangan website kita. Kemudian apakah yang dimaksud dengan "subpage" pada Google Sites?

a)

Halaman utama dari sebuah website

b)

Halaman yang berada di dalam halaman utama

c)

Halaman yang tidak terhubung dengan halaman lain

d)

Halaman yang hanya dapat diakses oleh pemilik website

e)

Halaman yang memiliki desain yang berbeda dari halaman utama

24.

Salah satu keunggulan Google Sites dibandingkan dengan platform pembuat website lainnya adalah...

a)

Memiliki fitur yang lebih lengkap

b)

Lebih mudah digunakan bagi pemula

c)

Memiliki biaya yang lebih murah

d)

Lebih cepat dalam hal loading

e)

lebih lengkap dari web developer yang lain

25.

Dylan Field dan Evan Wallace mulai mengerjakan Figma pada tahun 2012 saat belajar ilmu komputer. Tujuan awal di balik Figma adalah untuk memungkinkan siapa pun menjadi kreatif dengan menciptakan peralatan kreatif yang sederhana dan gratis pada browser. Hari ini Aplikasi Figma adalah sebuah aplikasi yang fungsinya di kenal untuk:

a)

Mengedit video

b)

Membuat animasi 3D

c)

Mendesain antarmuka pengguna (UI) dan pengalaman pengguna (UX)

d)

Mengolah data statistik

e)

Membuat presentasi

26.

Fitur utama Figma yang membedakannya dengan software desain lainnya adalah:

a)

Efek visual yang canggih

b)

Kolaborasi real-time

c)

Alat gambar vektor yang lengkap

d)

Simulasi 3D yang realistis

e)

Integrasi dengan perangkat keras khusus

27.

Aplikasi Figma memiliki fitur luring tambahan yang tersedia pada aplikasi desktop untuk Windows dan Mac OS. Format file jika kita mengunduh atau menyimpan pekerjaan desain kita pada aplikasi Figma adalah:

a)

.psd

b)

.ai

c)

.fig

d)

.jpg

e)

.png

28.

Tools dalam Figma yang digunakan untuk tim berkomunikasi dengan memberikan ulasan untuk detil pekerjaan tim adalah…

a)

Frame

b)

Artboard

c)

Component

d)

Instance

e)

comment

29.

Untuk membuat prototipe interaktif sederhana di Figma, fitur yang paling berguna adalah:

a)

Auto Layout

b)

Constraints

c)

Prototype

d)

Variants

e)

Plugins

30.

Untuk mempercepat pekerjaan ketika kita sedang mendesain di aplikasi Figma, sebaiknya kita membuat sebuah design sytem terlebih dahulu. Apa yang dimaksud dengan "design system" di Figma?

a)

Sebuah kumpulan aset desain yang dapat digunakan kembali

b)

Sebuah template desain yang sudah jadi

c)

Sebuah gaya desain yang populer

d)

Sebuah cara untuk mengelola proyek desain yang besar

e)

Sebuah plugin yang mempercepat proses desain

31.

Pada aplikasi Figma, terdapat beberapa keunggulan, salah satunya adalah kolaborasi tim. Keuntungan utama menggunakan Figma untuk kolaborasi tim adalah:

a)

Harga yang lebih murah

b)

Fitur yang lebih lengkap

c)

Kemudahan penggunaan

d)

Akses real-time dan komentar langsung pada desain

e)

Integrasi dengan berbagai perangkat lunak

32.

Dalam sebuah pekerjaan desain yang terdiri dari banyak susunan elemen dan konten, terkadang proses editing menjadi lambat. Salah satu cara untuk meningkatkan performa pada Figma adalah dengan:

a)

Menambah kapasitas RAM komputer

b)

Menggunakan versi Figma yang lebih lama

c)

Mengurangi jumlah layer pada desain

d)

Mematikan fitur kolaborasi

e)

Menggunakan perangkat keras yang lebih lambat

33.

Plugin bisa kita temukan di beberapa sofware editing baik foto, video maupun animasi, begitu juga dengan aplikasi Figma. Manfaat Plugin dalam aplikasi Figma adalah...

a)

Sebuah program tambahan yang memperluas fungsionalitas Figma

b)

Sebuah format file khusus untuk Figma

c)

Sebuah cara untuk berbagi desain dengan orang lain

d)

Sebuah fitur bawaan Figma untuk membuat animasi

e)

Sebuah cara untuk mengukur kinerja desain

34.

Gambar berikut ini adalah sebuah tools pada aplikasi figma. Nama tools ini adalah "Frame". Apa yang dimaksud dengan "Frame" pada aplikasi Figma?

a)

Sebuah kanvas virtual dengan ukuran tertentu untuk membuat desain

b)

Sebuah komponen yang dapat digunakan kembali

c)

Sebuah cara untuk mengatur layer pada desain

d)

Sebuah alat untuk membuat prototipe

e)

Sebuah plugin untuk mengimpor gambar

35.

Struktur navigasi yang memungkinkan pengguna berpindah antar halaman secara bebas tanpa urutan tertentu disebut...

a)

Linear

b)

Non-linear

c)

Hierarchical

d)

Network

e)

Sequential

36.

didalam sebuah tampilan website, terdapat bagian-bagian utama yang berisi beberapa klasisfikasi informasi. Elemen navigasi yang paling umum yang digunakan untuk menandai bagian-bagian utama dalam sebuah website adalah...

a)

Breadcrumb

b)

Menu

c)

Link

d)

Button

e)

Sidebar

37.

dalam sebuah website/aplikasi terdapat beberapa informasi tentang deskripsi, harga, pembelian, galeri, promosi dan masih banyak lagi. Informasi-informasi tersebut bisa saling berkaitan satu sama lain, contohnya halaman deskripsi produk dan halaman pembelian. Struktur navigasi yang paling cocok untuk presentasi informasi yang kompleks dan saling berhubungan adalah...

a)

Linear

b)

Non-linear

c)

Hierarchical

d)

Composite

e)

Sequential

38.

Untuk memudahkan pengguna/users yang sedang mencari informasi di dalam website/aplikasi, kita butuh sebuah navigasi. Dalam perancangan sebuah desain interaksi, navigasi Breadcrumb berfungsi untuk...

a)

Menampilkan semua halaman dalam website

b)

Menunjukkan posisi halaman saat ini dalam hierarki situs

c)

Memungkinkan pengguna mencari konten tertentu

d)

Membuka halaman baru

e)

Menutup halaman saat ini

39.

struktur navigasi non-linear adalah struktur navigasi yang memungkinkan pengguna berpindah secara bebas antar halaman tanpa urutan tertentu. Yang manakah contoh struktur navigasi non-linear?

a)

Daftar isi buku

b)

Peta situs

c)

Formulir online

d)

Tutorial langkah demi langkah

e)

Presentasi PowerPoint

40.

Ada 4 macam struktur navigasi dalam mendesain interaksi pada website/aplikasi yang kita desain. Salah satunya adalah struktur navigasi hierarchical. Kelebihan struktur navigasi hierarchical adalah...

a)

tidak Sederhana dan rumit dipahami

b)

tidak Fleksibel dan memungkinkan banyak pilihan

c)

Tidak cocok untuk konten yang sangat banyak

d)

Memudahkan pengguna menemukan informasi yang diinginkan

e)

kurang cocok untuk web

41.

Elemen navigasi yang sering digunakan untuk memberikan informasi tambahan atau tautan terkait dengan konten utama adalah...

a)

Footer

b)

Header

c)

Sidebar

d)

Breadcrumb

e)

Menu

42.

Berikut ini adalah gambar tampilan paling atas ketika kita akan mendesain sebuah website dengan menggunakan aplikasi Google site. Bagian paling atas pada tampilan website di sebut…

a)

Footer

b)

Sidebar

c)

Breadcrumbs

d)

Button

e)

Header

43.

Berikut ini adalah gambaran struktur navigasi yang paling cocok untuk tutorial atau panduan langkah demi langkah, nama struktur navigasi ini adalah...

a)

Linear

b)

Non-linear

c)

Hierarchical

d)

Network

e)

Sequential

44.

Aplikasi Figma menyediakan fitur riwayat yang memungkinkan desainer untuk melihat dan memulihkan versi sebelumnya dari proyek desain yang sedang dikerjakan. Ini membantu dalam manajemen revisi dan memungkinkan desainer untuk kembali ke iterasi sebelumnya jika diperlukan. Fitur manakah yang di maksud?

a)

Plugin history

b)

Asset history

c)

Save history

d)

Browsing history

e)

Version history

45.

Platform media sosial yang berbeda memiliki karakteristik visual yang berbeda. Manakah yang paling tepat untuk konten video berdurasi pendek dengan efek visual yang menarik?

a)

b)

YouTube

c)

Instagram

d)

e)

Twitter

46.

Ketika merancang sebuah desain multimedia untuk audiens/users anak-anak, elemen visual mana yang paling efektif untuk menarik perhatian mereka?

a)

Warna-warna gelap dan misterius

b)

Tipografi yang rumit dan formal

c)

Gambar realistis dengan detail yang tinggi

d)

Warna-warna cerah dan animasi yang lucu

e)

Foto-foto hitam putih

47.

ketika kita melakukan survey ataupun wawancara audiens/users, mengapa penting untuk mempertimbangkan budaya target audiens/users sebelum merancang desain web/aplikasi?

a)

Untuk menghindari pelanggaran hak cipta

b)

Agar desain terlihat lebih modern

c)

Untuk memastikan desain sesuai dengan nilai dan preferensi mereka

d)

Agar desain lebih mudah diingat

e)

Untuk mengurangi biaya produksi

48.

ketika kita melakukan survey ataupun wawancara audiens/users, mengapa penting untuk mempertimbangkan budaya target audiens/users sebelum merancang desain web/aplikasi?

a)

Untuk menghindari pelanggaran hak cipta

b)

Agar desain terlihat lebih modern

c)

Untuk memastikan desain sesuai dengan nilai dan preferensi mereka

d)

Agar desain lebih mudah diingat

e)

Untuk mengurangi biaya produksi

49.

Dalam pannel design di aplikasi Figma, terdapat beberapa menu seperti yang tertera di gambar. Dimanakah letak tools yang berfungsi untuk mengurangi atau menambahkan transparansi objek/asset yang sedang di edit?

a)

Inside

b)

Stroke

c)

Fill

d)

Layout

e)

Appearance

50.

Manakah alat berikut yang paling umum digunakan untuk membuat prototipe desain multimedia interaktif?

a)

Adobe Photoshop

b)

Microsoft Word

c)

Figma/Adobe XD

d)

Microsoft PowerPoint

e)

Google Sheets

DMI Gasal 2024

Total questions: 50

Worksheet time: 50mins

Similar Resources on Wayground