ЗАДАНИЕ 3: опишите основные элементы интерфейса мобильного приложения. Элемент Назначение Требования к дизайну командные элементы управления элементы выбора элементы ввода элементы отображения ЗАДАНИЕ 4: ответьте на вопрос теста (выделите красным цветом) К какому требованию можно отнести следующую характеристику: возможность пользователя выполнить настройки приложения «под себя»? предотвращение ошибок; взаимосвязь с системой и реальным миром; пользовательский контроль и свобода; гибкость и эффективность использования; помощь и документация; эстетичный и минималистический дизайн.

ЗАДАНИЕ 3. Описание основных элементов интерфейса мобильного приложения 1) Командные элементы управления - Назначение: выполнение действий пользователя и навигация по приложению (например, запуск функций, перемещение между экранами, подтверждение операций). - Требования к дизайну: - Большие и легко нажимаемые кнопки (размер клика примерно 44–48 px по диагонали). - Четкая визуальная обратная связь при нажатии (изменение цвета/нажатие с анимацией). - Единый стиль иконок и кнопок по всему приложению. - Контраст и доступность: достаточный контраст текста и элементов, поддержка скрин-ридеров (управление через_LABEL_ и ARIA-метки). - Состояния кнопок: enabled, disabled, активный/выбранный. - Размещение: часто внизу экрана или в верхней панели навигации для быстрого доступа. - Контекстуальная релевантность: кнопки должны быть понятны без подсказок и располагаться рядом с ассоциируемым контентом. - Эмпатия к производительности: минимизация количества шагов и подсказок, предзагрузка данных там, где это уместно. - Примеры элементов: кнопки, иконки действий, плавающая кнопка действия (FAB), меню действий (overflow menu), панель навигации. 2) Элементы выбора - Назначение: выбор одного или нескольких вариантов пользователем. - Требования к дизайну: - Ясные подписи к каждому варианту. - Достаточный размер и расстояние между элементами для точного нажатия. - Визуальная обратная связь при выборе (изменение цвета/иконки/селектор). - Поддержка разных форм выбора: единичный выбор (радиокнопки), множественный выбор (чекбоксы), переключатели (toggle), сегменты (segment controls), выпадающие списки. - Соответствие контексту: варианты должны быть релевантны текущему экрану и не перегружать пользователя. - Доступность: корректная работа с экранным лупером и клавиатурой. - Минимизация ошибок: ясные сообщения об ограничениях выбора и валидность вариантов. - Примеры элементов: радиокнопки, чекбоксы, переключатели, выпадающие списки, сегменты. 3) Элементы ввода - Назначение: сбор данных от пользователя (текст, числа, даты, пароли и пр.). - Требования к дизайну: - Контекстуальная клавиатура: клавиатура соответствующего типа (текстовая, числовая, пароль и т. д.). - Подсказки и placeholders: помогающие примеры формата ввода. - Валидаторы и ошибки: мгновенная или при отправке проверка с понятными сообщениями об ошибках. - Ограничения ввода: maxlength, min/max для чисел, шаблоны для форматов (email, телефон, дата). - Маски и автозаполнение: поддержка масок (например, телефон, дата) и автодополнение полей. - Доступность: корректные метки для скрин-ридеров, фокусировка, понятные ошибки. - Быстрый доступ к изменениям: автоматический перенос фокуса между полями, если это уместно. - Примеры элементов: текстовые поля, числовые поля, поля пароля, поля даты/времени, поиск, ползунки или диапазоны. 4) Элементы отображения - Назначение: представление информации и контента пользователю (тексты, изображения, списки, карточки, графика, индикаторы статуса и загрузки). - Требования к дизайну: - Читаемость: достаточный размер шрифта, контраст, структурированная иерархия заголовков и текста. - Адаптивность: корректное отображение на разных размерах экранов; гибкая компоновка и перенос элементов. - Визуальная ясность: логическая группировка элементов, использование сетки и карточек. - Эффективная навигация по данным: сортировка, фильтры, пагинация или ленивые загрузки при больших списках. - Приоритет контента: важная информация отображается вверху; поддержка скроллинга и быстрый доступ к актуальному контенту. - Визуальные состояния: индикаторы загрузки, пустые состояния, ошибки. - Доступность: корректные заголовки, альтернативные тексты к изображениям, совместимость со скрин-ридерами. - Примеры элементов: заголовки и текстовые блоки, изображения, списки, карточки, графики/диаграммы, индикаторы загрузки, уведомления. ЗАДАНИЕ 4. Ответ на тестовый вопрос (выделение красным цветом) Вопрос: К какому требованию можно отнести следующую характеристику: возможность пользователя выполнить настройки приложения «под себя»? - отвeтные варианты: - предотвращение ошибок; - взаимосвязь с системой и реальным миром; - пользовательский контроль и свобода; - гибкость и эффективность использования; - помощь и документация; - эстетичный и минималистический дизайн. Правильный ответ: пользовательский контроль и свобода. пользовательский контроль и свобода Обоснование: возможность настройки приложения под себя относится к принципу пользовательского контроля и свободы, который предполагает предоставление пользователю гибких возможностей управлять интерфейсом, отменять или изменять действия, настраивать поведение приложения под свои нужды и предпочтения. Это обеспечивает большую автономию и удовлетворенность пользователем.