💯 UI/UX дизайн (Паттерны проектирования дизайна и исследование пользовательского опыта) [Тема 1-8] — ответы на тесты Синергия / МОИ / МТИ / МосАП

UI/UX дизайн (Паттерны проектирования дизайна и исследование пользовательского опыта) > Итоговый тест

• правильные ответы на вопросы из теста по данной дисциплине
• вопросы отсортированы в лексикографическом порядке

UI/UX дизайн (Паттерны проектирования дизайна и исследование пользовательского опыта)

• Тема 1. Композиция, модульные сетки, типографика
• Тема 2. Текст в интерфейсе, цвет в Web-дизайне, работа с контентом
• Тема 3. Работа с проектной документацией, поиск идей
• Тема 4. Анатомия сайта, знакомство с блоками, разработка сайта, прототипирование, дизайн сайта
• Тема 5. Дизайн сайта, тестирование UI, мобильная версия сайта
• Тема 6. UX исследования, путь клиента, user flow и прототипирование, особенности платформ.
• Тема 7. Дизайн система, особенности интерфейсов, текст в интерфейсе.
• Тема 8. Тестирование, защита проекта перед клиентом, поддержка на Production
• Итоговый проект
• Итоговая аттестация

.. - это документ, в котором фиксируются все выполненные этапы работы над проектом и условия сдачи проекта.

Тип ответа: Текcтовый ответ

… - термин, обозначающий совокупность текста, изображений и других элементов на веб-странице.

Тип ответа: Текcтовый ответ

… - цветовой термин используется для обозначения сочетания двух основных цветов.

Тип ответа: Текcтовый ответ

… - элемент в интерфейсе, позволяющий пользователю выполнить определенное действие или перейти на другую страницу.

Тип ответа: Текcтовый ответ

… - это графическое представление пути пользователя на сайте от начала до конца.

Тип ответа: Текcтовый ответ

… - это метод исследования, включающий интервью с пользователями для понимания их потребностей и проблем.

Тип ответа: Текcтовый ответ

… - это набор стандартов и руководств по использованию дизайна, цветовой палитры, шрифтов и элементов интерфейса.

Тип ответа: Текcтовый ответ

… - это наука о выборе шрифтов, их размера, цвета и прочих параметров для повышения удобства чтения и восприятия информации на экране.

Тип ответа: Текcтовый ответ

… - это основные принципы дизайна, учитывающие удобство использования и интуитивность интерфейса.

Тип ответа: Текcтовый ответ

… - это построение карты путей пользователей на сайте с учетом их целей и действий.

Тип ответа: Текcтовый ответ

... - это сбор различных идей, образцов, текстур, цветов и прочего, для создания общей стилистики проекта.

Тип ответа: Текcтовый ответ

… - это способы взаимодействия пользователя с элементами интерфейса, которые улучшают пользовательский опыт.

Тип ответа: Текcтовый ответ

… - это элементы дизайна, отображающие различные виды контента на странице.

Тип ответа: Текcтовый ответ

…сайта - процесс создания функционального и визуально привлекательного веб-ресурса с учетом целей бизнеса и потребностей пользователей. Включает в себя выбор технологий, создание структуры сайта, программирование функционала и тестирование.

Тип ответа: Текcтовый ответ

Графическое представление последовательности экранов и действий пользователя - это…

Тип ответа: Текcтовый ответ

Для какой цели применяется создание Customer Journey Map (CJM) в UX-дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Для разработки рекламной кампании
• Для визуализации всех контактов пользователя с продуктом
• Для оценки качества интернет-соединения
• Для изучения динамики изменения цен

Для чего проводится анализ текущего решения заказчика в веб дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Для увеличения стоимости проекта
• Для понимания потребностей и целей заказчика
• Для презентации перед началом работы
• Для оценки качества работы дизайнера

