it-swarm-eu.dev

Kdy bych měl použít přepínač místo přepínačů?

Vím, že výběrové pole zabírá méně místa a je dobré pro mnoho možností. Ale měly by na můj výběr být nějaké hlubší vlivy než prostor? Existují studie, které ukazují, že uživatelé preferují jeden nebo druhý?

V html je také otázka zaškrtávacích políček s více možnostmi výběru v html, o nichž lze diskutovat i zde, protože odpověď bude pravděpodobně stejná.

53
Gordon Gustafson

Používám select, když uživatel nemusí znát všechny dostupné alternativní volby. Autosuggest je užitečný pro dlouhý seznam. Obecně vědí, co chtějí, a vybírají úsporu místa. Příklad: Vyberte stát, například Kalifornie nebo New York. Nikdy byste nepoužívali přepínače.

Používám přepínače, když na alternativách záleží. Když chci, aby uživatel viděl, co si NEVYBERÁ. Přepínače umožňují rozšířit výběr a dokonce použít delší text.

Pravidlo: Pokud je to dlouhý seznam nebo alternativy nejsou tak důležité, použijte výběr.

78
Glen Lipka

Pokyny pro uživatelské rozhraní, jako například od MS, Apple, Gnome atd., Poskytují obvykle zcela jasné návrhy:

  • Přepínače: méně než 5 možností

  • Vyberte pole: 6 až 10 možností

  • Posuvný seznam: 11 nebo více možností nebo
    • Je třeba podporovat drag and drop do seznamu
    • počet prvků se liší

Kromě toho můžete použít výběrové pole, když musíte ušetřit místo nebo výchozí volby jsou obvykle dost dobré, takže uživatelé se jen zřídka musejí podívat na jejich výběr.

Zatřetí lze použít pro dny v týdnu, měsíce atd. To je věci, kde víte, jaké možnosti máte, aniž byste je všechny zobrazili. Pokud ve výběrovém poli vidím „únor“, můžu docela dobře hádat, jaké budou ostatní možnosti.

Odůvodnění použití jednoho prvku grafického uživatelského rozhraní nad jiným

Obecně je preferováno přepínače, protože uživatelé mohou okamžitě vidět všechny své volby. Zobrazení všech možností však může zabrat spoustu cenných míst v uživatelském rozhraní. To je důvod, proč většina směrnic navrhuje použití jiných metod výběru, pokud existuje mnoho možností.

Např. posuvný seznam může zobrazovat libovolný počet možností, aniž by zabíral mnoho místa. Nevýhodou je, že nevidíte všechny možnosti.

zaškrtávací políčko je odlišné v tom, že ho používáme, když ukazujeme uživateli, že všechny volby nejsou tak důležité. Např. když uživatel může uhodnout volby, nebo bude velmi zřídka nutné změnit výchozí nastavení. zaškrtávací políčko je primárně tam, aby uživateli ukázal, jaké je nastavení. Pokud však existuje spousta možností, navigační políčko může být nepříjemné pro navigaci, a proto by bylo preferováno rolovací seznam.

13
Erik Engheim

Kromě prostoru a počtu možností zde opravdu není velký rozdíl. Jedna věc, která se mi líbí u přepínačů, je, že můžete stylizovat, aby vypadali jako velká tlačítka, což může být užitečné pro dotyková rozhraní. Pokud máte jen několik možností, bylo by mnohem snazší stisknout velké tlačítko, než stisknout malou rozbalovací nabídku a malou možnost.

Pokud jde o zaškrtávací políčka multi-selects vs, opravdu raději nepoužívám multi-selects. Jen proto, že musíte použít kombinaci kláves spolu s kliknutím myši. Mnoho uživatelů si neuvědomuje, jak zkratky fungují, a nemohli by vybrat více možností.

12
LoganGoesPlaces

Další rozdíl mezi dvěma vstupy, které jsou často přehlíženy: Není-li přepínač vybrán, neodešle se při odeslání formuláře. Nebo se na to podíváte jiným způsobem, přepínače nabízejí možnost nevybrat žádné možnosti.

S rozevíracím seznamem (zaškrtávací políčko) můžete mít možnost bez hodnoty (prázdná, „“) a nastavit ji jako výchozí, ale pokud uživatel tuto možnost ponechá nedotčenou, ve skutečnosti říkají „moje odpověď je prázdná“, protože formulář prochází "my_input_name: ''". Máte-li přepínač, můžete nabídnout možnost jako „N/A“ nebo „Žádná z výše uvedených“, kterou si uživatel může explicitně vybrat, a proto rozlišovat mezi uživatelem zvolením „-blank-“ a uživatelem přeskočujícím otázku/volbu neodpovídat (Toto rozlišení se stává skutečným lákadlem v logice DB nižší úrovně, když rozlišuje pole uložené s hodnotou NULL versus prázdná (prázdná) hodnota).

