Тултип — это короткая всплывающая подсказка, которая объясняет элемент интерфейса или помогает выполнить действие.
Она появляется рядом с кнопкой, полем или значком после наведения, фокуса либо нажатия. Тултип дополняет интерфейс, но не должен хранить критически важную информацию.
Для чего нужны тултипы
Подсказки расшифровывают незнакомые значки, объясняют ограничения поля и дают контекст без перегрузки экрана. Они полезны в сложных сервисах и при редких действиях, но не исправляют непонятную навигацию или неудачные названия.
Из чего состоит подсказка
Обычно это контейнер с коротким текстом, указатель на связанный элемент и понятный способ закрытия. Интерактивный контент требует отдельного компонента, потому что простой тултип должен быть компактным и не перехватывать управление.
Как сделать хороший тултип
Текст отвечает на один вопрос и использует лексику пользователя. Подсказка не закрывает нужный элемент, доступна с клавиатуры и на сенсорном экране, остаётся достаточно долго для чтения и корректно озвучивается экранным диктором.
Когда подсказка не нужна
Не стоит прятать в тултип обязательные условия, ошибки, цену или ключевое действие. Если объяснение требуется каждому пользователю, его лучше показать постоянно или улучшить сам интерфейс. Для практической реализации связанных задач можно использовать услугу разработки сайта от Saygona.
Комментарий экспертаТултип — инструмент точечного пояснения. Чем чаще интерфейс нуждается в подсказках, тем важнее проверить названия, иерархию и сценарий целиком, а не добавлять новые всплывающие окна.
Вопросы и ответы: Тултип
Короткая подсказка, связанная с конкретным элементом интерфейса.
Обычно нажатием или фокусом на элементе, поскольку наведения на сенсорном экране нет.
Для интерактивного содержимого лучше использовать поповер или другой доступный компонент.
Он способен закрыть контент, исчезнуть слишком быстро или оказаться недоступным с клавиатуры.