К вам пришел заказчик с сайтом для строительной компании. Фирменного стиля компании еще нет, решили начать с сайта. Клиент не уверен, какой цвет выбрать для своего веб-сайта, чтобы привлечь больше посетителей. Какая стратегия дальнейшей работы будет наиболее верной?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Провести анализ цветовой палитры конкурентов и выбрать цвет, который отличается от них. Это поможет выделиться на фоне других сайтов и привлечь внимание пользователей.
• Использовать психологию цвета для выбора цветовой схемы. Например, синий цвет ассоциируется с доверием и стабильностью, зеленый - с природой и свежестью, а красный - с энергией и страстью. Подберите цвет, который соответствует имиджу вашего бренда и целям сайта.
• Провести тестирование различных цветовых вариантов с помощью A/B тестирования. Создайте несколько версий сайта с разными цветами и измерьте их эффективность по количеству посетителей, конверсии и другим метрикам. На основе полученных данных выберите оптимальный цвет для сайта.
• Мнение клиента ошибочно. Цвета не повлияют на привлечение посетителей сайта. Стоит посоветовает ему больше поработать над содержанием сайта и рекламными компаниями.

Как можно улучшить читаемость текста на веб-странице?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Подобрав достаточный контраст между текстом и фоном.
• Уменьшив интервал между буквами.
• Используя только курсивный шрифт.
• Выбрать самый яркий цвет шрифта.

Как следует последовательно подойти к созданию первоначальной версии веб-сайта?

Тип ответа: Сортировка

• 1 Уточнение дизайна основных элементов интерфейса.
• 2 Добавление интерактивных элементов и функциональности.
• 3 Проведение тестирования интерфейса на целевой аудитории.
• 4 Создание основных элементов интерфейса в приближенной форме.

Какие анимации наиболее распространены в веб дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Только вращения
• Только масштабирование
• Переходы и микровзаимодействия
• Только изменение цвета

Какие задачи выполняет UX-дизайн?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Улучшение SEO
• Улучшение визуальной привлекательности
• Улучшение пользовательского опыта
• Увеличение прибыли

Какие методы тестирования используются в веб-дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Только тестирование на скорость загрузки страницы
• Тестирование на цветовую гамму и шрифты
• Тестирование юзабилити, A/B-тестирование, тестирование на различных устройствах и браузерах
• Тестирование только на одном браузере

Какие основные элементы входят в навигационные блоки веб-сайта?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Цветовая гамма, шрифты, картинки
• Меню, поисковая строка, ссылки на разделы
• Кнопки "Поделиться", "Лайк", "Подписаться"
• Блоки "О нас", "Контакты", "Новости"

Какие программные инструменты наиболее часто используются для создания прототипов в веб-дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Фотошоп, Word, Excel
• Sketch, Figma, Adobe XD
• PowerPoint, Paint, Notepad
• Illustrator, CorelDRAW, InDesign

Какие разновидности анализа возможны?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Проведение UI и UX исследований
• Изучение сервисов и продуктов
• Осуществление прототипирования и дизайна
• Проведение качественных и количественных исследований

Какие типы модульных сеток чаще всего используются в адаптивном веб-дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• 4-колоночные, 8-колоночные.
• 3-колоночные, 6-колоночные.
• 12-колоночные, 16-колоночные.
• 6-колоночные, 8-колоночные.

Какие функциональные требования могут быть указаны в проектной документации для веб дизайна?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Только информационный блок на главной странице
• Возможность регистрации пользователей, корзина покупок, обратная связь и другие функции сайта
• Только контактная форма
• Только карта сайта.

Какие элементы обязательно должны быть включены в бриф для веб дизайна?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Цели проекта, целевая аудитория, требования к дизайну и сроки выполнения работы
• Описание всех страниц сайта
• Только контактная информация заказчика
• Только перечень услуг компании

Какой документ регулирует конфиденциальность информации между сторонами?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Приложение
• Протокол ведения переговоров
• NDA
• Справка о зарплате

Какой размер шрифта рекомендуется использовать для основного текста на веб-странице?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• От 10px до 12px.
• От 16px до 18px.
• От 20px до 24px.
• От 32px до 48px.

Какой тип контента должен быть на главной странице сайта для привлечения внимания пользователя?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Краткое описание основных услуг или продуктов.
• Большое количество текста без изображений.
• Только контактная информация.
• Самый привлекательный продукт.

Какой тип шрифта часто связывается с эмоциональной сдержанностью?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Ультраболд
• Курсив
• Полужирный
• Обычный

