Preskočiť na hlavný obsah

Tlačidlo (Button)

Tlačidlá patria medzi najdôležitejšie interakčné prvky v digitálnych službách verejnej správy. Pomáhajú používateľom vykonať akciu, potvrdiť voľbu alebo pokračovať v procese. V IDSK 3 sú tlačidlá navrhnuté tak, aby podporovali jasnú hierarchiu akcií – od najdôležitejšej po doplnkovú.

Použitie tlačidiel

Komponent tlačidlo pozostáva z piatich základných častí. Kľúčovým prvkom je textový popis, ktorý musí jasne, stručne a konkrétne pomenovať vykonávanú akciu. Vizuálnu podobu, tvar a veľkosť definuje kontajner, ktorého výplň a farba určujú dôležitosť tlačidla v hierarchii rozhrania. Význam akcie môžu voliteľne dopĺňať ľavá alebo pravá ikona, ktoré slúžia ako vizuálna podpora textu. Celkovú funkčnosť uzatvára interakčná plocha, ktorá musí byť dostatočne veľká na to, aby umožňovala pohodlné a presné ovládanie na všetkých typoch zariadení.

Správne nastavená vizuálna hierarchia pomáha používateľovi identifikovať hlavnú výzvu na akciu (CTA) a znižuje kognitívnu záťaž pri rozhodovaní. V IDSK 3 používame tri úrovne priority: primárne pre kľúčové akcie, sekundárne pre vedľajšie, menej dôležité voľby a terciárne (textové) pre doplnkové akcie s najnižšou dôležitosťou.

  • Na jednej stránke používajte spravidla iba jedno primárne tlačidlo.
  • Text musí mať stručnú a jasnú menovku (napr. "Odoslať", "Uložiť").
  • Akcie klaďte vedľa seba v poradí dôležitosti (napr. Späť ako sekundárne, Pokračovať ako primárne).
  • Pri dôležitých akciách implementujte ochranu proti viacnásobnému odoslaniu.
  • Nepoužívajte viacero primárnych tlačidiel na stránke.
  • Nepoužívajte tlačidlá na bežnú navigáciu medzi stránkami, ak nejde o súčasť procesu.
  • Vyhnite sa nápisom ako „Kliknite tu“ alebo „OK“, ktoré nevysvetľujú kontext akcie.
  • Nepoužívajte tlačidlá obsahujúce iba ikonu bez textu, pokiaľ nejde o všeobecne známe symboly.
  • Pri hierarchicky rovnocenných možnostiach (napr. Áno a Nie) používajte hierarchicky rovnocenné tlačidlá