NEW
Font size
WorksheetsUI UX Soal Materi 07
Total questions: 15
Worksheet time: 8mins
Seorang desainer berpendapat bahwa selama semua fitur aplikasi berfungsi dengan baik, tampilan visual yang kurang menarik tidak menjadi masalah. Menurut konsep 'Aesthetic-Usability Effect' yang dibahas, mengapa argumen ini keliru?
Desain yang estetik hanya penting untuk membangun kepercayaan awal, namun tidak berpengaruh pada penggunaan jangka panjang.
Pengguna cenderung lebih toleran terhadap masalah kecil dan menganggap desain yang estetik lebih mudah digunakan.
Desain yang estetik secara langsung meningkatkan kecepatan pemrosesan aplikasi.
Hanya pengguna dari latar belakang non-teknis yang terpengaruh oleh estetika visual sebuah aplikasi.
Dalam Aturan Warna 60-30-10, warna Aksen (10%) memiliki peran yang sangat spesifik. Penggunaan terbaik untuk warna ini adalah pada elemen...
Latar belakang utama aplikasi untuk memberikan nuansa yang kuat.
Header dan sidebar untuk memperkuat identitas merek.
Elemen interaktif utama yang ingin ditonjolkan, seperti tombol 'Call-to-Action'.
Teks paragraf agar lebih mudah dibaca oleh pengguna.
Seorang desainer junior membuat tombol 'Hapus Akun' dengan warna hijau terang dengan alasan agar terlihat jelas. Mengapa pilihan ini dianggap sebagai pelanggaran prinsip semantik warna dalam desain UI?
Karena warna hijau memiliki rasio kontras yang buruk pada kebanyakan latar belakang.
Karena warna hijau seharusnya hanya digunakan untuk warna sekunder (30%) dalam aturan 60-30-10.
Karena warna hijau secara universal berkonotasi dengan 'sukses' atau 'aman', yang bertentangan dengan aksi 'hapus' yang destruktif.
Karena tombol destruktif seharusnya tidak dibuat mencolok sama sekali agar tidak sengaja ditekan.
Menurut standar aksesibilitas WCAG (Web Content Accessibility Guidelines) yang dijelaskan, berapa rasio kontras minimum yang wajib dipenuhi antara teks berukuran normal dengan latar belakangnya?
7:1
4.5:1
3:1
8:1
Untuk memastikan keterbacaan (readability) yang baik dalam sebuah paragraf, berapa rekomendasi 'line height' (jarak antar baris) yang ideal?
140%-160% dari ukuran font, untuk memberikan ruang nafas yang cukup.
100% dari ukuran font, agar teks terlihat rapat dan hemat ruang.
Sama dengan panjang baris (line length), yaitu 45-75px.
200% atau lebih dari ukuran font, untuk memberikan kesan minimalis.
Apa fungsi utama dari 'Whitespace' (ruang negatif) dalam desain antarmuka, selain hanya sebagai ruang kosong?
Menjadi elemen aktif untuk menciptakan pengelompokan visual dan meningkatkan fokus.
Mengisi setiap inci layar agar tidak ada area yang terbuang percuma.
Hanya berfungsi untuk memberikan kesan mewah dan mahal pada sebuah desain.
Menurunkan beban server karena lebih sedikit elemen yang perlu di-render.
Standar industri 8pt Grid System direkomendasikan untuk mengatur jarak dan ukuran. Apa alasan utama di balik penggunaan kelipatan 8?
Karena kelipatan 8 mudah dihitung tanpa menggunakan kalkulator.
Karena angka 8 adalah angka favorit sebagian besar desainer UI/UX.
Karena sistem grid lain seperti 10pt atau 12pt sudah dianggap kuno dan tidak modern.
Karena sebagian besar resolusi layar digital merupakan kelipatan biner, sehingga memudahkan proses 'scaling' tanpa menghasilkan angka pecahan.
Seorang mahasiswa semester 7 menyerahkan desain sebuah tombol, namun hanya dalam tampilan normalnya (default). Mengapa tugas ini dianggap tidak lengkap dari sudut pandang profesional?
Karena ukuran tombol harus mengikuti 8pt Grid System, dan ini perlu ditunjukkan secara eksplisit.
Karena desain tombol harus selalu disertai dengan ikon untuk memperjelas fungsinya.
Karena tombol adalah elemen dinamis yang memiliki berbagai 'states' (kondisi) seperti hover, pressed, dan disabled yang juga harus didesain.
Karena desainer harus menyediakan minimal 3 variasi warna yang berbeda untuk setiap tombol.
Mengapa menggunakan 'placeholder' sebagai pengganti 'label' pada sebuah kolom isian (form field) dianggap sebagai praktik yang buruk?
Placeholder akan hilang saat pengguna mulai mengetik, sehingga mereka bisa lupa kolom tersebut untuk isian apa.
Membuat kode untuk placeholder lebih rumit bagi developer dibandingkan label.
Teks placeholder biasanya memiliki kontras warna yang terlalu rendah.
Placeholder tidak bisa diterjemahkan secara otomatis oleh browser, tidak seperti label.
Apa tujuan utama melakukan 'Squint Test' (Tes Menyipitkan Mata) pada sebuah desain antarmuka?
Untuk mengecek konsistensi penggunaan warna di seluruh halaman.
Untuk mensimulasikan bagaimana pengguna dengan gangguan penglihatan melihat halaman tersebut.
Untuk memeriksa apakah ukuran font sudah cukup besar untuk dibaca dari jarak jauh.
Untuk melihat elemen mana yang paling menonjol secara visual saat detail dihilangkan, guna memastikan elemen terpenting mendapat perhatian utama.
Apa yang dimaksud dengan 'Responsive Design' dalam konteks pengembangan antarmuka pengguna?
Desain yang menggunakan elemen animasi untuk menarik perhatian pengguna.
Desain yang mengutamakan estetika tanpa memperhatikan fungsionalitas.
Desain yang hanya berfungsi dengan baik pada perangkat mobile.
Desain yang menyesuaikan tampilan berdasarkan ukuran layar perangkat yang digunakan.
Dalam konteks UX, mengapa penting untuk melakukan 'User Testing' sebelum meluncurkan produk?
Untuk meningkatkan kecepatan loading aplikasi dengan mengoptimalkan elemen visual.
Untuk memastikan bahwa semua fitur berfungsi dengan baik tanpa bug.
Untuk mendapatkan umpan balik langsung dari pengguna tentang pengalaman mereka.
Untuk mengurangi biaya pengembangan dengan menghindari revisi di masa depan.
Dalam desain antarmuka, apa yang dimaksud dengan 'Call-to-Action' (CTA) dan mengapa itu penting?
Elemen yang hanya berfungsi sebagai dekorasi untuk mempercantik tampilan.
Elemen yang digunakan untuk menampilkan informasi tambahan kepada pengguna.
Elemen yang mengarahkan pengguna untuk melakukan tindakan tertentu, seperti mendaftar atau membeli.
Elemen yang mengatur navigasi antar halaman dalam aplikasi.
Dalam desain antarmuka, apa yang dimaksud dengan 'User Persona' dan bagaimana itu dapat membantu dalam proses desain?
Representasi fiktif dari pengguna yang didasarkan pada data riset untuk memahami kebutuhan dan perilaku pengguna.
Dokumen yang menjelaskan semua fitur aplikasi secara rinci.
Alat untuk mengukur kinerja aplikasi setelah diluncurkan.
Gambaran visual dari antarmuka pengguna yang diinginkan tanpa mempertimbangkan pengguna sebenarnya.
Dalam desain antarmuka, mengapa penting untuk mempertimbangkan 'Mobile-First Design' dalam proses pengembangan?
Karena desain mobile lebih sederhana dan tidak memerlukan banyak elemen visual.
Karena mayoritas pengguna saat ini mengakses aplikasi melalui perangkat mobile, sehingga pengalaman pengguna harus diutamakan.
Karena aplikasi mobile biasanya memiliki lebih sedikit fitur dibandingkan aplikasi desktop.
Karena lebih mudah untuk mengembangkan aplikasi untuk desktop terlebih dahulu sebelum beralih ke mobile.
