Verktøytips som forklarer uten å komme i veien
Hvordan utforme verktøytips som hjelper: kort tilleggsinformasjon, sveve- og tastaturtilgang, berøringsalternativer og hvorfor viktige instruksjoner aldri hører hjemme i et verktøytips.
Kjerne takeaway
Verktøytips er korte meldinger som vises på pekeren eller tastaturfokus for å gi tilleggsinformasjon, for eksempel hva en beregning betyr. Hold dem korte, legg aldri viktige instruksjoner i dem, gjør dem tilgjengelige med tastatur, gi et trykkbasert alternativ på berøringsskjermer, og ikke plasser koblinger eller knapper inni.
Hva et verktøytips er
Nielsen Norman Group definerer et verktøytips som en kort, informativ melding som vises når en bruker samhandler med et element, initiert av en musepeker eller en tastatursveving (holder tastaturfokus på et element). Fordi de er avhengige av sveving, er verktøytips vanligvis ikke tilgjengelige på berøringsskjermer.
Supplerende, aldri avgjørende
NN/g gir et tydelig eksempel på en feil: et nettsted som satte passordkrav i et verktøytips. Informasjon folk trenger for å fullføre en oppgave bør være på skjermen. Verktøytips passer til definisjoner, forklaringer på hvorfor et felt blir bedt om, og etiketter for bare ikonknapper.
Tilgjengelighet
Gjør verktøytips brukbare for alle:
- Åpne på tastaturfokus og hold musepekeren.
- La folk avvise det med Escape uten å flytte fokus.
- Hold den åpen mens pekeren beveger seg på den.
- Koble den til utløseren slik at skjermlesere kunngjør det.
- Ikke legg interaktivt innhold inni; bruk en popover i stedet.
Verktøytips på berøringsenheter
Hover eksisterer ikke ved berøring. Bruk et synlig informasjonsikon som åpner en liten popover på trykk, eller vis forklaringen inline. For komplekse bedriftsberegninger er et infoikon ved siden av etiketten et kjent mønster på hver enhet.
Bevegelse og timing
En kort forsinkelse før visning unngår verktøytips som flimrer når pekeren passerer over elementer; når en er åpen, kan nærliggende verktøytips vises umiddelbart. En rask uttoning eller liten skala fra utløseren hjelper folk å se hvor den kom fra. Hold det under ca. 150 millisekunder.
Tast Principles å huske
- Verktøytips er korte og utfyllende
- Skjul aldri viktige instruksjoner i et verktøytips
- Støtt tastaturfokus og Escape
- Bruk et trykkbart infoikon på berøringsenheter
- Ingen interaktivt innhold i verktøytips
Ofte stilte spørsmål
Kilder
- Tooltip Guidelines — Nielsen Norman Group