UX-god
Все курсы
Визуальный дизайн

Одна задача, два решения: джун и сеньор

За что сеньоров ценят на ревью: цель, состояния, единообразие, плотность, защита решения и передача в разработку

Для джунов и мидлов, которые хотят понять, чем решение сеньора отличается от просто аккуратного макета. В каждом модуле пары решений одной задачи: сначала угадываете, какое сделал сеньор, потом разбираете, что за этим стоит. Примеры из доставки продуктов, банка, такси, маркетплейса, онлайн-школы и сервиса учёта смен.

  • 6 модулей
  • около 1 ч 4 мин
  • 36 шагов
  • Для мидлов
Сейчас идёт закрытый тест, регистрация по приглашениям.

Чему научитесь

К концу курса вы сможете:

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

Программа курса

  1. Модуль 01
    Сначала цель, потом картинка

    Сеньор начинает с вопроса, что человек должен сделать или понять на экране. Поэтому его экраны проще. Разбираем статус заказа, главный экран банка и четыре пары решений.

    10 мин · 6 шагов

    Начать
  2. Модуль 02
    Состояния и края

    Джун рисует экран с удобными данными. Сеньор рисует, что будет, когда данных нет, они грузятся, сломались или не влезают. Проходим по семи состояниям списка.

    11 мин · 6 шагов

    Начать
  3. Модуль 03
    Единообразие

    Сеньор сначала ищет готовое решение в продукте и придумывает новое, только когда старое мешает задаче. Ищем расхождения, считаем цену нового компонента и решаем, что брать из системы.

    10 мин · 6 шагов

    Начать
  4. Модуль 04
    Плотность данных

    Сколько информации ставить на экран, решает задача человека: просмотреть, сравнить или сделать. Подбираем плотность для выписки, графика смен, каталога и поиска жилья.

    11 мин · 6 шагов

    Начать
  5. Модуль 05
    Решения, которые можно защитить

    Сеньор объясняет решение через последствия для человека и бизнеса, а не через «так красивее». Отличаем сильные доводы от слабых, переписываем объяснения и собираем защиту для ревью.

    10 мин · 6 шагов

    Начать
  6. Модуль 06
    Передача в разработку

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

    12 мин · 6 шагов

    Начать