it-swarm-eu.dev

Jaká by měla být výchozí možnost požadovaného rozevíracího seznamu?

Vzhledem k tomu, že neexistuje logicky výchozí zvíře ze seznamu zvířat níže, jaká by měla být podle výchozího postupu níže uvedená „výchozí hodnota“?

<label for="animal">Animal (required):</label>
<select name="animal">
  <option value="">Default Value</option>
  <option value="0">Cat</option>
  <option value="1">Dog</option>
  <option value="2">Horse</option>
  <option value="3">Pig</option>
  <option value="4">Sheep</option>
</select>

Prázdná hodnota, <option value=""></option>?

Něco vizuálně dráždí, <option value="">***CHOOSE ANIMAL***</option>?

Něco, co se mísí, ale poskytuje poučení, <option value="">Select an Animal</option>?

Něco úplně jiného?

56
Dolph

S úctou nesouhlasím s Michaelovou odpovědí. Nemohu mluvit s GUI pro stolní počítače, ale ve webových formulářích se chcete vyhnout výchozímu nastavení, pokud si nejste jisti, že velká část vašeho uživatele (možná 90% +) tuto hodnotu vybere. Zejména pokud se jedná o povinné pole.

Proč? Protože budete pravděpodobně zavádět chyby, protože lidé rychle prolétají formuláři online - nepředpokládejte, že budou mít čas na rozbor všech možností a mohou bez pochyby přeskočit o něco, co již má hodnotu. Pokud je to požadovaná hodnota, myslím, že je důležité, abychom rozlišovali mezi tím, co chtěli zadat, a tím, co bylo výchozí.

Ve vašem konkrétním případě bych doporučil použít prostřední možnost - <option value="">Select...</option> nebo něco podobného. Když je váš štítek přímo na místě, nemusíte říkat „Vyberte zvíře“.

Poté MUSÍTE ověřit pomocí javascriptu atd., Takže formulář nebude odeslán, pokud je hodnota prázdná. Tím se zabrání získání jakýchkoli kludivých výsledků a poskytne uživateli zpětnou vazbu o tom, co zmeškali.

A samozřejmě existují stovky skriptů, které umožňují provádět sofistikovanější akce, například odebrat výchozí možnost, jakmile je něco vybráno.

57
Voodoo

To je otázka, na kterou jsem nikdy nenašel „správnou“ odpověď. Ponechat toto pole prázdné se jeví jako platné jako provedení příkazu „select one“. Nakonec to nemusí být hlavní problém.

Domnívám se však, že nemá smysl, aby se výchozí nastavení neprovádělo na platný výběr.

Kdybych musel přijít s argumenty pro obě možnosti:

  • blank = snadné naskenovat formulář a zjistit, co jste nevyplnili.
  • command = jasně znamená, že musíte něco udělat.

Na základě toho, možná hybridní řešení, ve kterém máte příkaz jako výchozí, ale vizuálně šedě přes JavaScript/CSS. To umožňuje, aby byl viditelně odlišný od vybrané položky, ale nebyl ponechán prázdný.

12
DA01

Prázdná hodnota opravdu není dobrý nápad - ve skutečnosti neposkytuje vizuální stopu a může dokonce pro některé uživatele znamenat, že pole není vyžadováno. Říct něco jako "Vyberte zvíře" spolu se stejným typem vizuálního podnětu, který používáte pro jiná povinná pole (nejčastější je červená hvězdička), by měl pomoci zprostředkovat tento bod.

7
Charles Boyung

Výchozí hodnota by měla být legitimní hodnota. Toto je praxe téměř ve všech grafických uživatelských rozhraních a funguje po celá desetiletí. Pokyny pro interakce systému Windows 7 UX konkrétně říkají „Ve výchozím nastavení vyberte nejbezpečnější (aby nedošlo ke ztrátě dat nebo přístupu k systému) a nejbezpečnější možnost. Pokud faktory bezpečnosti a zabezpečení nejsou faktory, vyberte nejpravděpodobnější nebo nejvhodnější možnost .... Nepoužívejte výzvy [uvnitř rozevíracího seznamu] pouze k tomu, aby uživatele přiměli vybrat něco ze seznamu “(str. 88-89).

