it-swarm-eu.dev

Moderní přístup k přepínačům

Pracuji na aktualizaci UI/UX 20leté aplikace a zdá se, že jsem v tomto konkrétním případě uvízl.

Po kliknutí na tlačítko Nové systém požádá uživatele, aby vybral jednu ze dvou možností

  1. Vytvořit novou pracovní objednávku
  2. Vytvořte nový úkol/dílčí úkol pro již existující pracovní příkaz

Mějte na paměti, že systém požaduje další informace. Nejde jen o to a na základě architektury aplikace je třeba znát tyto (a některé další) informace, než bude pokračovat.

Moje otázka zní, jaký by byl moderní způsob, jak uživateli ukázat tyto dvě možnosti? Může to být jedna z možností uvedených na níže uvedeném snímku obrazovky?

Stará obrazovka aplikace

enter image description here

Moje navrhované možnosti:

enter image description here

22
Shreyas Tripathy

Krátká odpověď: Varianta 1

Nevidím žádný důvod, proč by to bylo složitější než dvě normální přepínače. Tyto prvky uživatelského rozhraní jsme měli tak dlouho z nějakého důvodu.

Ostatní možnosti, které předložíte, jsou určeny/vhodnější pro jiné případy.


Základní pravidlo je:

Použijte přepínače až pro hrstku (max. 5-7) vzájemně se vylučujících možností a kdy chcete, aby byly všechny volby viditelné.
Použijte rozbalovací nabídky pro seznam více než 5-7 možností, kde by jejich prezentace byla vizuální přetížení.

Možnost 4 s přepínačem se vůbec nehodí, protože se používá pro metafory zapnuto/vypnuto, nikoli volby mezi dvěma stejnými možnostmi.

Myslím, že by byla možná i možnost 3, ale ve srovnání s běžnými přepínači to ve skutečnosti nepřináší žádnou hodnotu, může to dokonce zmást některé uživatele.


Podívejte se na tuto odpověď a vysvětlete rozdíly:
https://ux.stackexchange.com/a/88135/67657

Nebo tento článek skupiny NN:
Zaškrtávací políčka vs. Rádiová tlačítka

Nebo toto:
7 pravidel používání přepínačů vs rozbalovací nabídky

79
Big_Chair

Pro tyto dva úkoly bych vytvořil zcela nové obrazovky a tlačítka. Označte je „Upravit pracovní objednávku“ a „Vytvořit pracovní objednávku“. Úpravy slouží k úpravě existujícího pracovního příkazu nebo přidání dílčích úkolů. Vytvořit je pro vytvoření nového pracovního příkazu. Tlačítko Upravit bude vedle pracovního příkazu v seznamu otevřených pracovních příkazů. Tlačítko Vytvořit bude v horní části stránky.

work order UI

https://www.bootply.com/Ur1q177i95

To platí pro vaši konkrétní situaci. U běžných přepínačů, které dělají položky přepínačů (výběr z krátkého seznamu možností), jsem je nezměnil.

15
Chloe

Závisí to na kontextu.

  • Rádiová tlačítka skvěle ukazují uživateli všechny možné možnosti a jasně zvýrazňují to, co je vybráno
  • Rozbalovací nabídka je užitečná, pokud nemáte/nechcete využívat příliš mnoho místa
  • možnost 3 (karty?) jsou velmi zajímavým přístupem, pokud je obsah dynamický, takže uživatel okamžitě vidí, co se s každou volbou změní. Jak je uvedeno v komentářích, může to pro uživatele vypadat matoucí. Karty oddělují kategorie obsahu; co se stane s obsahem nevybrané karty?
  • Tlačítka typu přepínače jsou více obeznámena s možnostmi zapnutí/vypnutí a je jedinou možností, která se nebude dobře škálovat, pokud se v budoucnu rozhodnete přidat do formuláře více možností.
6
Luciano

Jedna věc, kterou jsem dosud neviděl, je, že přepínače by měly mít vždy vybranou výchozí možnost, což naznačuje, že pracovní postup je primárně pro přidání nového pracovního příkazu a sekundárně pro přidání úkolu - to znamená, pokud uživatel t dotknout se této kontroly a vyplní zbytek formuláře, dostanou WO, ne úkol.

Pokud je tento předpoklad správný, můžete je prostě požádat, aby si vybrali nadřazený WO, pokud je to vyžadováno, s výběrem. To může být složité v závislosti na tom, zda si v této fázi můžete vyhledat seznam úkolů a kolik jich může být.

optional select

Pokud tyto informace nemůžete získat, nebo pokud není praktické vybrat si z kandidátů zde, můžete použít jednoduché zaškrtávací políčko „Připojit jako dílčí úkol?“.

3
Beejamin

Mohli byste použít přepínací tlačítka.

Koncepcí jsou tedy tlačítka, která nabízejí vzájemně se vylučující možnosti: když je jedno tlačítko stlačeno dolů, druhé stoupá.

Pokud používáte starý design tlačítka, ujistěte se, že je zřejmé, které tlačítko je dole a které je nahoře. Obrázek níže není v tomto ohledu tak dobrý, ale pouze ilustruje tento koncept.

toggle buttons example

Můžete také použít modernější design, kde je vybraná volba „zvýrazněna“ jinou barvou.

Pokud je vaším hlavním cílem učinit staré rozhraní kompatibilním s dotykovými zařízeními, jako jsou smartphony, jednoduchou alternativou je rozšíření citlivé oblasti vašich přepínačů o štítky. Není však zřejmé, že na štítky lze kliknout, pokud nenakreslíte rámeček, který obklopuje přepínač a jeho popisek.

U rozhraní stolních počítačů jsou přepínače stále dobrou volbou, pokud je počet možností omezen.

3
OuzoPower

Původní tlačítko „Nový“ můžete nahradit dvěma tlačítky, jedno pro „Nový pracovní příkaz“, jedno pro „Nový úkol“.

Zvažte snímek obrazovky z aplikace společnosti Microsoft níže. Položka nabídky Soubor -> Nová je ve skutečnosti nabídka, která obsahuje seznam různých typů nových „věcí“, které by uživatel mohl chtít vytvořit.

Visual Studio Example

Ve vašem případě by nebylo nutné umístit tlačítka do samostatné nabídky, stačí nahradit původní tlačítko „Nový“ dvěma možnostmi.

1
Harrison Paine