- Jedan redak teksta poboljšava čitljivost, omogućujući korisnicima da brzo razumiju svrhu gumba.
- Premotani tekst na gumbima može izgledati pretrpano ili neuravnoteženo.
- Konzistentne oznake u jednom retku poboljšavaju ujednačenost dizajna.
- Oznake gumba neka budu sažete, izbjegavajući dugačke fraze.
Nemojte koristiti onemogućeni gumb. Zato što je teško razumjeti zašto je onemogućen i što treba učiniti da se omogući.
- Onemogućeni gumbi mogu zbuniti korisnike i ostaviti ih da se pitaju zašto ne mogu nastaviti, što dovodi do negativnog iskustva.
- Korisnicima s poteškoćama može biti teško razumjeti zašto je gumb onemogućen, što utječe na upotrebljivost i pristupačnost.
- Umjesto onemogućavanja gumba, vodite korisnike jasnim porukama ili uputama o tome kako izvršiti potrebne korake za omogućavanje radnje.
- Omogućeni gumbi održavaju korisničko iskustvo besprijekornim, omogućujući korisnicima da se usredotoče na dovršavanje zadataka bez prekida ili zbunjenosti.
Oznake gumba privlače korisnike da poduzmu akciju. Da biste identificirali što će gumb učiniti, upotrijebite funkciju (glagole) kao oznaku gumba.
- Glagoli radnje poput “Pošalji”, “Preuzmi” ili “Istraži” stvaraju jasan poziv na radnju, potičući korisnike da poduzmu trenutne korake.
- Glagoli pružaju izravan kontekst, olakšavajući korisnicima da razumiju što će se dogoditi kada kliknu gumb.
- Jasne oznake orijentirane na akciju smanjuju zabunu, pomažući korisnicima da se glatko i učinkovito kreću sučeljem.
- Glagoli radnje djeluju dinamičnije i privlačnije, motivirajući korisnike na interakciju sa sučeljem.
Spremi
Da ili ste sigurni da želite spremiti fotografiju?
Spremi
Da ili ste sigurni da želite spremiti fotografiju?
Ne stavljajte gumb ispod drugog gumba ako ima dovoljno prostora da ih postavite jedan pored drugog. To će poremetiti vizualni tok i učiniti sučelja pretrpanim i zbunjujućim.
- Ispravno poravnati gumbi podržavaju čitače zaslona i pomoćne alate, čineći sučelje lakšim za navigaciju svim korisnicima.
- Predvidljiv položaj gumba pomaže korisnicima da znaju gdje tražiti, smanjujući oklijevanje ili pogreške.
- Dosljedno poravnanje dovodi do organiziranijeg i vizualno privlačnijeg sučelja.
Korištenje standardnog izgleda gumba poboljšava poznavanje, vodeći korisnike kroz radnje bez napora i poboljšavajući ukupnu upotrebljivost i učinkovitost u sučeljima.
- Pridržavanje standardnog dizajna gumba osigurava dosljednost u različitim aplikacijama, web-mjestima i platformama.
- Razvijte stilski vodič za svoju aplikaciju kako biste održali kohezivnu temu i stil dizajna.
- Dosljedan raspored gumba pojednostavljuje proces dizajna i razvoja, dopuštajući timovima da se usredotoče na funkcionalnost umjesto da iznova izmišljaju kotač za svaki projekt.
Spremi
Da ili ste sigurni da želite spremiti fotografiju?
Spremi
Da ili ste sigurni da želite spremiti fotografiju?
Izbjegavajte korištenje dvije ikone na jednom gumbu, jer to može stvoriti zbrku i nered, smanjujući jasnoću i razumijevanje korisnika.
- Svaka ikona u gumbu ima svoje vizualno značenje, a korištenje dvije ikone može stvoriti dvosmislenost.
- Korištenje više ikona može učiniti da gumbi izgledaju pretrpano i neodoljivo, što umanjuje cjelokupno korisničko iskustvo i jasnoću.
- Korisnicima je možda teško razumjeti koja ikona predstavlja radnju gumba.
- Jedna ikona komunicira jasnu radnju ili svrhu, pomažući korisnicima da brzo razumiju što gumb radi bez dvosmislenosti.
- Držanje jedne ikone po gumbu pomaže uspostaviti dosljedan jezik dizajna, čineći sučelje intuitivnijim i lakšim za korištenje.