Какой цвет рекомендуется использовать для кнопок "Выход" или "Отмена"?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Красный
• Зеленый
• Синий
• Желтый

Клиент обратился к вам с замечанием о том, что текст на его веб-сайте трудночитаем из-за неправильного оформления типографики. Что вы посоветуете ему?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Первым шагом для решения этой проблемы будет анализ использованных шрифтов, их размеров и цветовой гаммы на сайте. Возможно, потребуется увеличить размер основного текста, выбрать более удобочитаемый шрифт и корректировать цвета текста и фона для повышения контрастности.
• Важно проверить параметры линейного интервала между строками, отступы между абзацами и ширину колонок текста на веб-странице. Иногда проблема с читаемостью может возникать из-за неправильного форматирования текстовых блоков.
• Помимо улучшения типографики, рекомендуется обратить внимание на редактирование текстового содержания. Часто проблемы с читаемостью могут быть связаны с излишним количеством информации или сложным построением предложений. Попробуйте упростить текст и разбить его на более короткие абзацы для лучшего восприятия читателем.
• Не стоит слишком сосредотачиваться только на типографике. Если есть сомнения в правильности выбора типографической системы, то можно добавить больше цветов, изображений и другого контента, чтобы привлечь внимание посетителей и сделать их визит на сайт более увлекательным.

Клиент обратился к вам с запросом на разработку веб-сайта для его бизнеса, но не предоставил информации о целевой аудитории. Какой подход вы предложите для изучения и анализа ЦА?

Тип ответа: Множественный выбор • с выбором нескольких правильных ответов из предложенных вариантов

• Проведите исследование аудитории, включающее сбор данных о возрасте, поле, интересах и предпочтениях потенциальных пользователей. Проведите опрос среди существующих клиентов, чтобы лучше понять их потребности и ожидания от сайта.
• Предложите клиенту собрать команду фокус-группы для обсуждения идеального пользователя сайта и его характеристик.
• Проанализируйте конкурентов клиента и их аудиторию, чтобы выявить общие черты и предпочтения целевой аудитории. Обратите внимание на успешные стратегии и дизайн конкурентов.
• Предложите клиенту разработать анкету для определения целевой аудитории сайта и провести онлайн-опрос среди потенциальных пользователей.

Клиент обратился к вам с проблемой создания сайта для своего бизнеса. Он не уверен, каким образом разработать эффективный веб-ресурс, который привлечет целевую аудиторию и будет соответствовать его потребностям. Какой наилучший подход к решению этой проблемы?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Предложить клиенту провести исследование его целевой аудитории и собрать обратную связь от потенциальных пользователей. На основе этой информации разработать прототип сайта, учитывая их потребности и предпочтения.
• Предложить клиенту скопировать дизайн успешного конкурента и использовать его для своего сайта.
• Предложить клиенту разработать дизайн сайта с использованием случайного выбора цветов и шрифтов.
• Предложить клиенту создать сайт без анализа целевой аудитории, просто следуя своим представлениям о дизайне.

Клиент обратился с проблемой нехватки поддержки на Production в Web-дизайне. Какие шаги следует предпринять для улучшения ситуации?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Проверить текущее состояние сайта на Production и выявить возможные проблемы или улучшения. Обратить внимание на скорость загрузки страниц, кроссбраузерность и адаптивность дизайна.
• Обсудить с клиентом цели и ожидания от работы на Production. Уточнить возможные изменения и улучшения, которые требуются.
• Разработать план действий по решению выявленных проблем. Внести необходимые изменения, провести тестирование и запустить обновленный сайт на Production.
• Для улучшения ситуации с нехваткой поддержки на Production в Web-дизайне следует прежде всего переписать весь код с нуля, исключив все текущие ошибки и проблемы. Затем необходимо изменить все цветовые схемы и шрифты на что-то более эксцентричное и запоминающееся. Далее рекомендуется добавить как можно больше анимации и визуальных эффектов, чтобы сделать сайт более привлекательным для пользователя. Наконец, необходимо перенести весь контент на другой хостинг, чтобы избежать возможных проблем с доступом к сайту.

