Před spuštěním článku chci říci, že na našem telegramovém kanálu najdete ještě užitečnější a potřebnější informace. Přihlaste se k odběru, budu velmi potěšen.
Tento článek byl původně napsán v angličtině: Taras Bakusevych, ovládací prvky výběru – řada komponent uživatelského rozhraní
Volitelné ovládací prvky jsou v uživatelských rozhraních přítomny již dlouhou dobu, takže uživatelé od nich vyvinuli určitá a velmi vážná očekávání. Zde je jednoduchý cheat, kterého se můžete řídit při výběru ovládacího prvku:
Přehled
Přepínače se používají při popisu dvou vzájemně se vylučujících možností a mají vždy výchozí hodnotu. Přepínače se přepínají okamžitě.
Zaškrtávací políčka (jsou také příznaky) se používají při určování možností, které jsou na sobě nezávislé. Uživatelé si mohou vybrat libovolné číslo – jedno, několik nebo žádné.
Přepínače se používají v popisu dvou nebo více vzájemně se vylučujících možností, tj. Těch, ze kterých si uživatelé musí vybrat jedinou.
Čipy (čipy Choice) jsou kompaktní alternativou k přepínačům. Poskytují uživateli nejméně dvě možnosti, z nichž si může vybrat.
Čipy s více výběry jsou kompaktní alternativou k zaškrtávacím políčkům. Umožňují uživatelům vybrat více možností současně a používají se hlavně na mobilních zařízeních k přepínání filtrů.
Vybrat
Oblast kliknutí
Zahrnout obě tlačítka sama a titulky k nim v jedné velké akční oblasti. Podle Fittsova zákona hraje důležitou roli cílová velikost. Zaškrtávací políčka a přepínače jsou obvykle malá a obtížně na ně klikáte nebo klepnete prstem, zejména na mobilních zařízeních.
Zvýraznění výběru
Vybrané možnosti se vizuálně liší od ostatních v seznamu, zejména při zvýrazňování řádků v tabulkách s daty.
Vrátit více výběrů
Uživatelé by neměli mít potíže s výběrem více možností najednou ani s vymazáním výběru jedním kliknutím:
Stavy prvků
Zaškrtávací políčka a přepínače lze vybrat nebo ne a přepínače musí být v poloze „vypnuto“ nebo „zapnuto“. Všechny tyto prvky mají následující stavy: dostupné, nedostupné, vznášející se, vznášející se nebo stisknuté. Ano, chápu, zní to strašidelně, ale pro spolehlivost je lepší zvážit všechny možné kombinace.
Nedefinované stavy
Mluvíme o takovém stavu zaškrtávacího políčka, když není nainstalováno a současně odstraněno. V takovém stavu neexistuje úplná jistota – odtud název. Nedefinované stavy jsou nutné v situacích, kdy má nadřazené zaškrtávací políčko více podřízených, z nichž některé jsou vybrány a jiné nikoli.
Přepnout přepínače
Přepínač je digitální spínač. Jakýkoli účinek způsobený přepínačem se musí projevit okamžitě. V opačném případě je lepší nahradit přepínač jediným zaškrtávacím políčkem.
Nezneužívejte přepínací přepínače
Nevytvářejte hierarchii přepínacích přepínačů. Tyto hierarchie působí rušivě a mohou vyvolávat falešný dojem, že jsou všechny podřízené možnosti zapnuté nebo vypnuté:
Seznamy
< h2> Zarovnání
Když jsou ovládací prvky a popisky blízko sebe, je nejlepší je zarovnat doleva, aby uživatel na tlačítko klikal rychleji a nezmeškal. Na mobilních zařízeních má zarovnání doprava určité výhody, protože štítky a tlačítka jsou vždy blízko sebe. Když uživatel drží zařízení v jedné ruce, je pro něj pohodlnější mít tlačítko vpravo: je snadno dosažitelné a prst nezakrývá text.
Rozevírací seznamy
Pokud je počet možností větší než 6–7, měly by být umístěny do rozevíracího seznamu, protože uživatel si stejně všechny z nich nepamatuje. Totéž platí pro předvídatelné, analogické nebo přírůstkové možnosti, jako je škálování – 10%, 20%, 30%atd.
< h2> Přepínače
… a rozevírací seznamy
Když uživatel uvidí všechny možné možnosti najednou, aniž by musel něco otevírat, vnímání se výrazně zjednoduší. Pokud je to možné, používejte raději přepínače než rozbalovací nabídky.
Výchozí přepínač
Uživatelé nemohou zrušit výběr a po výběru možnosti resetujte přepínač. Když si nemusí vybírat, stojí za to vložit přepínač s titulkem „Ne“. Uspořádejte svůj seznam v logickém pořadí a očekávejte, co uživatelé chtějí.
Čipy
Vybraný ovládací prvek by měl od ostatních vyniknout. Čipy pomáhají navzájem jasně oddělit různé možnosti. Pokud není dostatek svislého prostoru, pomohou vám triky.
Srozumitelnost
Popisky prvků
Vyhněte se situacím, kdy uživatelé musí zaškrtnout políčko, aby se něco nestalo. Napište jasné titulky a snažte se vyhnout negativům.
Soulad se standardy
Jakákoli odchylka od toho, co je považováno za standard pro platformu, pro kterou vyvíjíte, ukládá uživatelům další duševní zátěž. Často vidím zaoblená zaškrtávací políčka, která lze snadno zaměnit za přepínače.
#UI #webdevelopment
