Формы
Форма — точка, где пользователь и система обмениваются данными. Если она неудобна, человек ошибается, тормозит или бросает. 4 кейса: большие формы, ветвистые флоу, нестандартный функционал и решения, которые пришлось придумать с нуля.
В2В SaaS
Дизайн-системы
Роль:
Senior Product Designer
Визуал:
Дизайн-системы компаний
1. Оптимизация больших форм
В2В SaaS
Новый функционал
Специализированные домены
Дизай-система Just AI Radix
Дизай-система Skylark
Контекст
Большая форма с множеством параметров давит на пользователя: непонятно, с чего начать, что обязательно, а что второстепенно. 2 кейса с одной логикой, но в разных доменах.
Ограничение
Параметры убрать нельзя — каждый нужен. Нужно снизить воспринимаемую сложность, не упрощая функциональность.
Что я сделала: Настройки ИИ-агента
Форма конфигурации агента содержала много числовых параметров. Заменила поля ввода слайдерами там, где важен диапазон, а не точное число — визуальный шум сократился, форма стала читаться как единое целое. Параметры сгруппированы по логике, а не по порядку добавления в базу. Суровые технические термины заменила на человеческие.
Что я сделала: План полёта
Авиационный домен: специализированная терминология, компактность критична — пользователь работает в условиях ограниченного экрана. Форма спроектирована максимально плотной, без упрощения профессионального языка: терминология сохранена как есть, она часть рабочего контекста специалиста.
2. Оптимизация ветвистых форм
В2В SaaS
Новый функционал
Условная логика
Дизай-система Just AI Radix
Контекст
Форма подключения канала в Agent Platform: пользователь выбирает тип интеграции — и состав последующих полей меняется. Тип канала, протокол, параметры аутентификации — всё зависит друг от друга.
Ограничение
Показать все поля сразу — значит запутать. Скрыть слишком много — значит потерять контекст. Форма должна вести, а не заваливать.
Что я сделала
Форма адаптируется под выбор пользователя: нерелевантные поля скрываются, не захламляя экран. Фокус автоматически перемещается к следующему полю после заполнения — пользователь не ищет, куда идти дальше. Выбор на раннем шаге переформатирует всю нижнюю часть формы: человек видит только то, что актуально для его сценария.
3. Оптимизация нестандартного функционала
В2В SaaS
Расширение функционала
Дизай-система Just AI
Контекст
Интерфейс управления атрибутами клиентов. Стандартная схема «список → открыть → редактировать → сохранить → вернуться» была слишком длинной для повседневной работы с множеством значений.
Ограничение
Это не CRUD в привычном смысле: пользователь постоянно переключается между просмотром списка и созданием новых значений. Модальные окна и отдельные страницы редактирования создают лишние переходы.
Что я сделала
Список и редактор объединены в одном окне — переключение между режимами мгновенное, без навигации. Создание нового значения атрибута доступно прямо из списка, в одно действие. Пользователь остаётся в контексте всего списка, даже когда редактирует конкретный элемент.
4. Интересные формы и инпуты
В2В SaaS
Новый функционал
Дизай-система Just AI
Контекст
Конструктор ботов Aimylogic: несколько задач, где стандартные инпуты не справлялись с реальными сценариями использования.
Ограничение
Пользователи — малый бизнес без технической экспертизы. Интерфейс должен быть интуитивным при нестандартной механике.
Что я сделала
Карточная настройка навыков. Настройка сценариев бота вместо длинной формы с флажками — выбор карточками. Пользователь видит навыки как осязаемые блоки, а не строки в списке: проще понять, что включено, и представить итог.
Контекст
База знаний в JAICP формируется из списка вопросов к боту и его ответов. Чтобы бот лучше распознал вопрос, прописывают альтернативные формулировки.
Ограничение
Формулировок может быть множество, поэтому важна скорость и легкость добавления. Для профессионалов может потребоваться массовое добавление из заранее созданной таблицы.
Что я сделала
Excel-подобный инпут. Там, где нужно ввести много однотипных значений (например, список синонимов), — ввод как в таблице: Tab переходит к следующей ячейке, Enter добавляет строку. Привычная механика снижает порог входа для непрофессионального пользователя.
