Менторы
по интерфейсам

Ментор
1
Выбирай ментора
в каталоге
Календарь
2
Бронируй занятие
через календарь
Ментор
3
Мы уведомим тебя
перед началом занятия

Менторы

10
Дарья Б.
Дарья Б.

Дарья Б.

Москва
Вместе спроектируем твой карьерный путь — просто напиши :)
Вместе спроектируем твой карьерный путь — просто напиши :)
Михаил М.
Михаил М.

Михаил М.

Санкт-Петербург
Дизайн-директор Госуслуг
Дизайн-директор Госуслуг
Татьяна Я.
Татьяна Я.

Татьяна Я.

Санкт-Петербург
С 2010 года в digital, 8+ лет как UX‑эксперт. Дизайнер-проектировщик в крупном IT‑интеграторе
С 2010 года в digital, 8+ лет как UX‑эксперт. Дизайнер-проектировщик в крупном IT‑интеграторе
Евгений М.
Евгений М.

Евгений М.

Arrondissement de Paris
UX/UI, UX-исследования, руководство командами и проектами, процессы, аккаунт-менеджмент, бюджеты
UX/UI, UX-исследования, руководство командами и проектами, процессы, аккаунт-менеджмент, бюджеты
Денис Е.
Денис Е.

Денис Е.

Пенза
Люблю делиться знаниями, опытом и приносить пользу.
Люблю делиться знаниями, опытом и приносить пользу.
Павел М.
Павел М.

Павел М.

Москва
Старший продуктовый дизайнер в СберЗдоровье, ex-ВТБ
Старший продуктовый дизайнер в СберЗдоровье, ex-ВТБ
Марина П.
Марина П.

Марина П.

Москва
Консультант — ex-Яндекс
Консультант — ex-Яндекс
Анна Г.
Анна Г.

Анна Г.

Жуковский
UX /UI дизайнер, проектировщик
UX /UI дизайнер, проектировщик
Игорь Л.
Игорь Л.

Игорь Л.

Москва
Директор по продукту и международному развитию / CPO — FindMyKids / Где Мои Дети
Директор по продукту и международному развитию / CPO — FindMyKids / Где Мои Дети
Никита Ч.
Никита Ч.

Никита Ч.

Москва
Design Team Lead — Kaspersky
Design Team Lead — Kaspersky

Ментор по интерфейсам: как проектировать понятные действия и состояния

Ментор по интерфейсам, или наставник по interface design, это специалист, который помогает продумать взаимодействие человека с цифровым продуктом. С ним можно разобрать последовательность действий, состояния элементов, обратную связь, ошибки и передачу сценария разработчикам. Такой разбор полезен, когда отдельные экраны выглядят аккуратно, но пользователь не понимает, что произошло и как продолжить работу.

На Mentoring.digital выбирайте специалиста под тип продукта: внутренний кабинет, сервис, мобильное приложение или публичную форму. В профиле ищите опыт с похожими задачами, а в запросе описывайте не желаемый набор экранов, а действие человека. Если проблема прежде всего в композиции сайта, пригодится ментор по веб-дизайну. Работа с интерфейсами требует подробнее рассмотреть поведение между экранами.

Начните с одного завершённого сценария

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

Пройдите сценарий по шагам и задайте на каждом три вопроса: какое действие доступно, что изменится после него и можно ли исправить ошибку. Если ответы существуют только в голове автора, макет ещё не описывает взаимодействие. Наставник помогает отделить существенное решение от привычного расположения кнопки.

Составьте карту состояний

У формы есть не только заполненный вид. Полезно показать исходное состояние, ввод, проверку, ожидание ответа, успех и разные причины отказа. Для списка отдельно нужны загрузка, отсутствие данных, пустой результат фильтра и недоступность сервиса. У этих ситуаций разный смысл, поэтому одно сообщение «ничего не найдено» подходит не всегда.

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

Сообщение должно объяснять дальнейшее действие

В рекомендациях W3C обратная связь рассматривается и рядом с полем, и на уровне всей формы. Для практического разбора это означает: человек должен найти проблему и понять, как её исправить. Формулировка «некорректное значение» хуже конкретного объяснения нужного формата, если этот формат известен системе.

Проверьте не только цвет. Может ли человек заметить изменение без различения оттенков? Понятна ли подпись отдельно от соседнего текста? Не исчезает ли сообщение прежде, чем его прочитали? Встреча с наставником помогает превратить эти вопросы в список требований к реализации. По одному изображению нельзя подтвердить доступность готового продукта, поэтому отдельно планируют проверку работающего сценария.

Условный пример: приглашение участника

В кабинете есть форма добавления сотрудника. В макете показан только успешный результат. На разборе появляются вопросы: что делать с уже приглашённым адресом, как показать недостаточные права и что увидит человек после задержки ответа. Оказывается, нужно различать созданное приглашение, существующее приглашение и неустановленный результат отправки.

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

Как подготовиться и оценить результат

Принесите один сценарий, ссылки на связанные экраны, известные ограничения сервиса и сообщения, которые реально возвращаются. Отделите подтверждённые ограничения от предполагаемых. Если доступа к системе нет, честно обозначьте, какие состояния пока неизвестны.

Хороший результат консультации: список недостающих состояний, согласованные переходы, понятные тексты и вопросы к разработке. До встречи уточните, входят ли правки прототипа и повторная проверка. Стоимость и глубина работы зависят от выбранного специалиста и объёма сценария. Не стоит пытаться разобрать весь сложный продукт за одну встречу без приоритета.

Часто задаваемые вопросы

В этом формате акцент на действиях, состояниях и обратной связи продукта. Веб-дизайн может сильнее касаться композиции и визуального языка страницы, хотя на практике навыки специалистов пересекаются.

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

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

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

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

Прототип позволяет исследовать понимание сценария и навигации. Он не подтверждает работу сервера, клавиатурного управления или интеграции, если эти свойства в нём не реализованы.

Да, можно заранее продумать структуру, понятные подписи и способы обратной связи. Окончательная проверка требует работающей реализации, потому что внешний вид не показывает всё поведение.

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

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

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