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 min čítanie·Updated október 2026·Tím ExodeUI

Popisy, ktoré vysvetľujú bez toho, aby vám prekážali

Ako navrhnúť tipy, ktoré vám pomôžu: stručné doplňujúce informácie, prístup po umiestnení kurzora myši a klávesnice, dotykové alternatívy a prečo základné pokyny nikdy nepatria do popisu.

Priame zhrnutie a definícia

Core Takeaway

Popisy sú stručné správy, ktoré sa zobrazujú po umiestnení kurzora myši alebo kurzora na klávesnici a poskytujú doplnkové informácie, napríklad čo znamená metrika. Udržujte ich krátke, nikdy do nich nevkladajte dôležité pokyny, zaistite ich dostupnosť pomocou klávesnice, na dotykových obrazovkách poskytnite alternatívu založenú na klepnutí a nevkladajte do nich odkazy ani tlačidlá.

Čo je to tooltip

Nielsen Norman Group definuje nápovedu ako krátku informatívnu správu, ktorá sa zobrazí, keď používateľ interaguje s prvkom, spustenú umiestnením myši alebo umiestnením kurzora myši (udržiavanie zamerania klávesnice na prvok). Keďže popisy nástrojov závisia od kurzora, nie sú bežne dostupné na dotykových obrazovkách.

Metrika informačného panela s informačnou ikonou, ktorá zobrazuje krátky popis popisu vedľa pokynov na vykonávanie a ne
Krátke, doplnkové definície sú klasickým dobrým použitím popisku.

Doplnkové, nikdy nie nevyhnutné

NN/g uvádza jasný príklad chyby: web, ktorý v popise uvádzal požiadavky na heslo. Informácie, ktoré ľudia potrebujú na dokončenie úlohy, by mali byť na obrazovke. Popisy nástrojov vyhovujú definíciám, vysvetleniam, prečo sa pole vyžaduje, a označeniam tlačidiel obsahujúcich iba ikony.

Prístupnosť

Urobte popisy použiteľné pre každého:

  • Otvoriť pri zaostrení na klávesnici, ako aj po umiestnení kurzora myši.
  • Umožnite ľuďom, aby to odmietli pomocou Escape bez toho, aby sa zaostrili.
  • Nechajte ho otvorené, kým sa naň posunie ukazovateľ.
  • Pripojte ho k jeho spúšťaču, aby to čítačky obrazovky oznámili.
  • Nevkladajte dovnútra interaktívny obsah; použite namiesto toho vyskakovacie okno.

Popisy na dotykových zariadeniach

Pri dotyku neexistuje kurzor myši. Použite viditeľnú informačnú ikonu, ktorá po klepnutí otvorí malé vyskakovacie okno, alebo zobrazte vysvetlenie v texte. V prípade komplexných podnikových metrík je informačná ikona vedľa štítka známym vzorom na každom zariadení.

Pohyb a načasovanie

Krátke oneskorenie pred zobrazením zabráni blikaniu popisov nástrojov, keď ukazovateľ prechádza cez prvky; akonáhle je jeden otvorený, môžu sa okamžite zobraziť susedné popisy. Rýchle vyblednutie alebo malá stupnica zo spúšte pomáha ľuďom zistiť, odkiaľ pochádza. Udržujte ho pod približne 150 milisekúnd.

Kľúč Principle na zapamätanie

  • Popisy sú stručné a doplňujúce
  • Nikdy neskrývajte dôležité pokyny v popise
  • Podpora zaostrenia klávesnice a Escape
  • Na dotykových zariadeniach použite informačnú ikonu, na ktorú sa dá klepnúť
  • Žiadny interaktívny obsah v popisoch

Často kladené otázky

Zdroje

  1. Tooltip Guidelines — Nielsen Norman Group

Súvisiace príručky a príklady

Malý pohyb, veľká čistota

Vylaďte rýchle a pokojné prechody pre popisy a kontextové okná v prehliadači.

Otvorte pružinový generátor
Vyskúšajte zadarmo