UI/UX-дизайн: от задачи до прототипа

Собираем прототип интерфейса: интервью, сценарии, схемы, токены, состояния, тест на пяти людях. Контраст считается, а не оценивается.

Курс для тех, кто хочет делать интерфейсы понятными, а не только красивыми. Дизайн интерфейса обычно начинают с картинки: смотрят чужие макеты, рисуют похоже, подбирают цвета — и получают красивое решение не той задачи. Задачу при этом никто не назвал. Курс про обратный порядок: сначала задача, потом сценарий, потом схема серыми блоками, и только в конце оформление. За 9 модулей вы соберёте прототип целиком: пять интервью с дословными цитатами, три сценария по шагам, структуру экранов, схемы без цвета, файл решений по оформлению, кликабельный прототип, описание компонентов со всеми состояниями, проведённый тест на пяти людях и пакет для передачи разработчику. **Главная техническая особенность курса — скрипт, который считает контраст.** Контраст нельзя оценить на глаз: вы смотрите на хороший экран в помещении, а человек — на дешёвый телефон на улице. Скрипт считает отношение яркостей по формуле WCAG 2.1 для каждой пары цветов и говорит, что не проходит. Он же проверяет шкалы, размер цели нажатия и базовую доступность разметки прототипа. Отдельный модуль — про четыре состояния данных: загрузку, пустой результат, ошибку и успех. Нарисован обычно только первый экран, остальные три доделывают в спешке, и они выходят хуже всего. Прототип собирается из HTML и CSS: открывается двойным щелчком, показывается кому угодно без установки и аккаунта, и его можно проверить скриптом. Если вы работаете в дизайн-редакторе — все решения курса переносятся туда без изменений. Учебный продукт — «Полка», приложение читателя районной библиотеки. Придумано целиком, но прототип настоящий и работает. Требования: Компьютер с Windows, macOS или Linux; Продукт или идея, над которой будете работать; Пять человек для интервью и пять для теста; Опыт в дизайне и программировании не нужен. Объём: 14–18 часов с выполнением заданий, комфортный темп — три недели. Отдельно закладывайте время на разговоры с людьми: пять интервью и пять тестов зависят не только от вас.

Что входит в курс

Всё это скачивается одним файлом и остаётся у вас. Видеоуроков, живых занятий и проверки домашних заданий в курсе нет.

Доступ выдаётся вручную после проверки оплаты. Отправка сообщения сама по себе доступ не открывает.

Сообщение продавцу

Скопируйте текст и отправьте его в Telegram — сообщение не отправляется автоматически.

Зарегистрируйтесь, чтобы у курса было куда прийти — доступ выдаётся на email вашего аккаунта.