WorksheetsSoal UI dan UX Design 1
Total questions: 40
Worksheet time: 20mins
Prinsip konsistensi dalam desain UI berarti...
Ikon diganti dengan cara yang berbeda di setiap menu aplikasi
Elemen memiliki penampilan dan perilaku yang seragam
Warna tombol bervariasi di setiap halaman
Animasi diatur dengan cara yang berbeda di setiap bagian aplikasi
Penampilan antarmuka berubah dengan setiap penggunaan
Contoh keterbacaan dan kejelasan yang baik adalah...
Font dibuat sangat kecil untuk memuat lebih banyak teks
Teks diberi warna yang mirip dengan warna latar belakang
Kontras antara teks dan latar belakang dibuat jelas
Paragraf ditulis berdekatan dengan jarak baris yang sangat kecil
Font dekoratif digunakan di seluruh halaman aplikasi
Simplicity dalam desain UI berarti...
Semua informasi ditampilkan langsung di satu halaman
Animasi kompleks digunakan pada setiap elemen antarmuka
Elemen penting disorot dan yang tidak perlu dihindari
Warna yang berbeda digunakan untuk semua elemen antarmuka
Formulir dibuat panjang dengan semua data diminta sekaligus
Hierarki visual membantu pengguna dengan...
Elemen disusun secara acak untuk membuat tampilan terlihat lebih bervariasi
Informasi ditambahkan dengan banyak teks agar terlihat lebih lengkap
Ukuran, warna, dan posisi digunakan untuk menunjukkan prioritas
Bagian penting disembunyikan untuk membuat antarmuka terlihat lebih sederhana
Semua tombol diberikan ikon yang sama untuk terlihat lebih konsisten
Contoh umpan balik adalah...
Tombol tidak berubah meskipun telah ditekan oleh pengguna
Pesan WhatsApp menampilkan tanda centang saat dikirim
Animasi dekoratif muncul secara otomatis tanpa tindakan apapun
Tombol terlihat aktif tetapi sebenarnya tidak dapat digunakan
Semua notifikasi dihapus untuk membuat antarmuka terlihat lebih sederhana
Prinsip aksesibilitas bertujuan...
Aplikasi hanya dapat digunakan di perangkat terbaru dan modern
Fitur hanya dapat digunakan oleh pengguna berpengalaman
Semua orang, termasuk penyandang disabilitas, dapat mengakses antarmuka dengan mudah
Kecepatan tampilan diprioritaskan meskipun sulit bagi pengguna untuk memahaminya
Antarmuka dibuat lebih ramai untuk menarik perhatian semua orang
Kejelasan visual dapat dicapai dengan...
Ruang kosong diisi dengan teks agar semua informasi terlihat
Warna ditambahkan sebanyak mungkin untuk membuat tampilan lebih berwarna
Ruang putih digunakan untuk memisahkan elemen antarmuka
Semua informasi dibuat menjadi satu blok untuk menyederhanakan tampilan
Font dekoratif digunakan di seluruh untuk terlihat lebih artistik
Apa contoh kontrol dan kebebasan pengguna?
Tombol hanya dapat ditekan sekali dan tidak dapat digunakan kembali
Navigasi otomatis selalu mengarahkan pengguna kembali ke beranda
Fitur Undo dan Redo memungkinkan membatalkan tindakan
Tidak ada opsi bagi pengguna untuk membatalkan kesalahan input
Desainnya kaku sehingga pengguna tidak memiliki banyak pilihan
Apa yang dimaksud dengan desain estetis dan minimalis?
Semua fitur ditampilkan sekaligus untuk visibilitas yang mudah
Warna cerah digunakan di setiap elemen untuk terlihat lebih menarik
Elemen yang tidak penting dihindari untuk menjaga fokus tampilan
Halaman diisi dengan teks panjang untuk memberikan detail lengkap
Banyak ikon dekoratif ditambahkan untuk membuat tampilan terlihat indah
Apa kegunaan warna dalam UI?
Untuk membatasi jumlah elemen di halaman
Untuk menambahkan dekorasi tanpa makna spesifik
Untuk menunjukkan identitas dan memperjelas tampilan
Untuk mengurangi teks sehingga layar terlihat kosong
Untuk menyembunyikan konten yang tidak penting
RGB terutama digunakan untuk?
Percetakan majalah warna
Monitor, televisi, dan tampilan mobile
Printer berbasis tinta
Brosur dan spanduk kertas
Mesin cetak offset
Sistem CMYK digunakan dalam?
Layarnya LCD
Percetakan berbasis tinta
Proyektor digital
Peramban web
Televisi modern
Apa yang dimaksud dengan hue?
Nama warna dasar, seperti merah atau hijau
Tingkat kecerahan dari gelap ke terang
Nilai transparansi dari suatu elemen
Kontras terhadap latar belakang
Kombinasi dari dua warna sekunder
Apa yang dimaksud dengan saturasi?
Jumlah warna di satu halaman
Nilai transparansi atau opasitas
Kekuatan warna dari pucat hingga dalam
Gradasi cahaya dari hitam ke putih
Rasio intensitas warna merah dan biru
Warna biru sering diasosiasikan dengan?
Bahaya
Energi
Kemewahan
Kepercayaan
Keceriaan
Apa itu skema analog?
Warna yang berlawanan di roda warna
Warna yang bersebelahan dan terlihat harmonis
Variasi dari satu warna dengan gelap dan terang
Kombinasi warna primer
Kombinasi hitam, putih, dan abu-abu
Apa yang dihasilkan oleh skema komplementer?
Warna lembut dengan kesan redup
Kombinasi monokromatik
Kontras tinggi dari warna yang berlawanan
Warna netral tanpa variasi
Harmoni dari warna yang berdekatan
Apa prinsip warna yang baik?
Mengubah warna tombol di setiap halaman
Menggunakan warna cerah di semua elemen
Terbatas pada satu warna saja
Kontras yang konsisten, jelas, dan seimbang
Memilih warna acak agar lebih hidup
Contoh dari affordance dengan warna adalah?
Tombol abu-abu yang tidak dapat ditekan
Ikon dekoratif tanpa fungsi yang jelas
Latar belakang kosong tanpa petunjuk
Teks hitam di latar belakang hitam
Tombol hijau berarti 'lanjutkan' atau 'konfirmasi'
Apa arti dari tipografi?
Gaya dekoratif pada gambar
Bagaimana mewarnai teks agar menarik
Seni mengatur huruf agar mudah dibaca
Proses mencetak teks berwarna
Bentuk garis dalam ilustrasi
Peran utama tipografi dalam komunikasi visual adalah...
Untuk mendekorasi teks agar terlihat unik
Untuk menambahkan efek dekoratif pada huruf
Untuk menyampaikan pesan dengan jelas
Untuk menggantikan gambar dalam desain
Untuk menarik perhatian melalui warna
Typeface berbeda dari font karena...
Typeface adalah desain huruf, font adalah variannya
Typeface hanya digunakan di layar
Font selalu berwarna, typeface hitam dan putih
Typeface berarti huruf kapital
Font hanya digunakan di komputer modern
Karakteristik huruf Serif adalah...
Tidak memiliki ujung tambahan
Memiliki garis kecil di ujung huruf
Selalu tebal dan lurus
Hanya digunakan untuk logo digital
Tidak digunakan dalam buku cetak
Sans-serif lebih cocok digunakan untuk...
Ukiran batu atau inskripsi
Teks panjang dalam buku
Display digital di layar
Dokumen hukum resmi
Penulisan kaligrafi klasik
Garis imajiner di mana huruf-huruf berdiri disebut...
Garis Atas
Garis Utama
Garis Dasar
Tinggi X
Turunan
X-height dalam tipografi adalah...
Tinggi huruf kapital penuh
Tinggi huruf kecil tanpa ascender/descender
Ruang antara kata dalam teks
Ruang kosong antara paragraf
Batas bawah huruf panjang
Prinsip tipografi yang memastikan huruf-huruf mudah dikenali adalah...
Keterbacaan
Kontras
Keterbacaan huruf
Ruang putih
Penjajaran
Ketika memilih font, hal penting yang perlu dipertimbangkan adalah...
Menggunakan sebanyak mungkin gaya font
Mengabaikan lisensi untuk digunakan secara bebas
Keterbacaan sesuai dengan tujuan penggunaan
Memilih font yang rumit dengan dekorasi
Memprioritaskan penampilan yang unik
Fungsi dari kerning adalah...
Untuk menyesuaikan tinggi huruf kapital
Untuk mengubah ketebalan huruf
Untuk menyesuaikan jarak antara huruf
Untuk memberi warna pada teks
Untuk menyesuaikan jarak antara paragraf
Seorang desainer membuat aplikasi pembelajaran online yang ditargetkan untuk siswa sekolah menengah. Mereka memilih untuk menggunakan font skrip untuk semua materi karena dianggap lebih artistik. Menurut prinsip tipografi, keputusan ini tidak tepat karena...
Font skrip hanya cocok untuk dekorasi, bukan teks utama
Semua font dapat digunakan selama warnanya cerah
Font skrip lebih mudah dibaca di layar digital
Font skrip mempercepat pemahaman siswa
Font skrip selalu memberikan kesan modern
Sebuah novel e-book menggunakan font Times New Roman untuk teksnya. Keputusan ini sesuai dengan prinsip tipografi karena...
Times New Roman lebih murah daripada font lainnya
Serif lebih nyaman dibaca dalam teks panjang
Serif selalu terlihat lebih mewah daripada sans-serif
Serif tidak memerlukan lisensi
Serif diunduh lebih cepat
Di sebuah situs berita, semua judul artikel ditulis dengan ukuran yang hampir sama dengan konten paragraf. Akibatnya, pembaca kesulitan membedakan antara judul dan konten. Masalah utama yang muncul adalah...
Pemilihan warna kurang cerah
Judul terlalu formal
Tidak ada penerapan hierarki visual
Judul seharusnya menggunakan huruf miring
Judul seharusnya digarisbawahi
Seorang desainer menggunakan sans-serif abu-abu tipis di latar belakang putih. Banyak pengguna mengalami kesulitan membacanya. Solusi yang paling tepat adalah...
Menambahkan lebih banyak teks di layar
Menggunakan ikon untuk kejelasan
Memperkuat kontras warna dan ketebalan font
Menjadikan semua teks dalam huruf kapital
Mengubah font menjadi bentuk skrip
Dalam poster kampanye sosial, seorang siswa menggunakan lima jenis font yang berbeda untuk terlihat lebih kreatif. Namun, hasilnya membingungkan. Prinsip apa yang telah dilanggar?
Font sans-serif tidak boleh digunakan
Font serif hanya untuk cetak
Konsistensi dalam penggunaan font
Font dekoratif harus digunakan
Font miring selalu diprioritaskan
Aplikasi keuangan menampilkan nomor transaksi dengan font yang tipis dan kecil. Banyak pengguna mengeluh bahwa sulit untuk membaca jumlah uang. Prinsip tipografi yang harus dipertimbangkan adalah...
Warna font harus selalu hitam
Keterbacaan huruf sehingga angka mudah dikenali
Semua angka harus dicetak miring
Font tipis menghemat ruang
Angka tidak boleh memiliki spasi
Dalam desain majalah digital, subtitle ditampilkan dengan huruf tebal dan warna yang berbeda dari konten teks. Tujuan utama dari strategi ini adalah...
Untuk menambah variasi desain
Untuk membuat teks terlihat mewah
Untuk membentuk hierarki visual yang jelas
Untuk menghemat jumlah kata
Untuk menambah dekorasi
Aplikasi kesehatan menggunakan huruf sans-serif tebal dengan ukuran besar untuk judul, dan huruf sans-serif tipis untuk konten teks. Keputusan ini tepat karena...
Sans-serif tidak memerlukan lisensi
Sans-serif terlihat bersih dan mudah dibaca di layar digital
Sans-serif lebih formal daripada serif
Sans-serif hanya cocok untuk buku cetak
Sans-serif selalu lebih murah
Dalam presentasi bisnis, teks utama ditulis dengan jarak baris yang sangat rapat, membuatnya sulit dibaca oleh audiens. Kesalahan utama terletak pada pengaturan...
Kerning
Tracking
Leading (jarak baris)
Baseline
Capline
Seorang siswa merancang logo startup teknologi dengan font sans-serif geometris. Pilihan ini dianggap tepat karena...
Sans-serif selalu lebih murah dalam lisensi
Sans-serif hanya digunakan untuk teks panjang
Sans-serif memberikan kesan modern dan bersih
Sans-serif lebih sulit dibaca sehingga terlihat unik
Sans-serif identik dengan tradisional
Dalam desain grafis, apa yang dimaksud dengan kontras?
Perbedaan antara elemen yang berdekatan
Penggunaan warna yang sama di seluruh desain
Pengaturan ukuran font yang seragam
Pengaturan elemen dalam satu garis
Penggunaan gambar tanpa teks