Nevidím žádný důvod, proč by se webová aplikace měla lišit. Výchozí hodnota je hodnota, která je v rozporu s návrhem a zamýšlenou implementací rozevíracích seznamů, což je docela dobrý náznak, že představuje zneužití.

Výchozí by mělo být:

  • Zaprvé, hodnota, která není nebezpečná, a která s největší pravděpodobností způsobí nenapravitelnou ztrátu nebo poškození uživatele nebo jeho majetku. Pokud tato rozbalovací nabídka označuje, že zvíře doručí zprávu uživateli, neměla by být výchozí hodnota Hladový tygr.

  • Za druhé, nejčastěji zvolená hodnota. I když si pouze 20,1% vašich uživatelů vybere „Pes“, to je stále 20,1% vašich uživatelů, kteří nebudou muset provádět pár kliknutí, a zbylých 79,9% vašich uživatelů nebude stát žádné náklady.

  • Za třetí, nejlepší příklad souboru. Výchozí rozbalovací nabídka slouží k ilustraci druhů hodnot, které si může uživatel vybrat. Ve vašem případě se zdá, že jde o kategorii „hospodářská zvířata“, takže bych byl ochotný jít s „koněm“. Naopak „pes“ může naznačovat „mazlíčka“ více než „hospodářská zvířata“.

Nevidím žádný smysl při provádění výchozí instrukce. Skutečnost, že existuje rozevírací seznam, umožňuje uživatelům zcela jasně určit hodnotu. Příklad hodnoty jako výchozí je více informativní.

Mám podezření, že mnoho webových designérů si myslí, že získáte přesnější údaje, pokud donutíte uživatele, aby si výslovně vybral možnost. I když mohou nastat situace, kdy tomu tak je, neviděl jsem o tom žádný důkaz. Mám podezření, že při výchozím nastavení na legitimní hodnotu je obvykle více pravděpodobné, že získáte přesná data. Osvobozením některých uživatelů od výběru hodnoty se vyhnete možným prokluzům, které by uživatelé mohli učinit, nebo, s větší pravděpodobností na webovém formuláři, výběru jakékoli staré hodnoty, jen aby uspokojil požadovaný vstup.

4
Michael Zuschlag

Vlastně si myslím rozevírací nabídka je stejně špatné použití. Tato otázka poukazuje na jeden z problémů, že není tak jasné, co s tím dělat. Částečně problém, jak prohlížeče takový seznam zobrazují, ale většinou váš problém podle vašich uživatelů.

Lepší nahradit:

  • volné textové pole založené na javascriptovém vyhledávání pomocí povolených hodnot, například při přidávání značek;
  • pro méně možností: tlačítka rádia (nebo rádia)
  • knoflíky, které můžete povolit/zakázat pro volby, které nejsou tak černé/bílé; „vaše oblíbené zvíře“ může být více.
  • prostě úplně volný text, pokud zjistíte, že to nakonec není tak povinné
1
Lode

Tyto informace jsem narazil na X Movement.com

Stejně jako jiné prvky formuláře by i nabídka výběru měla mít vždy vedle ní štítek. Měli byste však také mít štítek uvnitř nabídky pro výběr, který uživatelům řekne, co si vyberou. Štítek by měl jasně a zřetelně popsat skupinu možností.

Obecný štítek, například „Vyberte prosím“, není dostatečně jasný, aby uživatelé s přístupem, kteří používají čtečky obrazovky, vyplnili formuláře. Přidání štítku mimo a uvnitř nabídky výběru umožňuje všem uživatelům rychleji jednat bez jakéhokoli zmatku.

Celkově nemusí existovat 100% správné řešení, pouze to, co uživateli umožňuje dokončit svůj úkol s co nejmenší pravděpodobností, že uživatel bude mít chybu.

1
Bob

Používám vizuální nápovědu, že pole vyžaduje vstup. Když se ukážete myší, něco jako červený rámeček s červeným vykřičníkem s popisem.

- Upravit - Jak Peter zdůrazňuje v komentáři, opravdu to není dobrý nápad, protože to uživateli řekne, že udělal něco špatného, ​​než něco udělal. Myslím, že je vhodnější jiné vizuální vodítko jako hvězdička nebo něco, co by naznačovalo, že je pole povinné, a to i při prázdné výchozí možnosti.

0
jpsstavares