Gumbi ne bi trebali imati pokazivač ruke

Ovo je prvi dio serije od 3 dijela. Evo drugog i trećeg dijela.

Postoji vjerovanje da ručni pokazivač znači kliknuti, ali to je pogrešno i potencijalno problematično.

Ruka ne znači kliknuti

Nije slučajno da preglednici ne daju gumbe (i ostale elemente) pokazivač pokazivača - to je zato što to ne namjeravaju. Pogledajte sljedeću snimku zaslona:

Googleova stranica za pretraživanje na Chromeu na Mac OS-u

Gotovo svaki element je interaktivan i na njemu se može kliknuti - izbornik, kartice, bijeli prostor, gumbi preglednika, traka oznaka i Googleov okvir za pretraživanje - nijedan od njih nema pokazivač.

Gore prikazani više interaktivnih elemenata i opcija na koje se može kliknuti: odaberite izbornike, klizače, potvrdne okvire, radio, oznake, slike, prazan prostor (npr. Desnim klikom - pogledajte izvor) i tekst - opet, nijedan od njih nema pokazivač.

Isto vrijedi i za operativni sustav. Možete dodirnuti, povući, odabrati, pritisnuti, lijevi klik i desni klik na mnoštvo različitih elemenata, uključujući gumbe. Ali, tipke ne označavaju pokazivač pokazivača koji se prikazuje kursorom iznad.

Ugovor o licenci je veza i dobiva pokazivač. Gumbi ne

Uočena prividnost pruža se načinom na koji nešto izgleda bez obzira na pokazivač. Zapamtite, pokazivač je dostupan samo kada lebdite sa pokazivačkim uređajem, poput miša.

Zbog toga, na primjer, potvrdni okviri nikad nisu okrugli (a radiopostaje nikada nisu kvadratne). To je također razlog zašto su veze obično podcrtane. To je razlog zašto veze, u stvari, imaju kursor.

Što vlasti kažu

Microsoftovi vodiči za dizajn govore o slabim popustima:

Tekstualne i grafičke veze koriste ručni […] pokazivač […] zbog njihove slabe mogućnosti. Iako veze mogu imati druge vizualne tragove koji ukazuju na to da su veze (poput podvlačenja i posebnog položaja), prikazivanje pokazivača ruke na leđima je definitivni pokazatelj veze.
Da biste izbjegli zbrku, neophodno je ne koristiti pokazivač ruku u druge svrhe. Na primjer, naredbeni gumbi već imaju veliku prednost, pa im ne treba pokazivač ruku. Pokazivač ruku mora značiti "ovaj cilj je veza" i ništa drugo.

Appleove smjernice za ljudsko sučelje navode da se ručni pokazivač treba upotrijebiti kada je "sadržaj URL veza". Smjernice za W3C korisničko sučelje kažu isto što je ponovljeno s „Kursor je pokazivač koji označava vezu“.

Kursor je za veze

Ruka (i često podvučen tekst) označava vezu. Veze nisu gumbi. Linkovi su došli uz web. Kako bi korisnici shvatili da se razlikuju, daje im se kazaljka za ruke. Služi kao dodatni trag. Evo zašto:

  1. Klikom na vezu otvara se web stranica ili resurs.
  2. (Na radnoj površini) Mogu kliknuti desnom tipkom na vezu i učiniti mnogo stvari (što ne mogu učiniti gumbom). Otvorite u novoj kartici / prozoru, spremite vezu, kopirajte adresu, dodajte na popis za čitanje, označite ga i još mnogo toga.
  3. (Na mobilnim uređajima) Mogu dodirnuti i držati vezu i dobiti sličan kontekstni izbornik kao u prethodnoj točki.
  4. Link mi također govori da samo idem negdje drugdje. Ne mijenjam nikakve podatke i ne mijenjam promjene na bilo koji način (poput gumba to se vjerojatno čini).

Sažetak

Kada gumb ima pokazivač ruke, suptilno sugerira da korisnik komunicira s vezom kada nije. Ako želite dati vizualne povratne informacije kad korisnik lebdi, to možete učiniti s drugim promjenama stila, poput boje pozadine. Dobro dizajnirani gumb ne treba kazaljku za ruku da bi korisniku pomogao da shvati da nešto radi.

Ručni kursor rezerviran je za veze. To je zato što su jedinstveni u svom ponašanju. Preglednici i operativni sustavi učinili su posao za vas - jer suprotno uvriježenom mišljenju - preglednici najbolje znaju.

Veze se uvijek obrađuju na ovaj način otkad se web stvorio - ovo je kongresna mreža na kojoj ne morate inovirati. Možete se lako odmoriti znajući da su vas pretraživači pokrivali. To ostavlja vas i vaš tim da riješite stvarne probleme.

Slijedite postove

  • Ali ponekad veze izgledaju poput gumba
  • Gumbi ne bi trebali imati pokazivač ruku 2. dio

Usput, pišem knjigu pod nazivom Oblici obrasca oblika. Ako želite znati kada je objavljeno, pretplatite se ovdje, a ja ću vas obavijestiti.