Font size
Worksheetswebdesain figma 12 MM
Total questions: 85
Worksheet time: 1hrs 15mins
Penglaman pengguna saat memakai atau berinteraksi menggunakan sebuah produk digital adalah pengertian dari…
User Experience
User Interface
UX Design
UI Design
Salah satu fungsi produk dengan User Experience (UX) yang baik adalah…
Mendapatkan informasi dari pengguna
Mempercepat kerja suatu aplikasi
Mempermudah pengguna mencapai tujuan mereka
Meningkatkan persaingan
Salah satu langkah yang dilakukan oleh pengembang suatu aplikasi untuk memenangkan persaingan adalah...
Senantiasa memperbarui aplikasi
Senantiasa menampilkan kebutuhan
Membuat banyak tampilan pada aplikasi
Membuat banyak menu pada aplikasi
Dalam membangun UX riset adalah hal yang penting, karena dengan melakukan riset maka...
Pengguna merasa puas
Didapatkan informasi yang dibutuhkan untuk membuat user puas
Memperbanyak pengguna
Pengguna terlayani dengan baik
Berikut ini adalah kerugian jika UX pada suatu produk kurang bagus, kecuali...
Memudahkan pengguna
Menarik minat pengguna
Menghasilkan UI yang bagus
Kalah dalam persaingan produk
Informasi apa yang diperlukan dalam riset untuk membagun UX...
Kebutuhan user dan produk yang membuat user puas
Aplikasi yang bagus
Kebutuhan pengembang dalam menggunakan aplikasi
Aplikasi yang menarik
Setelah meakukan riset tahap selanjutnya untuk membangun UX adalah...
Pengembangan
Analisa
UI Design
Evaluasi
Dua hal yang perlu disiapkan dalam memulai membangun UX Design, yaitu...
Riset dan analisa
Riset dan prototype
Analisa dan wareframe
Prototipe dan warefire
UI dan UX adalah dua hal yang tak terpisahkan, UI bertanggung jawab pada...
Kepuasan pengguna
Tampilan suatu produk
Kebutuhan pengguna
Fungsi suatu produk
UX bertanggung jawab pada...
Kepuasan pengguna
Tampilan suatu produk
Pengelolaan visualisai website
Fungsi suatu produk
Untuk membangun UX Design kita dapat membuat prototipe terlebuhdahulu, apa yang kalian ketahui tentang prototipe...
Model sederhana sebuah produk sebelum dilanjutkan lebih detail
Model uji coba pada pengguna
Aplikasi yang siap diluncurkan
Aplikasi yang perlu diperbarui
Selain prototipe yang perlu disiapkan untuk membangun UX Desain adalah Wireframe, apa pengertian Wireframe...
Model sederhana sebuah produk sebelum dilanjutkan lebih detail
Kerangka untuk menata elemen di halaman website atau aplikasi
Model sebuah produk yang siap diluncurkan
Kerangka untuk membangun sebuah model produk
Berdasarkan penjelasan pakar cara kerja UX untuk mendapatkan produk berkualitas adalah...
Analisa - Riset – Membangun Ux Design – Pengembangan – Evaluasi
Analisa - Riset – Membangun Ux Design – evaluasi – Pengembangan
Riset-Analisa - Membagun UX Design - UI Design – Evaluasi - Pengembangan
Riset-Analisa - Membagun UX Design - UI Design - Pengembangan – Evaluasi
Pada tahap terakhir dalam membagun UX adalah evaluasi, tujuannya adalah...
Agar mendapat produk yang dengan UI yang baik
Agar mendapatkan prototipe yang sesuai
Agar produk aplikasi tersebut selalu dicintai dan digunakan oleh pengguna
Agar produk siap dikembangkan lebih lanjut
Dibawah ini yang bukan merupakan karakteristik User Interface yang baik adalah …
Konsisten
Terstruktur
Intuitif
Impulsif
Agar desain website terlihat tidak terlalu panjang dan berantakan maka suatu desain harus memiliki salah satu karakteristik UI yaitu …
Jelas dan ringkas
Responsif
Intuitif
Impulsif
Dibawah ini merupakan kerugian-kerugian yang akan muncul apabila tampilan suatu website jual beli online berantakan, kecuali …
Pembeli tidak tertarik pada produk
Pembeli bingung memilih produk
Pembeli menikmati karya desain website
Pembeli tidak tertarik untuk membeli produk
Salah satu karakteristik User Interface adalah desain yang responsif, artinya …
Desain jelas dan ringkas serta tidak berantakan
Pengunjung dapat mengakses website di berbagai perangkat
Penuh dengan informasi yang tidak tumpang tindih
Tampilan website mudah dipahami
Salah satu cara untuk membuat tampilan UI dengan informasi yang terstruktur adalah dengan …
Memilih jenis dan warna font yang senada
Memilih jenis dan warna font yang sama untuk seluruh karakter
Memilih ukuran font yang sama untuk seluruh karakter
Memasukkan banyak elemen baik yang penting atau tidak
Karakteristik UI yang memungkinkan pengguna untuk memahami tampilan website dengan mudah adalah …
Konsisten
Terstruktur
Intuitif
Impulsif
Apa itu Figma?
Alat pengeditan video
Alat desain grafis berbasis web
Alat manajemen proyek
Alat pengolah kata
Apa fungsi dari “Frame” di Figma?
Membuat animasi
Mengatur area kerja desain
Menambahkan efek suara
Menulis kode program
Apa kegunaan dari fitur “Prototype” di Figma?
Membuat tata letak halaman web
Memperlihatkan interaksi antarmuka
Mengedit gambar
Mengelola font
Bagaimana cara mengatur grid di Figma?
Dengan menambahkan efek animasi
Dengan mengubah warna latar belakang
Dengan menyesuaikan jarak antar elemen desain
Dengan menambahkan teks
Apa perbedaan antara “Fill” dan “Stroke” dalam Figma?
Fill digunakan untuk menggambar garis, sedangkan Stroke digunakan untuk memberi warna pada objek
Fill digunakan untuk memberi warna pada objek, sedangkan Stroke digunakan untuk menggambar garis
Fill digunakan untuk mengatur transparansi, sedangkan Stroke digunakan untuk mengatur rotasi
Fill digunakan untuk mengatur rotasi, sedangkan Stroke digunakan untuk mengatur transparansi
Apa fungsi dari alat "Pen" di Figma?
Untuk membuat bentuk geometris
Untuk menggambar garis bebas
Untuk menambahkan efek bayangan
Untuk mengatur transparansi warna
Apa kegunaan dari fitur "Component" di Figma?
Untuk membuat animasi
Untuk menyimpan elemen desain yang dapat digunakan ulang
Untuk mengatur tata letak halaman
Untuk mengganti warna latar belakang
Bagaimana cara mengubah opacity sebuah elemen di Figma?
Menggunakan menu “Edit”
Menggunakan slider opacity di panel properties
Menambahkan elemen baru di atasnya
Mengubah warna elemen
Logo apakah ini?
Coloring Pencil
Pencil
Spidol
Pen
Yang bukan merupakan menu pada halaman utama Figma adalah?
Search
Community
Drafts
Plugins
Login pada aplikasi Figma dapat dilakukan menggunakan email berjenis
Mahasiswa tidak diwajibkan mendownload Figma di desktop masing-masing
Benar
Salah
Pengguna hanya bisa membuat 1 page dalam 1 file Figma
Benar
Salah
Menu yang digunakan untuk melakukan explore plugin atau mencari template dari para desainer di Figma adalah
Search
Community
Drafts
Plugins
Plugin yang dapat digunakan untuk map generator adalah
Icons8
Pexels
Image Palette
Map Maker
Bagian pada navigasi berguna untuk menampilkan informasi setiap object pada canvas adalah
Layers
Tools
Menu
Inspector
Bagian pada navigasi berguna untuk mengedit object dan menampilkan seluruh pekerjaan adalah
Options
Menu
Canvas
Tools
Menu prototype yang terdapat pada inspector digunakan untuk
Membuat desain
Menambahkan interaksi
Melihat kode dari UI yang telah dibuat
Tidak ada menu prototype
Frame, shapes, dan text dapat dibuat melalui menu
Options
Menu
Canvas
Tools
Dengan Figma, kita dapat melakukan kolaborasi dengan orang lain
Benar
Salah
Desain multimedia terbagi kedalam dua kategori, yaitu...
umum dan khusus
interaktif dan non interaktif
langsung dan tidak langsung
audio dan visual
Storyboard disebut juga...
reka adegan
content outline
papan dada
cerita bergambar
User Interface dalam bahasa indonesia disebut juga..
antarmuka pengguna
interaksi pengguna
interaksi tampilan
interaksi komputer
Salah satu tujuan dalam mendesain layout adalah...
menciptakan layout website yang seimbang
memudahkan produk sesuai dengan konsep
membuat tampilan website menjadi lebih menarik
menyusun secara teratur untuk menjadi tatanan yang utuh
Kumpulan sketsa yang berurut sesuai poin-poin yang ada dalam naskah adalah...
storyboard
flowchart
content outline
konsep desain
Berikut adalah manfaat dari User Interface, kecuali...
menaikkan traffic website
meningkatkan efisiensi website
agar website menjadi lebih berat
memudahkan pengguna
GUI merupakan singkatan dari...
General User Interface
Graphical User Interface
Gesture User Interface
Guarabtee User Interface
Menggunakan gambar dan kata untuk mewakili input - output yang diterima lewat perangkat adalah...
Gesture Interface
Search Interface
CLI
GUI
LAYOUT WEBSITE merupakan...
tata letak dari pola - pola yang berbeda terhadap suatu bidang dalam media tertentu
tata letak dari elemen - elemen desain terhadap suatu bidang dalam media tertentu untuk mendukung konsep atau pesan yang dibuat
tata letak yang menyangkut pengaturan video visual dan teks terhadap suatu bidang dalam media tertentu
tata letak dari elemen - elemen dalam grid yang mengatur visual dan menekankan perbedaan terhadap suatu bidang dalam media tertentu
Berikut ini prinsip - prinsip desain layout website, kecuali...
ruang
keseimbangan
garis
perataan
Game Mario Bross merupakan salah satu contoh pengguna multimedia dalam bidang...
industri
pendidikan
advertising
entertaining
Berikut adalah komponen - komponen Storyboard yang wajib ada pada template, kecuali...
bagian judul
bagian subjudul
bagian visual
bagian nonvisual
Struktur navigasi composite disebut juga sebagai...
struktur opposite
struktur hierarki
struktur gabungan
struktur non linier
Desain berisi informasi produk, fitur produk, dan deskripsi produk merupakan pengertian unsur...
footer
sidebar
header
content
Desain media yang memberikan ruang penggunanya untuk berinteraksi dengan media tersebut dinamakan...
media interaktif
media non interaktif
media berbasis web
media visual
Struktur navigasi yang paling sederhana dan mudah dibuat adalah...
struktur hierarki
struktur linier
struktur non linier
struktur composite
Media mutakhir dibedakan menjadi dua kategori, yaitu...
media berbasis website dan alat elektronik
media berbasis telekomunikasi dan microprocessor
media berbasis audio dan visual
tidak ada jawaban benar
Interface yang menyajikan tampilan kotak pencarian adalah...
gesture interface
search interface
CLI
GUI
Aplikasi yang berfungsi untuk mendesain animasi vector 2D adalah...
Adobe Dreamweaver
Adobe Premiere
Adobe After Effects
Adobe Flash
Kelebihan desain multimedia berbasis website dibandingkan yang lain ialah...
dapat diakses kapan saja dan dimana saja
tidak memerlukan biaya saat mengakses
desain lebih indah dan menarik
semua salah
Apakah Figma dapat digunakan pada website dan desktop app (Windows dan MacOS)?
True
False
Berikut yang merupakan fitur pada Figma kecuali...
Design Feature
Conference Feature
Prototyping Feature
Collaboration Feature
Penglaman pengguna saat memakai atau berinteraksi menggunakan sebuah produk digital adalah pengertian dari…
User Experience
User Interface
UX Design
UI Design
Pernyataan berikut yang mengenai atau menggambarkan Figma, kecuali..
Prototyping tools
Wireframing tools
UI Design
UX Research
Logo apakah ini?
Coloring Pencil
Pencil
Spidol
Pen
Logo apakah ini?
Slicer
Grid
Frame
Move
Bagian pada navigasi berguna untuk menampilkan informasi setiap object pada canvas adalah
Layers
Tools
Menu
Inspector
Menu pada halaman utama Figma yang memudahkan pengguna untuk berinteraksi dengan pengguna lainnya adalah…
Search
Community
Drafts
Profile
Frame, shapes, dan text dapat dibuat melalui menu
Options
Menu
Canvas
Tools
Apakah Figma memfasilitasi kolaborasi dengan pengguna lain?
True
False
Apa tujuan utama Figma dalam desain web interaktif?
Membuat animasi
Mendesain antarmuka pengguna (UI)
Menulis kode HTML
Menerapkan basis data
Apa fungsi utama Webflow dalam pengembangan web?
Desain grafis
Membuat prototype
Pembuatan backend
Pembuatan website tanpa menulis kode
Apa peran CSS dalam desain web interaktif?
Membuat struktur HTML
Menambahkan interaktivitas
Mengatur tata letak dan gaya visual
Membuat database
Apa yang dimaksud dengan "prototype" dalam desain web?
Model awal alur suatu produk
Sebuah skrip JavaScript
Proses pengkodean
Sebuah database
Apa fungsi panel layer dalam Figma?
Mengatur tata letak warna
Mengelola lapisan elemen desain
Menulis kode JavaScript
Menyimpan proyek
Apa yang dimaksud dengan "responsive design" dalam konteks web?
Desain yang bersifat rahasia
Desain yang menyesuaikan diri dengan berbagai perangkat dan ukuran layar
Desain yang tidak dapat diakses oleh publik
Desain tanpa animasi
Apa perbedaan antara Figma dan Webflow?
Figma untuk desain, Webflow untuk pengkodean implementasi
Webflow untuk desain, Figma untuk pengkodean implementasi
Keduanya adalah alat desain
Keduanya adalah bahasa pemrograman
Apa yang dimaksud dengan "CMS" dalam konteks pembuatan situs web?
Central Management System
Content Management System
Creative Media Server
Code Management System
Apa kegunaan "interaksi" dalam Webflow?
Menambahkan animasi dan efek pada elemen halaman web
Mengelola database
Mengonfigurasi server
Menyusun HTML
Apa kegunaan fungsi "auto-play" pada elemen video di website?
Memulai video secara otomatis saat halaman dimuat
Menghentikan pemutaran video
Menyembunyikan video
Menambahkan efek suara pada video
Apa arti singkatan "UI" dalam desain web?
User Interaction
User Interface
Unified Integration
Universal Interface
Apa itu "asset" dalam Figma?
Alat untuk menulis kode
Gambar, ikon, atau elemen desain lainnya yang dapat digunakan dalam proyek
Video latar belakang
Sebuah jenis database
Apa yang dimaksud dengan "gradient" dalam desain web?
Alat untuk membuat desain grafis
Transisi warna yang halus antara dua atau lebih warna
Efek animasi
Format file gambar
Apa itu "CMS Collections" dalam Webflow?
Kumpulan desain elemen
Database yang menyimpan data pengguna
Koleksi konten dinamis yang diatur oleh pengguna
Fungsi untuk membagikan proyek dengan tim
Apa peran JavaScript dalam pengembangan web interaktif?
Mengatur tata letak dan gaya visual
Menambahkan interaktivitas dan efek dinamis
Membuat desain antarmuka pengguna
Membuat database
