Font size
WorksheetsІтогова КР по UX/UI
Total questions: 44
Worksheet time: 33mins
Які завдання виконує UX/UI дизайнер?
Аналіз цільової аудиторії
Створення візуального оформлення сайту/додатку
Створення тестової версії сайту/додатку
Що означає скорочення "UX" в контексті дизайну?
User Experience (досвід користувача)
User Interface (інтерфейс користувача)
User Experience/Interface (досвід/інтерфейс користувача)
Яке значення має термін "UI" в дизайні?
Інтерфейс користувача
Підземний інтелект
Неопізнана інформація
Універсальний ввід
Яка з наведених нижче є однією з основних задач UX-дизайну?
Створення логотипу компанії
Розробка маркетингової стратегії
Підвищення зручності та ефективності використання продукту
Створення рекламних банерів
Які з перерахованих нижче є принципами хорошого UX-дизайну?
(кілька варіантів)
Простота і зрозумілість
Використання яскравих і насичених кольорів
Відсутність зворотного зв'язку з користувачами
Консистентність і стандартизація
Яка мета тестування користувацького інтерфейсу (UI)?
Перевірка функціональності програми
Перевірка зовнішнього вигляду програми
Перевірка зручності та простоти використання програми
Перевірка безпеки програми
Що передбачає принцип "Принцип близькості" в гештальт-теорії?
Елементи, які ближче один до одного, сприймаються як пов'язані і належать до однієї групи.
Великі елементи привертають більше уваги, ніж маленькі елементи.
Елементи, розташовані в просторі зліва направо, сприймаються як послідовні кроки.
Що таке гарнітура і кегель, у чому різниця?
Гарнітура - це набір букв, а кегель - це розмір шрифту
Гарнітура - це тип шрифту, а кегель - це його розмір
Гарнітура і кегель - це різні види шрифтів
Гарнітура - це розмір шрифту, а кегель - це його тип
Який з цих термінів описує налаштування проміжків між символами в тексті?
Кернінг
Трекинг
Інтерліньяж
Шрифт
Що таке "карусель" (carousel) на веб-сторінці і які переваги та недоліки має цей елемент інтерфейсу?
Карусель - це сторінка сайту з кількома слайдами, кожен з яких містить інформацію про різні продукти. Перевага - покращена навігація, недолік - довгий час завантаження.
Карусель - це анімація, створена за допомогою карусельного фону. Перевага - красива візуалізація, недолік - неефективне використання ресурсів.
Карусель - це візуальний ефект, що застосовується до кнопок. Перевага - привернення уваги користувача, недолік - перевантаженість інтерфейсу.
Карусель - це слайд-шоу зображень або контенту, яке автоматично змінюється через певний проміжок часу. Перевага - надання великого обсягу інформації на малому просторі, недолік - можуть відволікати і сповільнювати завантаження сторінки.
Які з перерахованих нижче є частинами процесу UX-дизайну? (Виберіть усе, що підходить)
Аналіз ринку та конкурентів
Проведення фінансового аудиту
Прототипування та тестування з користувачем
Створення фірмового стилю
Які фактори слід враховувати при розміщенні елементів інтерфейсу на сторінці?
Переповнення контенту
Принцип F і Z форми читання
Кількість використаних кольорів
Що передбачає принцип "Принцип подібності" в гештальт-теорії?
Елементи з подібними характеристиками, такими як колір або форма, сприймаються як пов'язані і належать до однієї групи.
Елементи, розташовані у вертикальній лінії, сприймаються як послідовні кроки.
Елементи, які мають складні та унікальні форми, привертають увагу користувача.
Що таке "баланс" в дизайні?
Баланс в дизайні - це рівновага між різними елементами дизайну, такими як колір, форма і розмір.
Баланс в дизайні - це кількість кольорів, що використовуються в проекті.
Баланс в дизайні - це стиль, в якому виконано проект.
Баланс в дизайні - це швидкість, з якою проект був виконаний.
Що таке "бургер" в контексті веб-дизайну?
Це тип меню, який зазвичай використовується в мобільних версіях сайтів
Це візуальне оформлення сайту в стилі фастфуду
Це назва для сайтів, що просувають продукти харчування
Це спеціальний вид веб-дизайну, натхненний формою бургера
Що представляють собою "хлібні крихти" (breadcrumbs) на веб-сторінках?
Це елементи дизайну, які прикрашають сторінку
Це рекламні банери
Це навігаційний ланцюг, що дозволяє користувачу побачити шлях від головної сторінки до поточного розділу
Це спеціальні коди, вставлені в HTML для покращення SEO
Що таке міжрядковий інтервал (line height)?
Відстань між символами
Розмір шрифту
Відстань між рядками тексту
Відступи навколо тексту
Яким недоліком володіє наступний сайт?
Непрозора тематика
Немає недоліків
Перевантаження контентом
Складна навігація
Інтерфейс - це
інструмент взаємодії людини з продуктом
спеціальний сайт для навчання роботі з продуктом
різновид красивих і зручних сайтів та додатків
будь-який носій інформації (книга, газета, диск, флешка) тощо
Figma використовується для розробки інтерфейсів ...
сайтів
мобільних додатків
ігор
терміналів
Виберіть неправильну пораду щодо проектування інтерфейсу
Використовуйте середні та великі шрифти, щоб було простіше людям з маленькими екранами
Додайте якомога більше тексту, користувач не повинен заплутатися
Дотримуйтесь єдиного стилю в дизайні кнопок та іконок
Придумуйте спливаючі підказки для користувача
Що з перерахованого має інтерфейс
Сайт apple
Картина "Подсолнухи"
Надувний матрас
Додаток для управління розумним домом
Виберіть неправильні твердження:
На фоні схожих об'єктів запам'ятовується краще той, який виділяється.
Користувачі віддають перевагу, щоб ваш сайт не був схожий на інші.
Чим більше вибір, тим швидше приймається рішення
використовуйте звичні UX-патерни, які застосовуються на більшості сайтів
Не потрібно давати користувачу підказку, тому що буде перевантаження інтерфейсу
Які напрямки дизайну ви знаєте?
Веб-дизайн
Ландшафтний дизайн
Нейронні мережі
Інтерфейсний дизайн
Чим UX відрізняється від UI?
UX орієнтований на структуру та функціональність
UX стосується лише візуальних елементів
UI фокусується на зовнішньому вигляді та взаємодії
UI вирішує технічні завдання
Що таке інтуїтивний інтерфейс?
Інтерфейс, який легко зрозуміти без навчання
Інтерфейс, де кожен елемент підписаний
Інтерфейс з безліччю інструкцій
Інтерфейс, який використовує технології ШІ
Які софт-скіли важливі для дизайнера?
Комунікативні навички
Знання програмування
Креативне мислення
Вміння працювати в команді
Наведіть приклади hard-skills дизайнера.
Знання інструментів Figma або Sketch
Емпатія
Навички роботи з анімацією
Знання типографіки та кольорових схем
Що таке референси в дизайні?
Технічні завдання для розробників
Приклади робіт інших дизайнерів, які використовуються для натхнення
Набір коду для інтерфейсу
Елементи, що додаються на сайт
З якою довжиною рядка тексту зазвичай простіше читати?
20–30 символів
40–80 символів
90–100 символів
120–150 символів
Чому важливо дотримуватись єдиної шрифтової схеми при створенні дизайну сайту?
Для підвищення креативності
Для полегшення роботи дизайнера
Для створення єдиного стилю та ієрархії елементів
Для залучення уваги користувачів
Чому рекомендується уникати використання чистого чорного кольору в дизайні?
Чистий чорний вважається неестетичним
Чистий чорний занадто дорогий у використанні
Чистий чорний створює надмірну контрастність
Чистий чорний рідко зустрічається в природі
Яка кількість основних кольорів рекомендується використовувати в кольоровій гамі для досягнення балансу?
5 основних кольорів
Максимум 2 основних кольори
10 основних кольорів
Максимум 3 основних кольори
Яка мета кольорових схем в інтерфейсах?
Створення максимально яскравого дизайну
Забезпечення успішного залучення уваги користувача
Зменшення контрастності для комфортного сприйняття
Відсутність різноманітності для збереження простоти
Що представляє собою колір у дизайні?
Випадковий елемент дизайну
Елемент, який не впливає на враження
Важливий елемент, здатний привернути увагу та передати певне повідомлення
Необхідність для користувача
Яка мета композиції у веб-дизайні?
Привернення уваги користувача до окремих елементів дизайну
Створення гармонійного розташування всіх елементів сайту для максимального розкриття змісту
Розсіювання уваги користувача для виклику інтересу
Використання різних архітектурних елементів для надання унікальності
Що означає композиція в контексті дизайну?
Об'єднання окремих елементів в цілісне художнє ціле
Розділення дизайну на окремі компоненти для покращення сприйняття
Використання різних шрифтів і кольорів для створення різноманіття
Збільшення кількості деталей для більш цікавого дизайну
Яка є відмінна риса WIMP-інтерфейсу?
Вся робота відбувається у вікнах
Графічне оформлення інтерфейсу
Відсутність значків
Використання лише командного рядка
Чим характеризується інтерфейс SILK?
Робота базується на зображеннях
Можливість взаємодії з програмою рідною мовою користувача
Використання лише графічних елементів
Управління за допомогою миші
Яка колірна комбінація зображена?
Класична триада
Аналогова триада
Комплементарне поєднання
Тетрада
За яким критерієм змінюються кольори на зображенні?
Світлота
Насиченість
Кольороіий тон
Яке композиційне правило застосовано на зображені?
Правило третин
Золотий перетин
Композиційні схеми Z/F
В якому стилі оформлено дизайн сайту на зображенні?
мінімалісзм
скевоморфізм
гранж
неоморфізм
В якому стилі оформлено дизайн сайту на зображенні?
мінімалісзм
скевоморфізм
плоский дизайн
неоморфізм
