Etykietki narzędzi, które wyjaśniają, nie przeszkadzając
Jak zaprojektować pomocne podpowiedzi: krótkie informacje dodatkowe, dostęp po najechaniu myszką i klawiaturze, alternatywy dotykowe i dlaczego podstawowe instrukcje nigdy nie powinny być umieszczane w podpowiedziach.
Rdzeń na wynos
Etykietki narzędzi to krótkie komunikaty wyświetlane po najechaniu myszką lub fokusie klawiatury i zawierają dodatkowe informacje, na przykład znaczenie metryki. Staraj się, aby były krótkie, nigdy nie umieszczaj w nich niezbędnych instrukcji, udostępniaj je za pomocą klawiatury, zapewniaj alternatywę opartą na dotknięciu na ekranach dotykowych i nie umieszczaj w nich łączy ani przycisków.
Co to jest podpowiedź
Nielsen Norman Group definiuje podpowiedź jako krótki komunikat informacyjny, który pojawia się, gdy użytkownik wchodzi w interakcję z elementem, inicjowany przez najechanie myszą lub najechanie klawiaturą (utrzymanie fokusu klawiatury na elemencie). Ponieważ podpowiedzi zależą od najechania kursorem, podpowiedzi nie są zwykle dostępne na ekranach dotykowych.
Uzupełniające, nigdy niezbędne
NN/g daje wyraźny przykład błędu: witryna, która umieszcza wymagania dotyczące hasła w podpowiedzi. Informacje potrzebne do wykonania zadania powinny być widoczne na ekranie. Podpowiedzi odpowiadają definicjom, objaśnieniom, dlaczego wymagane jest pole, oraz etykietom przycisków zawierających tylko ikony.
Dostępność
Spraw, aby podpowiedzi były przydatne dla każdego:
- Otwórz po zaznaczeniu klawiatury i najechaniu myszką.
- Pozwól ludziom odrzucić to za pomocą Escape bez przenoszenia fokusu.
- Pozostaw go otwartym, dopóki wskaźnik się na niego nie przesunie.
- Podłącz go do wyzwalacza, aby czytniki ekranu to ogłosiły.
- Nie umieszczaj w środku treści interaktywnych; zamiast tego użyj wyskakującego okienka.
Etykietki narzędzi na urządzeniach dotykowych
Najechanie nie istnieje po dotknięciu. Użyj widocznej ikony informacyjnej, która po dotknięciu otwiera małe wyskakujące okienko, lub pokaż wyjaśnienie w tekście. W przypadku złożonych wskaźników korporacyjnych ikona informacji obok etykiety to znajomy wzór na każdym urządzeniu.
Ruch i synchronizacja
Krótkie opóźnienie przed wyświetleniem pozwala uniknąć migotania podpowiedzi, gdy wskaźnik przesuwa się nad elementami; po otwarciu sąsiednie podpowiedzi mogą pojawić się natychmiast. Szybkie zanikanie lub niewielka skala wyzwalacza pomaga ludziom zobaczyć, skąd pochodzi. Trzymaj go poniżej około 150 milisekund.
Klucz Principles do zapamiętania
- Etykietki narzędzi są krótkie i uzupełniające
- Nigdy nie ukrywaj niezbędnych instrukcji w podpowiedzi
- Obsługa fokusu klawiatury i ucieczki
- Użyj ikony informacyjnej, którą można dotknąć na urządzeniach dotykowych
- Brak interaktywnych treści w podpowiedziach
Często zadawane pytania
Źródła
- Tooltip Guidelines — Nielsen Norman Group