10(11) клас Веб-технології. Урок №27 (01.04.2026) Тема уроку: Візуальний інтерфейс (UI)

Тести Інформатика 10 клас Тест
Михайлов М. В.
Додано: 31 березня
Предмет: Інформатика, 10 клас
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
12 запитань
Запитання 1

Який біологічний механізм змушує користувачів сканувати інтерфейс замість того, щоб вчитуватися в кожен елемент?

варіанти відповідей

Принцип збереження енергії та мінімізація споживання глюкози мозком.

Перевага правої півкулі мозку при роботі з цифровими пристроями.

Природна деградація зорового нерва при тривалій концентрації на пікселях.

Обмежена кількість колбочок у сітківці, що відповідають за сприйняття тексту.

Запитання 2

Для якого типу контенту найкраще підходить F-патерн сканування поглядом?

варіанти відповідей

Мобільні додатки з центральним розташуванням основної кнопки дії.

Текстоцентричні сторінки, такі як блоги, новини або довгі статті.

Інтернет-магазини з плитковою структурою товарів (Grid Layout).

Лендінги та посадкові сторінки з великою кількістю візуальних якорів.

Запитання 3

Згідно з правилом 60, яку частку візуального простору має займати акцентний колір (колір дії)?

варіанти відповідей

5%

60%

10%

30%

Запитання 4

Яка функція відступів ( ) у створенні візуальної ієрархії?

варіанти відповідей

Заповнення порожнечі для збалансування ваги зображень.

Зниження інформаційного шуму та створення 'кисневої подушки' для елементів.

Маскування помилок верстки та низької якості графіки.

Збільшення загального часу перебування користувача на сторінці.

Запитання 5

У чому полягає критична перевага 'активної валідації' у формах вводу?

варіанти відповідей

Вона дозволяє системі збирати більше даних про помилки користувача.

Вона блокує доступ до інтерфейсу до моменту введення коректного пароля.

Вона реагує миттєво, знімаючи когнітивне навантаження та стрес очікування результату.

Вона автоматично виправляє граматичні помилки в імені користувача.

Запитання 6

Що таке 'сакади' в контексті типографіки інтерфейсу?

варіанти відповідей

Метод стиснення шрифтових файлів для вебу.

Мікрострибки очей, якими ми зчитуємо рядки тексту.

Вертикальні лінії, що вирівнюють ієрархію заголовків.

Художні елементи шрифту, що прикрашають великі літери.

Запитання 7

Який з наведених елементів дизайну автори матеріалів називають 'голосом' системи?

.


варіанти відповідей

Мікровзаємодії

Робота з кольором.

Візуальна ієрархія.

Типографіка

Запитання 8

Яка основна проблема іконок без текстових підписів (крім загальновизнаних, як-от 'лупа')?

варіанти відповідей

Виникає 'проблема розуміння' — користувач може не вгадати функцію елемента.

Вони автоматично змінюють колір на чорно-білий.

Вони займають занадто багато вільної пам'яті пристрою.

Вони не відображаються на екранах з високою яскравістю.

Запитання 9

Що означає аналогова колірна схема (Analogous)?

варіанти відповідей

Використання кольорів з найвищим показником яскравості.

Використання кольорів, що знаходяться навпроти один одного.

Схема, заснована на металевих відтінках (золото, срібло).

Використання кольорів, що розташовані поруч на колірному колі.

Запитання 10

У метафорі 'Дизайн як організм', що відповідає за 'скелет'?

варіанти відповідей

Візуальна ієрархія та структура.

Кнопки та анімації.

Шрифти та міжрядкові інтервали.

Колірна палітра та настрій.

Запитання 11

Чому дизайнери рекомендують уникати ситуацій, коли кнопка 'затиснута' текстом з усіх боків?

варіанти відповідей

Це збільшує швидкість сканування сторінки.

Це призводить до технічного збою відображення коду.

Елемент зливається в єдину пляму і стає непомітним для зорової кори.

Текст може випадково змінити посилання на кнопці.

Запитання 12

Згідно з джерелами, дизайн — це не те, як предмет виглядає, а...

варіанти відповідей

...те, як він працює.

...хто є автором проекту.

...яку кількість кольорів він використовує.

...скільки грошей він приносить компанії.

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест