Что скрывается за каждой кнопкой «ОК» или «Отмена»?
Каждый вопрос, который задаёт система пользователю, — это крошечный диалог. От того, как он сформулирован, зависит успех всего цифрового опыта. Ниже — подробное руководство о том, как выстраивать вопросительные конструкции в UI/UX так, чтобы они не раздражали, а помогали.
Почему важны вопросы в интерфейсе?
- Снижают когнитивную нагрузку. Пользователь быстрее понимает, что от него требуется.
- Предотвращают ошибки. Уточняющие вопросы защищают от случайного удаления данных.
- Повышают доверие. Прямой диалог выглядит честнее, чем «тихие» действия системы.
Классификация вопросительных элементов
Модальные диалоги
Пример:
«Удалить черновик? Это действие нельзя отменить.»
Ключевые правила:
- Формулируйте в первом лице множественного числа: «Удалим?» вместо «Удалить?».
- Убираем лишние слова: «Вы действительно хотите…» → «Удалить?».
- Кнопки действий называем глаголами: «Удалить» / «Сохранить» вместо «ОК».
Тоасты с вопросом
Пример:
При смене темы появляется плашка: «Применить тёмную тему?» с кнопками «Да» и «Назад».
- Время жизни, 5–7 секунд.
- Не более в тексте.
Инлайн-вопросы в формах
Микротекст под полем: «Почему нужен номер?» → выпадающая подсказка объясняет, что он нужен для SMS-уведомлений.
Как «правильно» задавать вопросы: чек-лист UX-писателя
| Вопрос | Что проверяем |
|---|---|
| Однозначен ли вопрос? | Нет двойных отрицаний («Не отменить ли отказ?»); |
| Соответствует ли кнопка действию? | «Сохранить» ≠ «ОК». |
| Можно ли сократить? | Убираем «пожалуйста» и «будьте добры». |
| Учитываем ли контекст? | В мобильном приложении текст короче, чем в десктопе. |
Антипаттерны, которые раздражают
- Эссе вместо вопроса:
«Вы уверены, что хотите отказаться от возможности сохранить изменения?» → «Сохранить изменения?». - Вопрос без выхода:
Диалог с единственной кнопкой «ОК» — это не вопрос, а монолог. - Легальный «шум»:
Согласие на перед установкой обновления.
Практические примеры редизайна
До / После: подтверждение удаления
Было:
«Вы действительно хотите навсегда удалить выбранный элемент без возможности восстановления?»
Стало:
«Удалить «Презентация.pptx»?
Файл нельзя восстановить.
До / После: выход без сохранения
Было:
«У вас есть несохранённые изменения. Сохранить перед выходом?»
Стало:
«Сохранить изменения перед выходом?»
Как протестировать вопросы у пользователей
- Карточная сортировка. Дайте 5 альтернативных формулировок — пусть респонденты выберут самую понятную.
- Модерируемое юзабилити-тестирование. Смотрим, где человек читает вопрос вслух или «застревает».
- A/B-тест. На 1000 пользователей показываем вариант A «Удалить?» и вариант B «Вы уверены, что хотите удалить?». Сравниваем CTR кнопок.
Чек-лист к подрядчику: 6 вопросов от заказчика
Чтобы не потерять контроль над проектом, задайте дизайнеру:
- Какая когнитивная нагрузка у наших диалогов?
- Как вы проверяете понимание вопросов целевой аудиторией?
- Где в интерфейсе мы используем длинные тексты вместо кнопок-действий?
- Какие антипаттерны вы уже нашли в текущем продукте?
- Как меняется текст на мобильных устройствах?
- Какие вопросы вы оставите на этапе онбординга?
Грамотно заданный вопрос в интерфейсе — это не просто текст. Это точка роста, где пользователь решает: «Доверяю ли я этому продукту?».
Используйте короткие формулировки, глагольные кнопки, тестируйте каждую реплику — и ваши «модальные окна» перестанут быть модальными барьерами, а станут мостами доверия.