Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
UX vzory6 minut čtení·Updated října 2026·Tým ExodeUI

Popisky, které vysvětlují, aniž by překážely

Jak navrhnout popisky, které vám pomohou: stručné doplňkové informace, přístup pomocí kurzoru a klávesnice, dotykové alternativy a proč základní pokyny nikdy nepatří do popisku.

Přímé shrnutí a definice

Core Takeaway

Popisky jsou stručné zprávy, které se zobrazují při umístění kurzoru myši nebo kurzoru na klávesnici a poskytují doplňující informace, například co znamená metrika. Udržujte je stručné, nikdy do nich nevkládejte důležité pokyny, zpřístupněte je pomocí klávesnice, na dotykových obrazovkách poskytněte alternativu založenou na klepnutí a nevkládejte dovnitř odkazy ani tlačítka.

Co je to tooltip

Nielsen Norman Group definuje nápovědu jako stručnou informativní zprávu, která se objeví, když uživatel interaguje s prvkem, iniciovanou najetím myši nebo najetím na klávesnici (udržování zaměření klávesnice na prvek). Protože jsou závislé na umístění kurzoru, nejsou popisky běžně dostupné na dotykových obrazovkách.

Metrika řídicího panelu s informační ikonou zobrazující krátkou definici popisku vedle pokynů dělat a ne
Krátké, doplňkové definice jsou klasickým dobrým použitím popisku.

Doplňkové, nikdy nezbytné

NN/g uvádí jasný příklad chyby: web, který do popisku vložil požadavky na heslo. Na obrazovce by měly být informace, které lidé potřebují k dokončení úkolu. Popisky odpovídají definicím, vysvětlení, proč je pole požadováno, a popisky pro tlačítka pouze s ikonami.

Přístupnost

Udělejte tipy použitelné pro každého:

  • Otevřít při zaměření klávesnice a také umístit kurzor myši.
  • Umožněte lidem, aby to zrušili pomocí Escape, aniž by se zaměřili.
  • Nechte jej otevřený, dokud se na něj ukazatel nepřemístí.
  • Připojte jej k jeho spouštěči, aby jej čtečky obrazovky oznámily.
  • Nevkládejte dovnitř interaktivní obsah; místo toho použijte vyskakovací okno.

Popisky na dotykových zařízeních

Při dotyku neexistuje ukazatel myši. Použijte viditelnou informační ikonu, která po klepnutí otevře malé vyskakovací okno, nebo zobrazte vysvětlení v textu. U komplexních podnikových metrik je informační ikona vedle štítku známým vzorem na každém zařízení.

Pohyb a načasování

Krátká prodleva před zobrazením zabrání blikání popisků nástrojů, když ukazatel přechází přes prvky; jakmile je jeden otevřený, mohou se okamžitě objevit sousední popisky. Rychlé vyblednutí nebo malá stupnice ze spouště pomáhá lidem zjistit, odkud pochází. Udržujte jej pod přibližně 150 milisekundami.

Klíč Principle k zapamatování

  • Popisky jsou stručné a doplňující
  • Nikdy neschovávejte důležité pokyny v popisku
  • Podpora zaměření klávesnice a Escape
  • Na dotykových zařízeních použijte informační ikonu, na kterou lze klepnout
  • Žádný interaktivní obsah uvnitř popisků

Často kladené otázky

Zdroje

  1. Tooltip Guidelines — Nielsen Norman Group

Související návody a příklady

Malý pohyb, velká čistota

Vylaďte rychlé a klidné přechody pro popisky a vyskakovací okna v prohlížeči.

Otevřete pružinový generátor
Vyzkoušejte zdarma