Организация экрана
Расположить информацию и действия в понятном порядке.
Создание и настройка интерфейсов
Разберитесь, как организовать элементы экрана и проверить сценарий взаимодействия.
В чём состоит навык
Создание интерфейсов — проектирование и настройка элементов, с помощью которых человек получает информацию и выполняет действия в программе или сервисе.
Где пригодится
Настройка элементов
Подготовить подписи, поля и состояния кнопок.
Проверка сценария
Убедиться, что действие понятно и результат отображается корректно.
Подготовка, навыки и инструменты
Выберите один пользовательский сценарий и перечислите шаги, которые должны быть доступны на экране. Подготовьте простую схему интерфейса.
Связанные навыки
Связанные инструменты
Курсы для развития навыка «Создание и настройка интерфейсов»
ProductStarРазработка на React
Мини-курс ProductStar для знакомых с HTML, CSS и JavaScript: компоненты React, состояние, хуки, маршрутизация и собственный практический компонент.
19 900 ₽
При оплате частями
1 990 ₽ / мес. · 10 мес.
Яндекс ПрактикумДизайн мобильных и кросс-платформенных приложений
Курс Яндекс Практикума рассчитан на дизайнеров с опытом. Участники проектируют мобильные интерфейсы и работают с дизайн-системами.
43 600 ₽
Стоимость курса
от 1 779 ₽ / мес. на 36 мес.
SkillboxДизайнер сайтов на Tilda
Создание сайтов в Tilda: сборка страниц, адаптация для мобильных устройств, виджеты и работа с заказчиком.
42 377 ₽Цена без скидки: 77 048 ₽
Стоимость курса
3 531 ₽ / мес.
Что важно знать о навыке «Создание и настройка интерфейсов»
Интерфейс связывает возможности программы с действиями человека. При создании экрана определяют, какую информацию показать, какие действия доступны и что произойдёт после каждого из них. Макет, работающий код и настройки конкретной системы — разные части этой работы.
Например, форма должна помогать понять назначение полей и сообщать о результате отправки. Явные подписи полезны пользователям и вспомогательным технологиям. Нужно также предусмотреть пустые значения, ошибки и состояние ожидания, если они возможны в выбранном сценарии.
Для практики нарисуйте простой экран с одним действием, затем проверьте его с человеком, который не видел проект. Если интерфейс реализован в вебе, проверьте работу с клавиатуры и связь подписей с полями. Результаты проверки помогают уточнить расположение и формулировки.