Verktøytips er potensielt den beste og mest effektive tilnærmingen til å ombordkoble nye brukere til en gitt app, programvare, program eller brukergrensesnitt. De er generelt veldig hjelpsomme, klare i kommunikasjonen og ikke-påtrengende, slik at brukerne kan gjøre hva verktøytipsene antyder uten å gå inn i noen hindring.

Sett på denne måten, er din gjennomsnittlige verktøylipp enkelt en mikrointeraksjon, da det hjelper brukerne å oppnå en enkelt oppgave eller hjelper brukerne med å manipulere en prosess. En mikroprosessering er en del av brukeropplevelsen: Det er en dynamisk prosess som initieres av en trigger, forårsaker noe å skje, gir tilbakemelding til brukeren, og informerer brukeren om det neste trinnet.

Gode ​​verktøytips er utformet for å være så diskret at du noen ganger vil sverge på at de aldri var der. Det er også indikasjonen på en flott mikrointeraksjon: Du savner bare dem, hvis de ikke er der, plutselig for å hjelpe deg med å oppnå en oppgave.

La oss ta en grundig titt på hvilke verktøytips som skal brukes til, hva som betyr noe med verktøytipsdesign, og hva du skal ta med og hva du skal unngå.

Bruk saker for verktøytips

Verktøytips finnes for å øke nettstedets eller appens UX. Det er ganske mye det. Disse mikrointeraksjonene må gjøre livet enklere for brukerne på en eller annen måte, form eller form. Selv om deres formål er grei, kan det være en annen historie å implementere dem på plattformen riktig og konsekvent, siden det kan bli vanskelig å få det riktige samtalen.

Ukjente ikoner eller knapper

Når brukerne støter på ikoner eller knapper som ikke er kjent for dem eller ellers ikke er merket, er det en god ide å designe noen verktøytips i grensesnittet. Selv om et ikon eller en knapp er kjent, men fortsatt trenger en kort forklaring til brukerne ombord raskt, si, når det gjelder et hjul på et dashbord, så inkluderer et verktøytips hele sans i verden.

ukjente-verktøytips

Tilleggsinformasjon (ikke nødvendig)

Her er nøkkelen: ikke viktig. Et verktøytips kan gi ekstra informasjon til brukerne, slik at skjermen ikke er altfor full av unødvendig tekst.

Et godt eksempel på dette er når du har faner åpne i nettleseren din: Når du svinger med markøren over fanen, vises et verktøytips raskt og forteller deg den nøyaktige nettsiden tittelen på hvor du er. Nå er denne ekstra informasjonen ikke viktig, men det er fint å ha når du vil notere nøyaktig hvilken side du besøker.

Hvis informasjonen er viktig, er et verktøytips ikke bra. Informasjonen bør inkluderes permanent rett i grensesnittet for brukervennlighet og hurtigreferanse.

Verktøytips er ikke ideelle for alt

På samme måte kan verktøytips raskt bli skadelige for stor UX på en enhet når de brukes feil. Overdrive deres bruk er en sikker måte å gjøre brukerne dine syk og lei av hva som ellers er en veldig nyttig måte å veilede brukerne gjennom et grensesnitt du nettopp har designet.

Unintuitive design

Uintuitiv design er når designet ditt tvinger brukerne til å fortsette å stole på et verktøytips for å gjøre det gjennom grensesnittet. I et slikt scenario vil det beste verktøytipset ikke hjelpe fordi det er feilaktig noe i ditt design som holder tvinge brukerne dine til å fortsette å sjekke verktøytipset for mye. Et verktøytips bør egentlig bare brukes til å ombordbore brukere til en bestemt prosess, men etter den første opplæringen bør brukerne selv kunne gjøre ting.

Samspill med verktøytipsets innhold

Noen ganger blir det nødvendig for brukerne å faktisk samhandle med innholdet inni selve verktøytipset. Et verktøytips innhold kan for eksempel inneholde en handlingsknapp, og innholdet kan kreve at brukerne klikker på knappen. Det kan være alt fra en påmeldingsknapp til innloggingskoblingen.

link-tooltip

Imidlertid anses det som underparametre for å inkludere slike interaktive elementer i verktøytipsene dine hvis de forsvinner når brukerne flytter markørene til verktøytipset ... for å følge oppfordringen. Tenk bare på hvor frustrerende det er for brukerne, spesielt når verktøytipset forteller dem hvordan de kan utføre handlingen til å begynne med!

I slike tilfeller tillater bare handlingene å snakke for seg selv, og designe dem betydelig nok slik at de kan få lagt merke til alt på egen hånd.

Regler for fantastisk verktøytipsdesign

Hvordan du utformer verktøytipsene dine for å gi mikrointeraksjoner som veileder brukere, og gi tilbakemelding, gjør en stor forskjell for deres glede av grensesnittet. Ved å bruke litt ekstra tid på hvordan du utformer verktøytips, kan du gi brukerne en nyttig opplevelse i stedet for en de blir frustrert med.

minimalisme

Som med så mye annet i webdesign, gir minimalisme et overlegen grensesnitt. Det er mindre sjanse for at noe ikke er så klart som det burde for brukeren ... og dermed ødelegge det som ellers ville være en nyttig mikrointeraksjon. Minimalisme betyr grunnleggende farger, kopi og språk.

wistia-verktøytips

Kilde: Appcues

bærekraft

Ditt verktøytips skal være så nyttig, diskret og praktisk for brukerne den 100. gang, som det var første gang. Motstå fristelsen til å gå med tvilsomme eller smarte design-tegn og gå med prøvd, testet og sann i stedet.

noticeability

Verktøytips bør være enkle å finne og se uten at brukerne må ty til noen detektivarbeid på skjermen. En måte å oppnå dette på er å bruke svært åpenbare visuelle eller retningsgivende signaler, for eksempel piler som går fra verktøytipset til elementet (knapp, ikon, etc.).

Relevant og fornuftig informasjon

Når et verktøytips vises, må informasjonen deri lett forstås av brukerne. Dette betyr korte setninger med veldig klart språk. Siden området på skjermen for et verktøytips er begrenset, er det nødvendig å være veldig konsistent. Likevel bør du også avstå fra å gi informasjon som er overflødig siden infoen i et verktøytips bare skal være et tillegg til info som ikke umiddelbart er tydelig i grensesnittet.

Dette kan ikke stresses nok: Ved å tenke gjennom hvordan du utformer verktøytipsene dine, kan du få dem til å leve opp til deres formål og unngå den verste typen verktøytips, som er den som hindrer oppgaven du vil at brukerne skal utføre jevnt.

Verktøytips: Epitomet av mikrointeraksjoner

På mange måter er verktøytips de ultimate mikrointeraksjonene. De hjelper brukerne å oppnå en oppgave eller manipulere en prosess i et grensesnitt som du har designet. Avhengig av hvordan du designer dem, kan du lagre brukerne dine mye problemer eller gjøre livet vanskeligere for dem.

Dessverre kan det være ganske enkelt for designere å få et verktøytips feil - til skade for brukerne. For å sikre stilig verktøytipsdesign hver eneste gang, hjelper det å forstå den sanne naturen og grunnen til å bruke verktøytips i første omgang, sammen med hva som fungerer i verktøytipsdesign og hva som ikke gjør det.

Først da kan du gi brukerne dine den informasjonen de trenger for å forstå grensesnittet ditt på en enkel og enkel måte.