Knapper skal ikke have en håndmarkør

Dette er del 1 af en 3-delers serie. Her er del 2 og del 3.

Der er en overbevisning om, at markøren (markøren) betyder klikbar, men dette er forkert og potentielt problematisk.

Hånden betyder ikke klikbar

Det er ikke tilfældigt, at browsere ikke giver knapper (og andre elementer) en markørmarkør - det er fordi de ikke er beregnet til det. Se følgende skærmbillede:

Googles søgeside på Chrome på Mac OS

Næsten hvert element er interaktivt og klikbart - menuen, fanerne, hvidområdet, browserknapperne, bogmærkelinjen og Googles søgefelt - ingen af ​​dem har en markørmarkør.

Der er flere interaktive og klikbare elementer, der ikke vises ovenfor: vælg menuer, skyder, afkrydsningsfelter, radioer, etiketter, billeder, tom plads (f.eks. Højreklik - visningskilde) og tekst - igen, ingen af ​​dem har en markørmarkør.

Det samme gælder operativsystemet. Du kan trykke, trække, vælge, trykke, venstreklikke og højreklikke på en overflod af forskellige elementer inklusive knapper. Men knapper er ikke markeret med markørmarkøren, der vises på musen.

Licensaftale er et link og får markørmarkøren. Knapper gør det ikke.

Oplevet tilvejebringelse leveres af den måde, noget ser ud uanset markøren. Husk, at markøren kun er tilgængelig, når du holder musepekeren, som f.eks. En mus.

Dette er grunden til, for eksempel er afkrydsningsfelter aldrig runde (og radioer er aldrig firkantede). Dette er også grunden til, at links typisk er understreget. Dette er grunden til, at links faktisk har en håndmarkør.

Hvad myndighederne siger

Microsofts designguider taler om svag pris:

Tekst- og grafiklink bruger en hånd […] -viseren […] på grund af deres svage overkommelighed. Mens links muligvis har andre visuelle ledetråde til at indikere, at de er links (såsom understregninger og speciel placering), er visning af håndsviseren på musen den endelige indikation af et link.
For at undgå forvirring er det bydende nødvendigt ikke at bruge håndviseren til andre formål. For eksempel har kommandoknapper allerede en stærk pris, så de har ikke brug for en håndviser. Håndviseren skal betyde "dette mål er et link" og intet andet.

Apples retningslinjer for menneskelig grænseflade siger, at håndmarkøren skal bruges, når "indholdet er et URL-link". Retningslinjer for brugergrænseflade for W3C siger det samme igen med “Markøren er en markør, der angiver et link”.

Håndmarkøren er til links

Hånden (og ofte understreget tekst) betyder et link. Links er ikke knapper. Links kom sammen med internettet. For at hjælpe brugerne med at forstå, at de er forskellige, får de håndmarkøren. Det fungerer som en ekstra ledetråd. Her er hvorfor:

  1. Ved at klikke på et link åbnes en webside eller ressource.
  2. (På skrivebordet) Jeg kan højreklikke på et link og gøre mange ting (som jeg ikke kan gøre med en knap). Åbn i ny fane / vindue, gem et link, kopier adresse, føj til læselisten, bogmærke det og mere.
  3. (På mobile enheder) Jeg kan trykke og holde på et link og få en lignende kontekstmenu som i det foregående punkt.
  4. Et link fortæller mig også, at jeg bare skal et andet sted. Jeg modificerer ikke data eller foretager ændringer i alligevel (som en knap sandsynligvis vil gøre).

Resumé

Når en knap har håndmarkøren, antyder den subtilt, at brugeren interagerer med et link, når de ikke er det. Hvis du vil give visuel feedback, når brugeren svæver, kan du gøre det med andre stilændringer, f.eks. Baggrundsfarve. En veludviklet knap har ikke brug for en håndmarkør for at hjælpe brugeren med at indse, at den gør noget.

Håndmarkøren er forbeholdt links. Dette skyldes, at de er unikke i deres opførsel. Browsere og operativsystemer har gjort arbejdet for dig - for i modsætning til hvad man tror - ved browsere bedst.

Links er altid blevet håndteret på denne måde, siden nettet kom med - dette er konventionen af ​​nettet, som du ikke behøver at innovere på. Du kan hvile let ved at vide, at browsere har dækket dig. Dette overlader dig og dit team til at løse reelle problemer.

Opfølgning af indlæg

  • Men nogle gange ser links ud som knapper
  • Knapper bør ikke have en håndmarkør del 2

For øvrig skriver jeg en bog kaldet Form Design Patterns. Hvis du vil vide, hvornår det er frigivet, kan du abonnere her, og jeg holder dig opdateret.