Тултип: что это такое?
Тултип — это небольшое всплывающее окно с пояснительным текстом, которое появляется при наведении курсора на элемент интерфейса или иконку. В отличие от статичной подписи, тултип экономит место на экране и показывает информацию только по запросу пользователя.
Где применяется тултип
- В сложных интерфейсах тултип поясняет функции иконок: знак «?» рядом с полем «CTR» показывает «Кликабельность: отношение кликов к показам»
- В формах тултип уточняет формат ввода: при наведении на поле «Дата рождения» появляется «Формат: ДД.ММ.ГГГГ»
- В аналитических дашбордах тултип раскрывает расчёт метрик: наведение на график «Конверсия» показывает формулу и период расчёта
- В мобильных приложениях тултип заменяет подписи для экономии места: иконка с корзиной без надписи, но с тултипом «Добавить в корзину» при долгом тапе
Особенно ценен тултип в интерфейсах с ограниченным пространством: мобильные экраны, плотные таблицы, профессиональные инструменты вроде Excel или системы аналитики.
На что обратить внимание
- Краткость обязательна. Тултип должен умещаться в 1-2 строки, длинный текст требует модального окна, а не тултипа
- Мгновенное появление критично для юзабилити. Задержка более 0,3 секунды раздражает пользователя и нарушает поток
- Доступность для всех пользователей важна. На мобильных устройствах тултип должен работать при тапе, а не только при наведении
- Отсутствие тултипа лучше плохого. Если пояснение не умещается в короткий текст, лучше изменить интерфейс, чем показывать запутанное сообщение
Тултип помогает пользователю понять функцию без перегрузки интерфейса подписями. На практике хороший тултип тот, который пользователь замечает только когда он нужен, а в остальное время не мешает. Идеальный сценарий — пользователь наводит курсор, мгновенно получает ответ и продолжает работу без остановки, потому что тултип должен помогать, а не создавать новые барьеры.
Была ли статья полезна?