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 minták6 perc olvasás·Updated 2026. október·Az ExodeUI csapata

Eszköztippek, amelyek magyarázatot adnak anélkül, hogy akadályoznák

Hogyan készítsünk olyan eszköztippeket, amelyek segítenek: rövid kiegészítő információk, hozzáférés a kurzorral és billentyűzettel, érintési alternatívák, és miért nem tartoznak az alapvető utasítások soha az elemleírásba.

Közvetlen összefoglalás és meghatározás

Core Takeaway

Az eszköztippek rövid üzenetek, amelyek az egérmutató- vagy a billentyűzetfókuszban jelennek meg, és további információkat nyújtanak, például a metrika jelentését. Legyen rövid, soha ne tegyünk bele alapvető utasításokat, tegyük elérhetővé a billentyűzettel, biztosítsunk érintésalapú alternatívát az érintőképernyőn, és ne tegyünk bele hivatkozásokat vagy gombokat.

Mi az az eszköztipp

A Nielsen Norman Group definíciója szerint az eszköztipp egy rövid, informatív üzenet, amely akkor jelenik meg, amikor a felhasználó interakcióba lép egy elemmel, amelyet az egér vagy a billentyűzet lebegtetése (a billentyűzet fókuszának egy elemen tartása) kezdeményez. Mivel a lebegtetéstől függenek, az eszköztippek általában nem érhetők el az érintőképernyőkön.

Az irányítópult mutatója egy információs ikonnal, amely egy rövid eszköztipp-definíciót mutat a „tegyük és ne” irányelvek mellett
A rövid, kiegészítő definíciók az eszköztippek klasszikus jó felhasználási módjai.

Kiegészítő, soha nem nélkülözhetetlen

A NN/g egyértelmű példát ad egy hibára: egy webhely, amely a jelszókövetelményeket elemleírásba helyezi. A képernyőn kell megjelennie az embereknek egy feladat elvégzéséhez szükséges információknak. Az eszköztippek megfelelnek a definícióknak, magyarázatot adnak arra, hogy miért kérnek egy mezőt, és címkék a csak ikonokat tartalmazó gombokhoz.

Megközelíthetőség

Tegye az eszköztippeket mindenki számára használhatóvá:

  • Nyissa meg a billentyűzetfókuszra, valamint mutasson rá.
  • Hagyja, hogy az emberek figyelmen kívül hagyják az Escape funkciót anélkül, hogy a fókuszt elmozdítanák.
  • Tartsa nyitva, amíg a mutató rámegy.
  • Csatlakoztassa az indítóhoz, hogy a képernyőolvasók bejelentsék.
  • Ne helyezzen be interaktív tartalmat; használj helyette popovert.

Eszköztippek érintőképernyős eszközökön

Az egérmutató érintéskor nem létezik. Használjon látható információs ikont, amely érintésre egy kis felugró ablakot nyit meg, vagy jelenítse meg a magyarázatot soron belül. Összetett vállalati mutatók esetén a címke melletti információs ikon minden eszközön ismerős minta.

Mozgás és időzítés

A megjelenítés előtti rövid késleltetés elkerüli, hogy az eszköztippek villogjanak, amikor a mutató áthalad az elemeken; az egyik megnyitása után azonnal megjelenhetnek a szomszédos eszköztippek. A trigger gyors elhalványulása vagy kis léptéke segít az embereknek látni, honnan jött. Tartsa körülbelül 150 milliszekundum alatt.

Kulcs Principle, amit meg kell jegyezni

  • Az eszköztippek rövidek és kiegészítő jellegűek
  • Soha ne rejtse el a lényeges utasításokat az elemleírásban
  • Támogatja a billentyűzet fókuszát és az Escape-et
  • Használjon érinthető információs ikont az érintőeszközökön
  • Nincs interaktív tartalom az eszköztippeken belül

Gyakran Ismételt Kérdések

Források

  1. Tooltip Guidelines — Nielsen Norman Group

Kapcsolódó útmutatók és példák

Kis mozgás, nagy tisztaság

Hangolja be a gyors, nyugodt átmeneteket az eszköztippekhez és az előugró ablakokhoz a böngészőben.

Nyissa ki a rugógenerátort
Próbáld ki ingyen