WorksheetsUI/UX Design Quiz G3
Total questions: 37
Worksheet time: 19mins
UI dizaynında "Grid" sisteminin əsas funksiyası nədən ibarətdir?
Elementləri nizamlamak və vizual struktur qurmaq.
Saytın yüklənmə sürətini proqramla artırmaq.
Rənglərin daha parlaq görünməsini təmin etmək.
Mətlərin avtomatik tərcüməsini həyata keçirmək.
"Wireframe" mərhələsində hansı elementə diqqət yetirilmir?
Məlumatın səhifədəki yerləşiminə.
Düymələrin və blokların funksiyasına.
Şəkillərin rənginə və kölgə effektinə.
İstifadəçinin naviqasiyaya axınına.
"60-30-10" qaydası rəng nəzəriyyəsində nəyi ifadə edir?
Rənglərin ekranda paylanma faizini.
Şriftlərin ölçülərinin nisbətini.
İş vaxtının bölünmə prinsipini.
Kodlaşdırma zamanı rəng kodlarını.
Mətnə "Line Height" nəyi tənzimləyir?
Hərflər arasındakı üfüqi məsafəni.
İki sətir arasındakı şaquli boşluğu.
Paraqrafın səhifədəki sol boşluğunu.
Şriftin qalınlığını və incəliyini.
Button dizaynında "CTA" nə deməkdir?
İstifadəçini fəaliyyətə çağıran əsas element.
Səhifənin ən altındakı məlumat bölməsi.
Yalnız dekorativ məqsəd daşıyan qrafika.
Proqramçılar üçün yazılan gizli kod.
"Kerning" termini tipoqrafiyada nəyi bildirir?
İki konkret hərf arasındakı məsafəni.
Bütün sözdəki hərflərin ümumi ara məsafəsini.
Sətirlər arasındakı şaquli hündürlüyü.
Şriftin kənar xətlərinin rəngini.
"Low-fidelity" wireframe nə vaxt istifadə olunur?
Layihənin ən sonunda rəngləri yoxlamaq üçün.
Ideyanı tez test etmək və struktur qurmaq üçün.
Müştəriyə hazır məhsul təhvil verən zaman.
Animasiyaların sürətini dəqiqləşdirmək üçün.
Reng dairəsində "Tamamlayıcı" (Complementary) rənglər hansılardır?
Dairədə yan-yana duran oxşar rənglər.
Dairədə bir-biri ilə üzbəüz duran rənglər.
Yalnız ağ və qara rənglərin qarışığı.
Eyni rəngin müxtəlif tonları və çalarları.
"Responsive Design" nə deməkdir?
Saytın yalnız mobil telefonlarda işləməsi.
Dizaynın müxtəlif ekran ölçülərinə uyğunlaşması.
İstifadəçinin səsli əmrlərinə reaksiya verməsi.
İnternet sürətinə görə rənglərin dəyişməsi.
12 sütunlu grid sistemi adətən hansı cihaz üçün istifadə olunur?
Mobil tətbiqlər (Mobile).
Planşetlər (Tablet).
Masaüstü kompüterlər (Desktop).
Ağıllı saatlar (Smartwatch).
"Sans-Serif" şriftlərinin əsas xüsusiyyəti nədir?
Hərflərin uclarında "dırnaq" çıxıntılarının olması.
Hərflərin uclarında çıxıntıların olmaması, düz bitməsi.
Yalnız əl yazısı formasında olması.
Yalnız başlıqlarda istifadə olunması.
İnterfeysdə "Breadcrumbs" nə işə yarayır?
Saytda istifadəçinin olduğu yeri və yolu göstərir.
Səhifədəki şəkillərin ölçüsünü kiçildir.
İstifadəçinin şifrəsini yadda saxlayır.
Saytın fon rəngini avtomatik dəyişir.
"Gutter" termini grid sistemində nəyi ifadə edir?
Səhifənin ən kənarındakı boşluqları.
Sütunlar arasındakı boşluq məsafəsini.
Sütunun özünün ümumi enini.
Ekranın ümumi hündürlüyünü.
"Hover" effekti düymələrdə nə vaxt baş verir?
İstifadəçi düyməyə kliklədiyi zaman.
Kursoru düymənin üzərinə gətirdikdə.
Səhifə yeniləndiyi zaman.
Düymə deaktiv (sönülü) olduqda.
WCAG standartlarına görə rəng kontrasti niyə vacibdir?
Rəng korluğu olanlar və zəif görənlər üçün əlçatanlıq yaratmaq.
Monitorların daha az enerji sərf etməsini təmin etmək.
Saytın yalnız gecə rejimində işləməsini təmin etmək.
Dizaynın çap versiyasında daha ucuz başa gəlməsi.
"Lorem Ipsum" mətnı dizaynda nə məqsədlə istifadə olunur?
Hüquqi məlumatları istifadəçiyə çatdırmaq üçün.
Məzmun hazır olmadığı vizual doluluğu göstərmək üçün.
Dizaynın çap versiyasında daha ucuz başa gəlməsi.
Saytda istifadəçinin şifrəsini yadda saxlayır.
UI dizaynında "Radio Button" nə vaxt istifadə olunur?
İstifadəçi bir neçə variantı eyni anda seçə bildikdə.
İstifadəçi siyahıdan yalnız bir variantı seçə bildikdə.
İstifadəçi mətn daxil etməli olduqda.
Səhifəni aşağı sürüşdürmək lazım gəldikdə.
"Checkbox" ilə "Radio Button" arasındakı fərq nədir?
Checkbox tək seçim, Radio Button çoxlu seçim üçündür.
Checkbox çoxlu seçim, Radio Button tək seçim üçündür.
Heç bir funksional fərq yoxdur, yalnız forma fərqlidir.
Checkbox mobil üçün, Radio Button desktop üçündür.
Şriftlərdə "ierarxiya" (Hierarchy) necə yaradılır?
Yalnız rəngləri dəyişməklə.
Ölçü, qalınlıq və rəng fərqlilikləri ilə.
Bütün mətnləri böyük hərflə yazmaqla.
Mətnləri səhifənin mərkəzinə yığmaqla.
"RGB" rəng modeli əsasən harada istifadə olunur?
Jurnalların və vizitkartların çapında.
Rəqəmsal ekranlarda və veb dizaynda.
Tekstil və parça boyamalarında.
Divar boyalarının hazırlanmasında.
"Figma" proqramında "Frame" nəyi təmsil edir?
Sade hendesi fiquru.
Dizayn elementlərini saxlayan iş sahəsini/konteyneri.
Yalnız ixrac ediləcək şəkli.
Mətn yazmaq üçün istifadə edilən aləti.
Mobil tətbiq dizaynında minimal toxunuş sahəsi (Touch Target) nə qədər tövsiyə olunur?
Təxminən 44x44 piksel
Təxminən 10x10 piksel.
Təxminən 32x32 piksel.
Ölçünün heç bir əhəmiyyəti yoxdur.
"Accent Color" adətən hansı elementlərdə istifadə olunur?
Əsas fəaliyyət düymələri (CTA) və vacib elementlərdə.
Səhifənin arxa fonunda və kölgələrdə.
İkinci dərəcəli mətnlərdə və açıqlamalarda.
Deaktiv olunmuş (sönülü) düymələrdə.
"Monoxromatik" rəng palitrası necə formalaşır?
Bir rəngin müxtəlif tonlarından və doymuşluğundan.
Üç fərqli rəngin qarışığından.
Rəng dairəsində oks tərəflərdə duran rənglərdən.
Yalnız ağ və qara rənglərin istifadəsindən.
UI elementlərindən "Placeholder" harada görünür?
Input sahələrində
Düymələrdə
Menyu elementlərində
Başlıq sahələrində
"Typography"də oxunaqlılığı ən çox nə azaldır?
Mətnin sol tərəfdən hizalanması.
Sətirlərin həddindən artıq uzun olması.
Qara rəngli mətndən istifadə edilməsi.
Paragraflar arasında boşluq olması.
"Hex Code" nəyi bildirir?
Şriftin ölçüsünü.
Rəngin unikal kodunu.
Səhifənin yüklənmə sürətini.
Şəklin piksel ölçüsünü.
32. 8-point Grid sistemi nəyə əsaslanır?
Bütün ölçü və məsafələrin 8-ə bölünən olması prinsipinə.
Səhifədə yalnız 8 ədəd elementin olmasına.
Şriftlərin ölçüsünün maksimum 8pt olmasına.
Ekranın 8 bərabər hissəyə bölünməsinə.
"Progress Bar" hansı funksiyanı daşıyır?
İstifadəçiyə prosesi nə qədərinin tamamlandığını göstərir.
Səhifənin rengini tənzimləməyə kömək edir.
İstifadəçinin internet sürətini artırır.
'Dropdown' menu nə vaxt istifadə üçün əlverişsizdir?
Seçimlərin sayı çox olduqda
Seçimlərin sayı çox az olduqda
Yerə qənaət etmək lazım gəldikdə.
Formalarda məlumat doldurarkən.
Mobil dizaynda 'Burger Menu' niyə istifadə olunur?
İstifadəçilərin iştahını açmaq üçün.
Kiçik ekranda naviqasiya elementlərini gizlədib yer qazanmaq üçün.
Ən vacib məlumatları ekranda göstərmək üçün.
Dizaynın daha rəngli görünməsi üçün.
'Footer' hissəsində adətən hansı məlumatlar olur?
Əsas manşet xəbərləri və böyük şəkillər.
Bütün səhifələr, əlaqə və sosial media linkləri.
İstifadəçinin şəxsi kabinetinə giriş pəncərəsi.
Məhsulun səbətə əlavə edilməsi düyməsi.
'Input Field' dizaynında səhv mesajı harada göstərilməlidir?
Səhifənin ən yuxarısında, xanadan uzaqda.
Səhvin baş verdiyi xananın dərhal yaxınlığında.
İstifadəçiyə email vasitəsilə göndərilməlidir.
Hər yerdə göstərilməməli, istifadəçi özü tapmalıdır.
"High-fidelity" wireframe-in məqsədi nədir?
Məhsulun son görünüşünə ən yaxın vizualı təqdim etmək.
Yalnız struktur və yerləşimi göstərmək.
Kağız üzərində eskizlər çəkmək.
Kodlaşdırma olmadan məhsulu bazara çıxarmaq.
Fontda "Weight" (Qalınlıq) dedikdə nə nəzərdə tutulur?
Şriftin fayl ölçüsü (MB).
Bold, Regular, Light kimi xət qalınlıqları.
Hərflərin hündürlüyü.
Şriftin yalnız kursiv (Italic) forması.
Mobil dizaynda "Navigation Bar" (Naviqasiya zolağı) adətən harada yerləşir?
Ekranın ən yuxarı hissəsində.
Ekranın aşağı hissəsində.
Ekranın tam ortasında.
Yalnız saqlı şəkildə sağ tərəfdə.
"UI Kit" nədir?
Hazır dizayn komponentləri və elementləri toplusu.
UX araşdırması üçün suallar toplusu.
Rəngləri seçmək üçün onlayn alət.
Proqramçıların istifadə etdiyi kod redaktoru.
