Værktøjstip, der forklarer uden at komme i vejen
Sådan designer du værktøjstip, der hjælper: kort supplerende information, svæve- og tastaturadgang, berøringsalternativer, og hvorfor vigtige instruktioner aldrig hører hjemme i et værktøjstip.
Core Takeaway
Værktøjstip er korte meddelelser, der vises ved svæve- eller tastaturfokus for at give supplerende oplysninger, f.eks. hvad en metrik betyder. Hold dem korte, læg aldrig vigtige instruktioner i dem, gør dem tilgængelige med tastaturet, giv et trykbaseret alternativ på berøringsskærme, og sæt ikke links eller knapper inde.
Hvad er et værktøjstip
Nielsen Norman Group definerer et værktøjstip som en kort, informativ besked, der vises, når en bruger interagerer med et element, initieret af en musebevægelse eller et tastatursvæv (hold tastaturfokus på et element). Fordi de er afhængige af svævning, er værktøjstip normalt ikke tilgængelige på berøringsskærme.
Supplerende, aldrig afgørende
NN/g giver et tydeligt eksempel på en fejl: et websted, der satte adgangskodekrav i et værktøjstip. Information, folk har brug for for at udføre en opgave, skal være på skærmen. Værktøjstip passer til definitioner, forklaringer på, hvorfor et felt bliver bedt om, og etiketter for ikon-knapper.
Tilgængelighed
Gør værktøjstip brugbare for alle:
- Åbn på tastaturfokus samt svæv.
- Lad folk afvise det med Escape uden at flytte fokus.
- Hold den åben, mens markøren bevæger sig hen på den.
- Tilslut den til dens udløser, så skærmlæsere annoncerer det.
- Læg ikke interaktivt indhold indeni; brug en popover i stedet.
Værktøjstip på berøringsenheder
Hover eksisterer ikke ved berøring. Brug et synligt infoikon, der åbner en lille popover ved tryk, eller vis forklaringen inline. For komplekse virksomhedsmålinger er et infoikon ved siden af etiketten et velkendt mønster på hver enhed.
Bevægelse og timing
En kort forsinkelse før visning undgår, at værktøjstip flimrer, når markøren passerer over elementer; når først en er åben, kan tilstødende værktøjstip vises med det samme. En hurtig fade eller lille skala fra aftrækkeren hjælper folk med at se, hvor den kom fra. Hold det under omkring 150 millisekunder.
Tast Principles for at huske
- Værktøjstip er korte og supplerende
- Gem aldrig vigtige instruktioner i et værktøjstip
- Understøtter tastaturfokus og Escape
- Brug et infoikon, der kan trykkes på, på berøringsenheder
- Intet interaktivt indhold i værktøjstip
Ofte stillede spørgsmål
Kilder
- Tooltip Guidelines — Nielsen Norman Group