Подсказки, които обясняват, без да ви пречат
Как да проектираме подсказки, които помагат: кратка допълнителна информация, достъп с мишката и клавиатурата, алтернативи за докосване и защо основните инструкции никога не принадлежат към подсказка.
Ядро за вкъщи
Подсказките са кратки съобщения, които се появяват при задържане на мишката или фокусиране на клавиатурата, за да дадат допълнителна информация, като например какво означава показател. Бъдете кратки, никога не поставяйте съществени инструкции в тях, направете ги достъпни с клавиатура, осигурете алтернатива, базирана на докосване, на сензорни екрани и не поставяйте връзки или бутони вътре.
Какво е подсказка
Nielsen Norman Group дефинира подсказка като кратко, информативно съобщение, което се появява, когато потребителят взаимодейства с елемент, инициирано от задържане на курсора на мишката или клавиатурата (поддържане на фокуса на клавиатурата върху елемент). Тъй като зависят от задържането на мишката, подсказките обикновено не са налични на сензорни екрани.
Допълнително, никога основно
NN/g дава ясен пример за грешка: сайт, който поставя изисквания за парола в подсказка. Информацията, необходима на хората, за да изпълнят задача, трябва да бъде на екрана. Подсказките отговарят на дефиниции, обяснения защо е поискано поле и етикети за бутони само с икони.
Достъпност
Направете подсказките за използване от всички:
- Отваряне при фокусиране на клавиатурата, както и при задържане на мишката.
- Нека хората го отхвърлят с Escape, без да преместват фокуса.
- Дръжте го отворен, докато показалецът се движи върху него.
- Свържете го към неговия тригер, така че екранните четци да го обявят.
- Не поставяйте интерактивно съдържание вътре; вместо това използвайте popover.
Подсказки за сензорни устройства
Hover не съществува при докосване. Използвайте видима икона за информация, която отваря малък изскачащ прозорец при докосване, или покажете обяснението на линия. За сложни корпоративни показатели иконата за информация до етикета е познат модел на всяко устройство.
Движение и време
Кратко забавяне преди показване избягва мигането на подсказките, когато показалецът минава над елементите; след като единият е отворен, съседните подсказки могат да се появят веднага. Бързо избледняване или малък мащаб от спусъка помага на хората да видят откъде идва. Дръжте го под около 150 милисекунди.
Ключове Principle, които трябва да запомните
- Подсказките са кратки и допълващи
- Никога не крийте важни инструкции в подсказка
- Поддържа фокус на клавиатурата и Escape
- Използвайте икона за информация с възможност за докосване на сензорни устройства
- Няма интерактивно съдържание в подсказките
Често задавани въпроси
Източници
- Tooltip Guidelines — Nielsen Norman Group