Названия для форм
Перестаньте просить пользователей вводить данные! Тут мне в рабочей ситуации наступили на больную мозоль, я провел разъяснительные работы и из этого родился материал для поста. Сейчас я расскажу вам про золотое правило по оформлению кол-ту-экшенов.
Когда название формы, заголовок блока или текст на кнопке содержит слова «введите», «заполните», «нажмите» — это все про фактическое действие, которые нужно совершить в интерфейсе.
Так обычно программисты подписывают формы авторизации: (×) Простихоспади: «Введите свои креденшиалс» (✓) Вместо нормального: «Войти в аккаунт»
Мы, дизайнеры смотрим на это иначе. То, что кнопка — это всегда глагол, вроде бы в 2026 году все дизайнеры усвоили уже. Теперь важно проговорить, что именно за глагол.
Кол-ту-экшен и особенно заголовки форм (с призывом к действию) всегда должны звучать с точки зрения пользы для пользователя. Когда вы проектируете форму, можете задать вопрос от лица потенциального юзера: «Что я получу, если потрачу на это время?».
Т.е. пользователь должен сразу считать выгоду, которую он получит от совершения действий, которые ему предлагает интерфейс. Показывая юзеру поля и кнопки, вам не нужно объяснять что на них нужно нажимать, в поля нужно вводить данные, или там еще какие-нибудь ползунки крутить, изменяя параметры значений. Людям не нужна инструкция по взаимодействию с интерфейсом. Им нужна мотивация. И тут вступает в силу дизайнерский скилл по копирайтингу / ux-райтингу.
Краткий словарь ux-райтера: «от процесса к результату» Забудьте про слова-процессы, заменяйте их на слова-результаты:
Вместо «Введите» • Получите (рассчет, каталог, скидку) • Узнайте (стоимость, наличие, статус) • Подберите (тур, квартиру, курс) • Оформите (подписку, заявку, заказ)
Вместо «Заполните» • Создайте (профиль, проект, карточку) • Настройте (уведомления, аккаунт) • Зарегистрируйте (пользователя, организацию) • Расскажите (о себе, о проблеме)
Вместо «Нажмите» • Перейти (в каталог, к оплате) • Скачать (гайд, чек-лист) • Начать (тест, обучение, пользоваться) • Открыть (доступ, счёт)
— И ещё больше примеров как переупаковать нейминг формы:
1. Лид-магнит / Подписка на рассылку (×) Нет: Введите email для подписки (✓) Да: Получайте полезные статьи на почту / Узнавайте о скидках первыми
2. Форма обратной связи / Поддержка (×) Нет: Заполните форму обращения (✓) Да: Напишите нам / Мы на связи и готовы помочь / Задайте вопрос эксперту
3. Недвижимость / Подбор услуги (×) Нет: Оставьте заявку на подбор (✓) Да: Подберите квартиру мечты / Получите каталог объектов
4. Онбординг / Настройка профиля (×) Нет: Заполните анкету пользователя (✓) Да: Расскажите о себе / Настройте аккаунт под свои задачи
5. Е-commerce / Доставка (×) Нет: Введите индекс для расчета (✓) Да: Узнать стоимость доставки / Проверить наличие в магазине
6. Финансы / Инвестиционный калькулятор (×) Нет: Введите параметры для расчета (✓) Да: Расчитайте доходность / Получите доходное предложение
