Bug Tracker Active
Výzvy k akci (CTA)
Výzvy k akci (Call to Action – CTA) jsou klíčové pro vedení uživatele aplikací. Jejich textace musí být jasná, akčně orientovaná a konzistentní.
Pojmenování akcí:
- Pro editaci se primárně používá textace „Upravit“.
- Pro potvrzení se používá textace „Uložit“.
- Pro zrušení se používá textace „Zrušit“.
- Pro zakládání nových záznamů (adresy, telefony, partnery) se používá „založení“ nebo „vytvoření“.
- Akce jako „Smazat“ a „Zobrazit“ by měly být rovněž sjednoceny.
- Nekonzistence v pojmenování akcí, jako je „Editovat partnera“ vs. „upravit“ vs. „změnit“, musí být odstraněna zavedením jednotného slovníku.
Sjednocený slovník akčních sloves a CTA
Editace
| Obecná doporučená textace | Uložit |
| Kontext | Primární volba pro změnu stávajících dat. |
| Kontextové varianty | "Upravit profil" "Upravit objednávku" "Upravit nastavení""Upravit [Název položky]" (např. "Upravit smlouvu", "Upravit partnera", "Upravit adresu")Ikona pro úpravu (např. v tabulkách u řádku) s popiskem "Upravit” |
| Zdůvodnění | "Upravit" je v českém prostředí nejpřirozenější a nejuniverzálnější termín pro změnu či editaci stávajících dat. Vyhneme se tak anglicismům jako "Editovat" a zajistíme jasnost. Termín "Změnit" může být příliš obecný a méně akční. |
| Související klíče v UI elementech | Table.rowActions.edit (OK) AutoComplete.placeholderEdit (revize: "Začněte psát pro úpravu" -> "Začněte psát") |
Ukládání
| Obecná doporučená textace | Upravit |
| Kontext | Uložení provedených změn. |
| Kontextové varianty | "Uložit změny" "Uložit" (obecné tlačítko pro uložení formuláře/modal) "Uložit koncept” |
| Zdůvodnění | "Uložit" je standardní a jednoznačný termín pro trvalé uložení provedených změn v systému. |
| Související klíče v UI elementech | Modal.save (OK) |
Zrušení / Storno
| Obecná doporučená textace | Zrušit |
| Kontext | Zahození provedených změn nebo zrušení operace. |
| Kontextové varianty | "Zrušit" (obecné tlačítko pro zrušení operace, zavření modálního okna bez uložení změn) "Zrušit výběr" "Zrušit filtrování" "Zrušit nahrávání" "Zrušit objednávku” |
| Zdůvodnění | "Zrušit" je nejpřirozenější pro storno akce nebo zahození změn. Termín "Vymazat" pro "Zrušit" u DatePickeru je v pořádku v daném kontextu (vymazání vybraného data), ale pro obecné zrušení operace je lepší "Zrušit". |
| Související klíče v UI elementech | DatePicker.clear (OK)FileUpload.buttonLabelCancel (OK) Filter.clearAllBtn (OK) Table.filter.reset (revize: "Resetovat filtrování" -> "Zrušit filtrování") |
Potvrzení
| Obecná doporučená textace | Potvrdit |
| Kontext | Potvrzení změn / potvrzení specifické akce. |
| Kontextové varianty | "Potvrdit" (obecné tlačítko pro potvrzení operace nebo dialogu) "Potvrdit odhlášení" "Potvrdit odeslání” |
| Zdůvodnění | "Potvrdit" jasně komunikuje, že uživatel souhlasí s provedením akce nebo informací v dialogu. |
| Související klíče v UI elementech | DatePicker.confirm (OK) Confirm.logoutCancelButton (OK) |
Vytvoření / Přidání nového
| Obecná doporučená textace | Přidat |
| Kontext | Pro zakládání nových záznamů (např. partnera, smlouvy, adresy). Z důvodů sjednocení by se v rámci texu měly odstranit texty obsahující místo “Vytvořit” slovo ”Založit“ |
| Kontextové varianty | "Přidat nový" "Přidat partnera" "Vytvořit smlouvu" "Vytvořit účet" "Vytvořit [Název položky]" (např. "Vytvořit novou zakázku", "Vytvořit událost") |
| Zdůvodnění | "Přidat" je vhodné pro přidávání dalších položek do existujícího seznamu/entity. "Vytvořit" je silnější a vhodnější pro zakládání zcela nových, samostatných záznamů nebo entit (např. nová smlouva, nový uživatel). Vhodné je pro tyto dva termíny rozlišit kontext použití. |
| Související klíče v UI elementech | General.newItemButton (revize: "Přidat nový" -> "Přidat nový záznam" / "Přidat") |
Odstranění
| Obecná doporučená textace | Smazat |
| Kontext | Trvalé odstranění záznamu. |
| Kontextové varianty | "Smazat záznam" "Smazat soubor" "Smazat vybrané” |
| Zdůvodnění | "Smazat" je nejběžnější a nejvíce srozumitelný termín pro trvalé odstranění v českém UI. Je přímější než "Odstranit" a jasněji vyjadřuje důsledek akce. Důležité je vždy zajistit potvrzovací dialog. |
| Související klíče v UI elementech | AutoComplete.reset (OK pro vymazání textu, ale pro záznamy použít "Smazat") Table.removeAction (OK) Table.rowActions.delete (OK) |
Zobrazení
| Obecná doporučená textace | Zobrazit |
| Kontext | Zobrazení detailů nebo seznamu. |
| Kontextové varianty | "Zobrazit detaily" "Zobrazit více" / "Zobrazit méně" "Zobrazit" (obecné tlačítko pro zobrazení výsledku, stránky, obsahu) "Zobrazit menu" / "Skrýt menu" "Zobrazit sidebar" / "Zavřít sidebar" "Zobrazit tmavý režim" / "Zobrazit světlý režim” |
| Zdůvodnění | "Zobrazit" je univerzální pro akci, která má za následek vizuální prezentaci dat nebo navigačního prvku. |
| Související klíče v UI elementech | MessageBox.showMore (OK) PlainText.showMore (OK) SearchResult.showBtn (OK) Menu.show (OK) Sidebar.show (OK) ThemeSwitch.showDark/showLight (OK) |
Zavření
| Obecná doporučená textace | Zavřít |
| Kontext | Zavření otevřené položky (okna / menu). |
| Kontextové varianty | "Zavřít okno" "Zavřít menu” |
| Zdůvodnění | "Zavřít" je standardní termín pro ukončení zobrazení prvku bez uložení změn. |
| Související klíče v UI elementech | Modal.close (OK) SectionHeader.closeBtn (OK) Sidebar.close (OK) |
Výběr
| Obecná doporučená textace | Vybrat |
| Kontext | Akce výběru něčeho |
| Kontextové varianty | "Vybrat soubor" "Vybrat soubory" "Vybrat možnosti" "Vybrat..." (placeholder v selectboxech) "Vybrat vše” |
| Zdůvodnění | "Vybrat" je jednoznačné pro volbu položky/položek ze seznamu nebo otevření dialogu pro výběr souboru. |
| Související klíče v UI elementech | FileUpload.buttonLabelSingle/Multiple (OK) MultiSelect.select (OK) Select.select (OK) |
Nahrávání
| Obecná doporučená textace | Nahrát |
| Kontext | Nahrání (upload) souboru |
| Kontextové varianty | "Nahrát soubor" "Nahrát" (obecné tlačítko pro spuštění nahrávání) |
| Zdůvodnění | "Nahrát" je přímé a srozumitelné pro proces uploadu souboru. |
| Související klíče v UI elementech | FileUpload.buttonLabelSubmit (OK) |
Přihlášení / Odhlášení
| Obecná doporučená textace | Přihlásit se / Odhlásit se |
| Kontext | Autentikace uživatele. |
| Kontextové varianty | "Přihlásit se" "Znovu se přihlásit" "Odhlásit se” |
| Zdůvodnění | Standardní a všeobecně srozumitelné termíny pro autentikaci. |
| Související klíče v UI elementech | AutomaticLogOutAlert.reLogin (OK) Confirm.logoutConfirmButton (OK) PostLogoutPage.logIn (OK) Menu.logout (OK) |
Vyhledávání
| Obecná doporučená textace | Vyhledat |
| Kontext | Hledání dat v systému. |
| Kontextové varianty | "Vyhledat" (obecné tlačítko) "Hledat..." (placeholder) "Zadejte text pro vyhledávání” |
| Zdůvodnění | "Vyhledat" je slovesná forma pro akci hledání. "Hledat..." je vhodné jako placeholder. |
| Související klíče v UI elementech | Search.placeholderSearch (revize: "Vyhledejte" -> "Hledat...") Table.filter.globalFieldPlaceholder (OK) |
Filtrování
| Obecná doporučená textace | Filtrovat |
| Kontext | Aplikace filtračních kritérií na data. |
| Kontextové varianty | "Filtrovat" (tlačítko pro aplikaci filtrů) "Použité filtry" "Zobrazit další filtry" / "Skrýt další filtry” |
| Zdůvodnění | "Filtrovat" je jasný termín pro aplikaci filtračních kritérií. |
| Související klíče v UI elementech | Filter.filterBtn (OK) |
Načítání
| Obecná doporučená textace | Načíst další |
| Kontext | Postupné načítání obsahu. |
| Kontextové varianty | "Načíst další" (pro zobrazení více záznamů v seznamu/tabulce) "Zobrazit více" (pro rozbalení textu) |
| Zdůvodnění | "Načíst další" je vhodné pro postupné načítání obsahu. "Zobrazit více" je širší a používá se pro rozbalení již existujícího, ale skrytého obsahu (např. dlouhý text). |
| Související klíče v UI elementech | Table.loadMore (OK) |
Export
| Obecná doporučená textace | Exportovat |
| Kontext | Vytvoření nového dokumentu z dat (např. export výsledků vyhledávání). |
| Kontextové varianty | "Exportovat do Excelu" "Exportovat PDF" "Exportovat data” |
| Zdůvodnění | "Exportovat" jasně označuje vytvoření nového souboru z dat systému. Liší se od "Stáhnout", které se používá pro stažení již existujícího souboru. |
| Související klíče v UI elementech |
Stažení
| Obecná doporučená textace | Stáhnout |
| Kontext | Stažení již existujícího dokumentu. |
| Kontextové varianty | "Stáhnout dokument" "Stáhnout fakturu" "Stáhnout soubor” |
| Zdůvodnění | "Stáhnout" je vhodné pro získání již existujícího souboru ze systému. |
| Související klíče v UI elementech |
Seřadit
| Obecná doporučená textace | Seřadit |
| Kontext | |
| Kontextové varianty | "Seřadit podle: [Kritérium]" "Seřadit vzestupně" |
| Zdůvodnění | Seřadit Standardní a jasný termín pro změnu pořadí zobrazených položek. |
| Související klíče v UI elementech | Table.loadMore (OK) |
Chování tlačítek v modalech a sidesheetech (včetně ikony X)
- V modalech a sidesheetech by primární CTA mělo být „Uložit“.
- Vždy by mělo být přítomné i sekundární tlačítko „Zrušit“.
- Ikona „X“ v rohu by měla mít funkci zavření, která je totožná s funkcí tlačítka „Zrušit“. Není žádoucí tlačit tlačítko „Zrušit“ do modalu, aby se předešlo nechtěnému zavření vyplněných inputů.
- Pro pop-over a kliknutí na šedou plochu by se okno nemělo zavírat.
- Jasné definování funkcí tlačítek „Uložit“, „Zrušit“ a ikony „X“ v rohu, včetně chování při zavření modalu, je klíčové pro předvídatelné uživatelské chování a zamezení ztráty dat.
Použití ikon s CTA
- Volitelně je možné použít ikonu „pen solid“ pro editaci, ale pouze jednu konkrétní.
- Pro potvrzení se používá ikona „check solid regular“.
- Pro zrušení je volitelná ikona „xmark small light“.
- V případech, kdy je zrušení destruktivní a mohlo by dojít ke ztrátě dat, je možné použít červenou barvu a případně extra dialog pro potvrzení.
| Obecná doporučená textace | Stáhnout |
| Kontext | Stažení již existujícího dokumentu. |
| Kontextové varianty | "Stáhnout dokument" "Stáhnout fakturu" "Stáhnout soubor” |
| Zdůvodnění | "Stáhnout" je vhodné pro získání již existujícího souboru ze systému. |
| Související klíče v UI elementech |