Клиент пришел к вам с проблемой неудобочитаемости текста на его веб-сайте. Он отмечает, что пользователи жалуются на сложность восприятия информации и трудности в навигации из-за плохо оформленного текста. Какие действия могут быть предприняты для решения этой проблемы?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Пересмотреть шрифты и размеры текста, чтобы обеспечить легкость чтения и улучшить восприятие информации.
• Увеличить количество текста на странице, чтобы предоставить более подробную информацию для пользователей.
• Изменить цветовую гамму текста, чтобы сделать его более привлекательным и различимым на фоне.
• Добавить больше иллюстраций и графических элементов, чтобы сделать страницу более привлекательной и разнообразной

После выката обновлений на Production, клиент обнаружил, что некоторые элементы на веб-сайте не отображаются правильно. Определите верную последовательность действий:

Тип ответа: Сортировка

• 1 Поиск возможных причин и анализ логов сервера.
• 2 Проверка корректности выкатки изменений.
• 3 Исправление ошибок и внесение изменений.
• 4 Резервное возвращение к предыдущей версии веб-сайта.
• 5 Обновление документации по изменениям.

При тестировании мобильной версии веб сайта обнаружена проблема с некорректным отображением элементов на экранах разных размеров. Каковы возможные способы решения этой проблемы?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Пересмотреть и адаптировать CSS стилей для более точного позиционирования элементов на разных разрешениях экранов.
• Использовать медиа-запросы для определения различных размеров экранов и применения соответствующих стилей.
• Создать отдельные макеты для различных категорий устройств, таких как смартфоны и планшеты, чтобы гарантировать оптимальное отображение.
• Проблему можно решить, если изменить цвет фона элементов.

Установите соответствие между видами исследований в Web-дизайне и их описаниями:

Тип ответа: Сопоставление

• A. Качественные исследования
• B. Количественные исследования
• C. Построение CJM (Customer Journey Map)
• D. User Flow
• E. Интервью с пользователями для понимания их потребностей и проблем
• F. Изучение поведения пользователей на сайте с помощью аналитики
• G. Графическое представление пути пользователя на сайте от начала до конца
• H. Определение численных показателей эффективности веб-дизайна

Установите соответствие между методами тестирования и их описанием:

Тип ответа: Сопоставление

• A. A/B testing
• B. Usability testing
• C. Eye tracking
• D. Click tracking
• E. Метод, позволяющий сравнивать две версии страницы для определения наиболее эффективной
• F. Тестирование, направленное на оценку удобства использования сайта
• G. Метод, основанный на отслеживании движения глаз пользователя по экрану
• H. Метод, позволяющий изучить, какие элементы на сайте пользователи нажимают

Установите соответствие между понятиями в Web-дизайне и их описаниями:

Тип ответа: Сопоставление

• A. Задачи и стили текста в интерфейсе
• B. Базовая теория цвета в Web-дизайне
• C. Текст в интерфейсе
• D. Работа с контентом
• E. Выбор шрифтов, размеров и отступов для удобства восприятия информации пользователем
• F. Изучение влияния цветов на эмоциональное состояние пользователя
• G. Определение основных функций текста на сайте и его дизайн
• H. Процесс создания качественного контента для сайта

Установите соответствие между принципами IOS и их описанием:

Тип ответа: Сопоставление

• A. Четкость
• B. Контрастность
• C. Сбалансированность
• D. Исключение лишних деталей
• E. Принцип, согласно которому каждый элемент интерфейса должен быть понятен и легко воспринимаем
• F. Принцип, основанный на использовании различных цветов и элементов для выделения важных элементов интерфейса
• G. Принцип, который определяет равномерное распределение элементов и информации на экране
• H. Принцип, согласно которому следует избегать излишней сложности и перегруженности интерфейса

Установите соответствие между различными элементами проектной документации и их описанием:

Тип ответа: Сопоставление

• A. Бриф
• B. Техническое задание
• C. Функциональные требования
• D. Мудборд
• E. Документ, содержащий краткое описание задачи и целей проекта
• F. Документ, содержащий подробное описание требований и спецификаций проекта
• G. Документ, описывающий необходимый функционал и возможности проекта
• H. Документ, описывающий внешний вид будущего проекта

