Как писать всплывающие подсказки?
Tooltip — всплывающие подсказки на сайте. Они нужны, чтобы пользователь мог найти дополнительную информацию по параметру, посмотрел расшифровку непонятного термина. Подсказки — микротекст, и свойства у них должны быть как у текста.
- Это не должен быть громоздкий, неструктурированный текст. Подробную подсказку можно и нужно делить на блоки, выделять важные моменты, делать акценты. Тем более, если в подсказке описываем несколько параметров, они должны быть отделены друг от друга.
- В подсказках должна быть исчерпывающая, но лаконичная подача. Предупреждаем дополнительные вопросы и необходимость дальше гуглить. Но и не превращаем подсказку в инструкцию. Тут тонкая грань. Если вариантов характеристики, например, 6, нужно объяснить 6, а не 3 основных.
- Подсказка — элемент, к которому пользователь обратился, когда ему стало непонятно. Даже если весь текст на сайте сухой, здесь не помешает добавить заботы. Не просто описать разные функции, например, а сказать, что эта функция уместна для дома, эту чаще выбирают для офиса.Tooltip — функциональный и полезный элемент на сайте. Только часто его используют неправильно.
Еще пара советов:
*не объясняйте банальные вещи;
*не использовать термины, которые тоже могут быть непонятны;
*подсказка должна помочь, а не запутать еще больше
например, вы объясняете параметр работы камеры — ISO
Хорошо: ISO — чувствительность матрицы фотоаппарата к свету. Влияет на качество снимков. Слишком высокое значение создает шумы на картинке.
Плохо: Изменяя чувствительность матрицы (ISO) мы заменяем недостающие для нормальной экспозиции эквивалентные ступени выдержки (и/или диафрагмы).
Здесь задача не дать объяснение размером с академический журнал и применить всю терминологию, что вы знаете. Пишите просто, для людей не в теме.
Когда вам предлагают работать над проектом по agile — что это значит? Анастасия, ведуший проджект-менеджер Vide Infra, объясняет, зачем нужны разные методологии управления и как выбирать между ними.
А быстрее всех «умерла» GPT-4o.
Чтобы воспользоваться этим методом, нужно зарегистрироваться в системе и привязать биометрию к банковской карте.
PR-агентство Comunica узнало у читателей отраслевых Telegram-каналов, как изменилась стоимость PR- и коммуникационных услуг в 2025 году. В опросе Comunica приняли участие 125 респондентов — 49% на стороне клиентов и 51% на стороне агентств. Результаты показали, как изменились цены на коммуникационные и PR-услуги с начала 2025 года. Спойлер: рост с…
Спрос будет, считает он.
В "хорошо" не хватило данных разве что, щас объясню:
Вот пользователь видит iso 120 и подсказку, жмёт на неё, узнает что много - плохо, но 120 – это много? он всё ещё не знает.
А был бы текст: "Чувствительность матрицы фотоаппарата к свету. Влияет на качество снимков. Слишком высокое значение создаёт шумы на картинке. Нормой считается 50-250", пользователь бы понял, что 120 – ок
Понятно что есть куча нюансов, но опытный юзер их знает, а неопытный или возьмёт по норме, или поймёт по описанию что это ему особо важно и погуглит подробнее
На я.маркете это хорошо местами сделано, кстати (хотя попадается и треш)
Прекрасное дополнение! Спасибо большое!)))
Очень полезная статья, я считаю на многих сайтах сейчас перегруз информации на фронтенде, поэтому начинающему пользователю легко потеряться в интерфейсе, закрыть сайт и искать альтернативу "где попроще")
спасибо большое!