Перейти к содержанию
Дизайн DS—05

Сложные интерфейсы

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

8 модулей22 уроков
18 часоввидео и практики
Нужна базатребования
Навсегдадоступ и обновления
Формат
€59 разовый платёж
Оформить заказ Открыть программу
Оплата картой или через PayPal
Доступ открывается сразу после оплаты
Возврат 14 дней, если не начали смотреть
Результат

Что вы сможете делать

Проектировать плотные экраны, не превращая их в кашу
Собирать таблицы: колонки, сортировку, массовые и строчные действия
Размещать фильтры и поиск так, чтобы ими пользовались
Разбивать длинные формы на группы и шаги с понятной валидацией
Выбирать для дашборда цифры, которые отвечают на вопрос, и не искажать их
Продумывать состояния данных: пусто, много, ошибка, загрузка, нет прав
Показывать один экран разным ролям без второго макета
Адаптировать рабочий инструмент под узкий экран без потери функций
Программа

8 модулей, один проект

Нажмите на модуль, чтобы раскрыть уроки

01 Чем продукт сложнее промостраницы3 урока · 2 ч 10 минОткрыт

Другая задача и другой человек: он здесь работает, а не знакомится. Отсюда плотность, скорость и роли.

Плотность вместо воздуха: чем платит рабочий экран
Частота задач: что должно быть в один клик
Разбор админки: что там устроено и почему
02 Таблицы3 урока · 2 ч 32 мин

Главный элемент рабочего интерфейса: колонки, выравнивание чисел, сортировка и действия со строками.

Колонки: что показать, что скрыть, как выровнять
Сортировка, закрепление и горизонтальная прокрутка
Действия: строчные, массовые и опасные
03 Фильтры и поиск3 урока · 2 ч 26 мин

Где живут фильтры, как показать применённые и что делать, когда их становится пятнадцать.

Где разместить фильтры и как показать применённые
Поиск, подсказки и результат без совпадений
Практика: фильтрация списка заказов
04 Длинные формы3 урока · 2 ч 30 мин

Форма на сорок полей: группировка, шаги, сохранение черновика и валидация, которая помогает, а не ругается.

Группировка полей и порядок заполнения
Шаги, черновики и уход со страницы
Валидация: когда проверять и как сообщать
05 Дашборд3 урока · 2 ч 28 мин

Какие цифры показывать, как их сравнивать и почему красивый график часто врёт.

Какие цифры отвечают на вопрос владельца магазина
Графики и сравнение: масштаб, период, честность
Практика: дашборд продаж на одном экране
06 Состояния данных2 урока · 1 ч 38 мин

Пусто, слишком много, ошибка, загрузка: состояния, которых нет в макете, но которые видит человек.

Пустой экран, первый запуск и «ничего не найдено»
Загрузка, ошибка и частично пришедшие данные
07 Права и роли2 урока · 1 ч 40 мин

Один экран для владельца, менеджера и склада: что скрыть, что показать неактивным и что объяснить.

Скрыть, заблокировать или объяснить: выбор для каждой роли
Практика: список заказов глазами трёх ролей
08 Адаптив рабочих инструментов3 урока · 2 ч 36 мин

Финальный модуль: что сворачивать первым, как жить таблице на узком экране и как сдать админку командой.

Таблица на узком экране: карточки, приоритет колонок
Что сворачивать первым и чем нельзя жертвовать
Финальный проект: админка магазина целиком
Материалы

Что вы получаете

22 урока с расшифровкой

Видео с таймкодами и текстовой версией: к правилам по таблицам и состояниям удобно возвращаться в работе.

Библиотека рабочих компонентов

Таблицы, фильтры, панели и формы в Figma на токенах из курса «Дизайн-система» — собираются в экран за один вечер.

Данные для админки

Заказы, товары и продажи в реалистичном объёме, включая пустые списки и предельные значения для проверки состояний.

Чек-лист рабочего экрана

Проверка перед сдачей: состояния данных, роли, клавиатура, плотность, поведение таблицы на узком экране.

Tomsa Daria
Автор курса

Tomsa Daria

Ведёт направление «Интерфейсный дизайн» в Forma. Полный список курсов автора — на его странице.

Все курсы автора

Первый модуль открыт целиком

Посмотрите уроки первого модуля и первое задание. Если формат не подойдёт — вы ничего не потеряли.