Na druhé straně této funkce přepínačů je něco, na co se často přepíná: na otázku nelze odpovědět. Pokud máte rádiové pole jako:

Pohlaví muž žena ()

uživatel může přeskočit otázku a pole není ani předáno jako prázdné. Ale pokud si uživatel vybere muže, dobře jsou nyní zaseknutí. Odpověď mohou buď změnit na ženu, nebo ji nechat jako muže. (U formulářů HTML se mohou také trochu naučit používat konzolu prohlížeče, ale to nespadá do designu UI/UX a do programování a zabezpečení).

Díky této funkci přepínačů „bez zpětného odběru“ skončíte s několika možnostmi, které by rozbalovací nabídka neposkytovala:

  1. Schopnost rozlišit „neodpověděl“ od „moje odpověď je prázdná“
  2. Schopnost prezentovat všechny možnosti bez vynucení prázdné nebo výchozí možnosti. U rozbalovacích nabídek musíte buď vyprázdnit možnost a poté se vypořádat s tím, že ve skutečnosti není platnou volbou uživatele, nebo předem vyberte možnost pro uživatele (jako první možnost v seznamu), která má riziko, že bude neúmyslně odesláno, pokud uživatel zanedbá výběr (možná se k němu chtěli vrátit, možná ho neviděli), nebo pokud je záměrně ponechán nezvolený kvůli nedostatku prázdné možnosti. V obou případech jsou data nyní méně cenná, protože možnost „výchozí“ může nebo nemusí být skutečnou odpovědí (pokud mi nevěříte, zeptejte se svých dat a získejte poměr řádků s výchozí možností pro pole versus proti řádky s jinou možností. Budete ohromeni tím, kolik lidí zjevně žije v Alabamě, když je to výchozí možnost).

  3. Lepší kontrola nad zpracováním validace formuláře, konkrétně „povinných“ polí. Neexistuje žádná taková požadovaná rozevírací pole. Existují pouze rozbalovací pole, ve kterých není prázdná možnost platná. Je zřejmé, že by bylo lepší poskytnout rozbalovací stavy s prázdnou možností a považovat slepé za nevybírání stavu, spíše než vyhodit svůj formulář, aby se zabránilo prázdné možnosti, ale u otázek, které mají maximálně 4-5 odpovědí, je to je lepší poskytnout úplný seznam možností, než použít rozbalovací nabídku s prázdnou možností, která ve skutečnosti není možnost, a pak se musí vypořádat s rozlišením prázdných od nevybraných.

Bonusový názor:

Stejným způsobem jako výše uvedené nápady je také hloupé používat rozbalovací seznamy místo zaškrtávacích políček. Rozbalovací nabídka s možnostmi „Ano/Ne“ nebo „Pravda/Nepravda“ mě nutí pokaždé obrátit oči. pouze důvod použití rozevíracího seznamu je, pokud zadáte třetí prázdnou možnost a je to považováno za platný výběr. A dokonce i tehdy by byla pravděpodobně lepší volba přepínač.

4
Anthony

Jen jsem o tom přemýšlel kvůli interakci a myslím, že další výhodou přepínačů je to, že mohou poskytnout trochu dalšího prostoru pro podpůrný text nebo vysvětlení možných možností.

3
annemarie lock

Používám zaškrtávací políčka (zaškrtávací políčko), abych umožnil výběr více možností nebo při provádění binární výběr.

Doporučená praxe Pro použití vybraných polí:

  1. Zvažte nastavení výchozí možnosti, kterou uživatelé vyberou z 80% nebo více času.
  2. Vyhněte se výchozím přihlášením, jako je registrace k e-mailovému marketingu.

Používám Radio Buttons k povolení jedné položky ze dvou nebo více vzájemně se vylučujících možností.

Doporučená praxe Pro použití přepínačů:

  1. Nepoužívejte přepínače k ​​zahájení akcí.
  2. Vždy používejte dva nebo více přepínačů
1
Manoj Kumar

Přepínače jsou obvykle vhodnější, dokud nemáte více než několik možností. Vyžadují pouze jedno kliknutí ve srovnání se dvěma. Přepínače jsou také lepší pro vnoření dílčích možností.

1
Tom R

Pokud jen několik možností, přepínače vyhrají pro snadné použití a rychlý výběr. Použití rozevíracího seznamu zabrání uživateli v tom, aby viděl všechny možnosti, dokud se nedostanou do daného pole.

Tuto otázku lze rovněž použít na zaškrtávací políčka vs více výběrů.

0
ericslaw