Ергономіка вебсторінки: UX, адаптивність, доступність

Додано: 7 жовтня
Предмет: Інформатика, 10 клас
14 запитань
Запитання 1

Чим UX відрізняється від UI?

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

UX — кольори і шрифти, UI — швидкість сервера

UX — досвід і легкість мети, UI — вигляд елементів

UX — версія для телефонів, UI — для комп'ютерів

Це дві назви одного і того самого поняття

Запитання 2

Який підхід до макета сторінки є стандартом у 2026 році?

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

Фіксований на 960 px

Гумовий без обмежень ширини

Окремий сайт m. для телефонів

Адаптивний (responsive)

Запитання 3

Які прийоми належать до дарк-патернів?

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

Передвибрана галочка 'Погоджуюсь на розсилку'

Таймер, що після оновлення починається знову

Кнопка 'Скасувати підписку' в налаштуваннях профілю

Кнопка відмови 'Ні, я не хочу економити'

Запитання 4

Який мінімальний контраст звичайного тексту до фону вимагає WCAG?

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

2 : 1

3 : 1

4.5 : 1

10 : 1

Запитання 5

У меню інтернет-магазину 22 пункти, і покупці довго не можуть обрати розділ. Який закон це пояснює?

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

Закон Якоба

Закон Хіка

Закон Фіттса

Ефект естетики

Запитання 6

На телефоні покупці часто не влучають у кнопку 'Додати в кошик' розміром 20 × 20 px. Що порадиш?

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

Збільшити кнопку приблизно до 44–48 px

Змінити колір кнопки на червоний

Перенести кнопку в нижній колонтитул

Додати кнопці анімацію мерехтіння

Запитання 7

Користувач хоче натиснути посилання, але в останню мить зверху вантажиться банер, і він натискає рекламу. Який показник це відображає?

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

LCP

INP

SEO

CLS

Запитання 8

У формі реєстрації поля з помилкою лише підсвічуються червоним. Чому це проблема доступності?

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

Люди з дальтонізмом можуть не побачити помилку

Червоний колір заборонено стандартом WCAG

Червоний колір сповільнює завантаження

Поля з помилкою взагалі не можна виділяти

Запитання 9

Сайт школи переробляють. Що з цього відповідає принципам mobile first і доступності?

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

Світло-сірий текст на білому для елегантності

Спершу проєктувати вигляд для телефона

Перевірити, що все працює з клавіатури через Tab

Додати alt до всіх фотографій

Запитання 10

Скільки учасників юзабіліті-тесту, за даними Nielsen Norman Group, зазвичай достатньо, щоб виявити більшість основних проблем?

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

50

500

1

5

Запитання 11

Під час юзабіліті-тесту учасник довго не може знайти розклад. Як має діяти спостерігач?

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

Одразу показати, де розклад

Пояснити учаснику, що він неуважний

Мовчки записувати, де і чому він застряг

Перервати тест і взяти іншого учасника

Запитання 12

Чому логотип зазвичай розміщують зліва вгорі, а кошик — справа вгорі?

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

Так вимагає стандарт HTML5

Користувачі звикли до цього на інших сайтах

Так сторінка швидше завантажується

Інакше Google не проіндексує сайт

Запитання 13

Головне зображення сторінки з'являється лише через 6 секунд. Який показник Core Web Vitals поганий?

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

LCP

INP

CLS

Усі три в нормі

Запитання 14

Ти дизайнер підписки на музичний сервіс. Які рішення чесні щодо користувача?

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

Скасування підписки таке ж просте, як оформлення

Повна ціна з усіма зборами видна одразу

Галочка згоди на розсилку вимкнена за замовчуванням

Кнопка скасування схована в п'ятому підменю

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

Створити тест
В прямому ефірі
Інтернет-конференція: Інклюзія та робота з дітьми з ООП: команда психолого-педагогічного супроводу