Установите соответствие между типами сайтов и их характеристиками:

Тип ответа: Сопоставление

• A. Информационные сайты
• B. Электронная коммерция
• C. Социальные сети
• D. Корпоративные сайты
• E. Сайты с новостями, статьями, обзорами
• F. Сайты с возможностью онлайн-покупок и заказов
• G. Сайты для общения с другими пользователями интернета
• H. Сайты компаний с информацией о продуктах, услугах и контактной информацией

Что включает в себя анализ текущего решения заказчика в веб дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Изучение запасов продуктов заказчика
• Анализ действующего веб-сайта, выявление его сильных и слабых сторон
• Использование заказчиком планшета в работе
• Оценка качества кулинарных навыков заказчика

Что включает в себя компонент интерфейса при проектировании веб-приложений?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Цвета и шрифты
• Кнопки и поля ввода
• Анимации и переходы
• Структура базы данных

Что включает в себя хорошая композиция в веб дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Использование ярких цветов
• Использование большого количества шрифтов
• Правильное распределение элементов на странице
• Увеличение количества информации на странице

Что входит в состав проектной документации в веб дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Только бриф
• Бриф и акт
• Бриф, техническое задание, договор, функциональные требования, условия работы, приложение, акт и NDA
• Только NDA

Что означает аббревиатура "RTL"?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Right Text Layout
• Responsive Text Layout
• Right to Left
• Ready to Launch

Что означает аббревиатура CJM?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Система управления контентом
• Карта клиентского пути (Customer Journey Map)
• Мобильное приложение для исследований
• Отчет по исследованиям

Что означает паттерн поведения "Drag and Drop" в пользовательском интерфейсе?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Перетаскивание элементов интерфейса
• Пролистывание содержимого
• Жесткое закрытие приложения
• Скрытие информации

Что означает принцип "мобайл фест"?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Обязательное использование мобильной версии сайта
• Приоритет разработки мобильной версии перед десктопной
• Запрет на просмотр сайта с мобильных устройств
• Наличие специального праздника для мобильных разработчиков

Что охватывает хорошая композиция в веб-дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Распределение элементов на странице для создания гармонии.
• Использование всех цветов радуги.
• Добавление случайных элементов на страницу.
• Гармоничное сочетание цветов.

Что подразумевается под адаптивностью в веб-дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Использование только одного шрифта на сайте.
• Способность сайта автоматически подстраиваться под разные размеры экранов устройств.
• Добавление большого количества изображений на страницу.
• Адаптация под юзеров с ограниченными способностями.

Что подразумевается под термином "UI-kit"?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Готовый набор шаблонов для создания пользовательского интерфейса
• Система обратной связи с пользователями
• Методика тестирования интерфейса на пользователях
• Комплексный анализ пользовательского поведения

Что подразумевается под шаблонным дизайном?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Уникальный дизайн, созданный специально для конкретного проекта
• Готовые шаблоны, используемые для быстрой разработки
• Интерактивный дизайн
• Анимационный дизайн

Что представляет собой дизайн-система в веб дизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Набор шаблонов для создания логотипов
• Коллекция готовых и стилизованных компонентов для построения интерфейса
• Список рекомендаций по цветовой гамме
• Галерея фотографий для использования на сайте

Что представляет собой прототип веб-сайта?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Готовый сайт для размещения в интернете
• Разработка дизайна в Photoshop
• Модель сайта, на основе которой делается разработка
• Текстовое описание сайта

Что представляет собой Service Blueprint?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• План строительства данных центров
• Диаграмма, описывающая процесс предоставления услуги
• Карта мира для анализа данных
• Создание документации для продукта

Что представляет собой UX-дизайн?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Продвинутая графика
• Пользовательский опыт
• Программирование
• Аналитика

Что такое тестирование в вебдизайне?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Подбор цветовой гаммы
• Проверка работы сайта на разных браузерах
• Создание макета
• Проверка удобства пользования сайтом

Что такое типографика в интерфейсе?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Процесс создания динамических анимаций.
• Искусство оформления текста на веб-странице.
• Специальные эффекты для фонового изображения.
• Технология сжатия текстовых файлов.