Font size
WorksheetsUntitled Quizzz
Total questions: 38
Worksheet time: 21mins
Kepanjangan dari HTML adalah
HyperTell Markup Language
HyperText Markup Language
HyperText Markup Link
HyperTell Markup Language
Media query yang digunakan untuk menentukan gaya CSS yang akan diterapkan pada perangkat dengan lebar layar maksimum 768px adalah
@media (max-width: 768px)
@media (min-width: 768px)
@media (max-device-width: 768px)
@media (min-device-width: 768px)
Properti CSS yang digunakan untuk mengatur warna latar belakang sebuah elemen adalah
`color`
`font-size`
`background-color`
`text-align`
Properti CSS mana yang digunakan untuk mengatur jarak di dalam elemen?
`margin`
`padding`
`border`
`display`
Apa perbedaan utama antara User Interface (UI) dan User Experience (UX) dalam desain produk digital?
Sebutkan 3 metode User Experience yang sudah diajarkan pada pertemuan ke 2
Apa tujuan utama dari desain antarmuka pengguna?
Meningkatkan performa sistem
Menciptakan tampilan yang estetis dan memudahkan interaksi pengguna dengan produk
Mengurangi biaya pengembangan
Menyimpan data pengguna dengan aman
Prinsip desain UI mana yang membantu pengguna dalam memahami cara menggunakan antarmuka dengan lebih cepat?
Konsistensi
Kecepatan akses
Keamanan
Penggunaan warna
Apa yang dimaksud dengan "responsive design" dalam konteks UI?
Desain yang hanya bekerja di perangkat desktop
Desain yang dapat menyesuaikan dengan berbagai ukuran layar perangkat
Desain yang fokus pada animasi
Desain yang menggunakan teknologi terbaru
Apa itu wireframe dalam desain UI?
Desain akhir dari sebuah aplikasi
Representasi dasar dari tata letak dan struktur halaman tanpa detail visual
Alat untuk menguji kinerja aplikasi
Teknik untuk optimasi SEO
Elemen UI apa yang digunakan untuk menunjukkan status atau progres suatu tugas kepada pengguna?
Formulir
Tooltip
Progress bar
Menu
Apa itu "affordance" dalam konteks desain UI?
Penggunaan warna yang mencolok
Desain yang intuitif dan menunjukkan bagaimana suatu elemen seharusnya digunakan
Teknik untuk meningkatkan kecepatan aplikasi
Proses pengumpulan data pengguna
Apa peran dari "contrast" dalam desain antarmuka?
Untuk mengurangi ukuran file gambar
Untuk meningkatkan visibilitas dan keterbacaan elemen-elemen di antarmuka
Untuk menambah animasi
Untuk meningkatkan kecepatan loading
Apa yang dimaksud dengan "clickable area" dalam desain UI?
Area yang berisi teks informasi
Area di mana pengguna dapat mengklik untuk melakukan aksi atau navigasi
Area untuk menampilkan gambar
Area yang hanya berisi konten statis
Elemen UI mana yang membantu pengguna dalam menavigasi halaman dengan cepat?
Tabel
Tooltip
Breadcrumb
Formulir
Apa tujuan dari menggunakan "color theory" dalam desain UI?
Untuk membuat kode lebih efisien
Untuk memastikan penggunaan warna yang tepat untuk meningkatkan estetika dan fungsionalitas
Untuk meningkatkan kecepatan aplikasi
Untuk menambahkan lebih banyak teks
Apa itu "user feedback" dalam konteks desain antarmuka?
Umpan balik dari sistem ke pengguna tentang hasil dari tindakan mereka
Umpan balik dari pengembang kepada pengguna
Dokumentasi teknis aplikasi
Desain visual dari aplikasi
Apa yang dimaksud dengan "visual hierarchy" dalam desain UI?
Urutan langkah untuk mengembangkan aplikasi
Pengaturan elemen-elemen visual untuk menunjukkan prioritas dan hubungan antar elemen
Teknik pengumpulan data pengguna
Proses debugging aplikasi
Apa itu "prototyping" dalam desain antarmuka pengguna?
Menulis kode akhir aplikasi
Membuat model interaktif awal dari antarmuka untuk pengujian dan umpan balik
Teknik untuk meningkatkan SEO
Proses pengumpulan data pengguna
Elemen UI apa yang memberikan bantuan tambahan atau informasi saat pengguna melayang di atasnya dengan kursor?
Modal
Dropdown
Slider
Tooltip
Apa yang dimaksud dengan "modal" dalam desain UI?
Sebuah halaman penuh yang berisi informasi tambahan
Bagian dari footer
Jendela pop-up yang menampilkan konten atau meminta tindakan dari pengguna
Bentuk lain dari hyperlink
Apa yang dimaksud dengan "interaction design" dalam UI?
Desain visual dari elemen-elemen statis
Desain bagaimana pengguna berinteraksi dengan elemen-elemen antarmuka
Pengaturan warna dan font
Pengaturan server untuk aplikasi
Elemen UI apa yang digunakan untuk memungkinkan pengguna memilih dari beberapa pilihan?
Dropdown menu
Teks statis
Breadcrumb
Tooltip
Apa yang dimaksud dengan "microinteraction" dalam desain antarmuka?
Interaksi kecil seperti notifikasi atau animasi yang meningkatkan pengalaman pengguna
Desain untuk layar kecil
Proses pengembangan perangkat lunak
Teknik optimasi kinerja
Apa fungsi utama dari "grid system" dalam desain UI?
Untuk mempercepat proses pengembangan
Untuk mengatur dan menyelaraskan elemen-elemen pada halaman secara konsisten
Untuk meningkatkan kecepatan loading
Untuk menambahkan lebih banyak konten
Elemen UI apa yang sering digunakan untuk menampilkan informasi tambahan atau bantuan tanpa meninggalkan halaman?
Sidebar
Tooltip
Dropdown
Tab
Apa yang dimaksud dengan "user-centered design"?
Desain yang berfokus pada kemudahan pengembang
Desain yang menggunakan teknologi terbaru
Desain yang hanya fokus pada estetika
Desain yang berpusat pada kebutuhan dan tujuan pengguna
Apa yang dimaksud dengan "call to action" dalam desain UI?
Tindakan yang dilakukan oleh sistem secara otomatis
Elemen yang mendorong pengguna untuk melakukan aksi tertentu, seperti mengklik tombol atau mengisi formulir
Elemen yang menampilkan informasi tambahan
Desain untuk layar kecil
Tahap terakhir pada saat merancang interface adalah
Memikirkan tentang default
Mempertimbangkan page layout berdasarkan suatu tujuan tertentu
Memastikan bahwa sistem berjalan sesuai dengan apa yang terjadi saat itu juga
Menjaga antarmuka yang sederhana
Elemen UI apa yang digunakan untuk memungkinkan pengguna memilih beberapa opsi dari daftar?
Checkbox
Radio button
Teks statis
Breadcrumb
User kata lain dari?
Pengguna
Pembeli
Penjual
Pembuat
Bagaimana cara menyertakan file CSS eksternal dalam HTML?
`<style src="styles.css">`
`<link rel="stylesheet" type="text/css" href="styles.css">`
`<css href="styles.css">`
`<script src="styles.css">`
Properti CSS mana yang digunakan untuk mengatur bayangan elemen?
`text-shadow`
`shadow`
`element-shadow`
`box-shadow`
Tag HTML mana yang digunakan untuk membuat tombol submit dalam formulir?
`<input type="button">`
`<button type="button">`
`<input type=”input">`
`<button type="submit">`
Tag HTML mana yang digunakan untuk membuat kotak centang dalam formulir?
`<input type="checkbox">`
`<input type="radio">`
`<input type="text">`
`<input type="button">`
Tag HTML mana yang digunakan untuk membuat menu dropdown dalam formulir?
`<select>`
`<option>`
`<input>`
`<textarea>`
Properti CSS mana yang digunakan untuk mengatur tampilan elemen menjadi tersembunyi?
`visibility: hidden;`
`opacity: 0;`
`z-index: -1;`
`display: none;`
Apa yang dimaksud dengan elemen semantik dalam HTML? Berikan contoh tiga elemen semantik dan jelaskan fungsinya.
