Підказки, які пояснюють, не заважаючи
Як розробити підказки, які допоможуть: коротка додаткова інформація, доступ до наведення курсора та клавіатури, варіанти дотику та чому важливі інструкції ніколи не містяться у підказці.
Основний винос
Підказки – це короткі повідомлення, які з’являються під час наведення курсора або фокусування клавіатури, щоб надати додаткову інформацію, наприклад, значення метрики. Будьте короткими, ніколи не вставляйте в них важливих інструкцій, зробіть їх доступними за допомогою клавіатури, забезпечте альтернативу натискання на сенсорних екранах і не розміщуйте посилання чи кнопки всередині.
Що таке підказка
Nielsen Norman Group визначає спливаючу підказку як коротке інформативне повідомлення, яке з’являється, коли користувач взаємодіє з елементом, ініційоване наведенням миші або клавіатури (утримання фокусу клавіатури на елементі). Оскільки вони залежать від наведення курсора, підказки зазвичай недоступні на сенсорних екранах.
Додатковий, ніколи необхідний
NN/g наводить яскравий приклад помилки: сайт, який поставив вимоги щодо пароля у спливаючій підказці. Інформація, необхідна людям для виконання завдання, має бути на екрані. Спливаючі підказки містять визначення, пояснення того, чому запитується поле, і мітки для кнопок, що містять лише піктограми.
Доступність
Зробіть підказки доступними для всіх:
- Відкрити на клавіатурі, а також навести курсор.
- Дозвольте людям відхилити це за допомогою Escape, не переміщаючи фокус.
- Тримайте його відкритим, поки вказівник рухається на ньому.
- Під’єднайте його до тригера, щоб програми зчитування екрана повідомили про це.
- Не розміщуйте всередині інтерактивний вміст; замість цього використовуйте поповер.
Підказки на сенсорних пристроях
Наведення курсора не існує на дотик. Використовуйте видимий інформаційний значок, який відкриває невелике спливаюче вікно під час натискання, або показуйте пояснення всередині. Для складних корпоративних показників значок інформації поруч із міткою є знайомим шаблоном на кожному пристрої.
Рух і час
Коротка затримка перед показом дозволяє уникнути мерехтіння підказок під час наведення вказівника на елементи; як тільки один відкритий, сусідні спливаючі підказки можуть з’явитися негайно. Швидке згасання або дрібний масштаб від тригера допомагає людям побачити, звідки це взялося. Тримайте його менше 150 мілісекунд.
Ключі Principle, які слід запам’ятати
- Підказки є короткими та додатковими
- Ніколи не ховайте важливі вказівки в спливаючій підказці
- Підтримка фокусування клавіатури та Escape
- Використовуйте піктограму інформації на сенсорних пристроях
- Немає інтерактивного вмісту в підказках
Часті запитання
Джерела
- Tooltip Guidelines — Nielsen Norman Group