it-swarm-eu.dev

Požadované ověření pole

Jak by mělo být požadované ověření pole zpracováno vizuálně?

Poznámka: Předpokládejme, že hvězdička je červená

*Name:[_______________]

nebo

Name:*[_______________]

nebo

Name: [_______________]*

nebo

Name: [____red bg____  ]

nebo

Name(<- font color red): [_______________]

nebo

Řekni mi lepší způsob!

16
rick schott

Na tyto typy otázek nikdy není správná nebo nesprávná odpověď a mnoho z nich závisí na osobách vašich uživatelů (inženýři vs. výkonní uživatelé vs. teta, kteří nikdy nepoužívali počítač) a na kontextu.

Obecným pravidlem je použití

label [input   ] [validation       ] 

Použití oblasti ověření červené hvězdičky k označení povinného pole nebo chybové zprávy po ověření formuláře (nebo obojího).

Webová stránka Simply Accessible obsahuje dobrý, výstižný zápis do požadovaných polí formuláře: http://simplyaccessible.com/article/required-form-fields

11
Bil Simser

Hodně záleží na různých faktorech.

  1. Obecně platí, že by měla existovat textová indikace (hvězdička) a vizuální indikace, například mít pouze 1 sekundový pohled na formulář, musíte vědět, jaká pole jsou požadována. Například můžete přidat hvězdičku na stranu štítku (lepší, pokud je formátován mírně odlišně od samotného štítku) a přidat intenzivnější ohraničení do povinných polí.
  2. Jako druhé obecné pravidlo zkuste velmi těžko zjistit, zda můžete zjednodušit formulář: velmi často existují způsoby, jak minimalizovat formuláře a vyhnout se ve všech volitelných polích. Například minimalistické registrační formuláře mohou požádat pouze o e-mail a nechat všechno na sledování a widgety jako „Váš profil je 90% dokončen“.
  3. Být konzistentní na všech webových stránkách, to je opravdu důležité, protože to nutí uživatele se učit pokaždé.
  4. Všimněte si, že pokud jsou hvězdička zarovnána společně ve stejném sloupci, je to o něco lepší (ale mírně se obvykle vyhýbá tomu, aby byl formulář hezčí, pěkné formuláře fungují lépe než ty horší).
  5. Pokud je většina prvků ve formuláři povinná, pak je pravděpodobně lepší označit ty volitelné.

Gotchas:

  1. Nespoléhejte se na barvy samotné (nepříjemné, pokud neumíte dobře přečíst barvy).
  2. Nespoléhejte se na hvězdičku (nutíte uživatele přemýšlet o tom, co je povinné a co nikoli).
  3. Nepoužívejte rozbít formulář kolem: ačkoli to vypadá mimo rozsah této otázky, často leštěný, svisle zarovnaný formulář s jasnými štítky hodně pomáhá při pochopení povinných polí: protože jediný vertikální sken je snazší, je také snazší detekovat povinná pole.
6
Folletto

Myslel jsem, že by vás mohl zajímat nejnovější výzkum Baymards: http://baymard.com/blog/required-optional-form-fields

Shrnutí je následující:

  • Při srovnávání nejlepších 100 platebních procesů v USA pouze 9% webů explicitně označilo oba typy polí
  • Tím, že uživatel explicitně označí volitelná i povinná pole, není nucen nic odvodit a může se soustředit pouze na pole, které vyplňují, a je tedy schopen plynule postupovat v celém poli pole po poli bez jakýchkoli zpět a vpřed skenování předchozích polí.
  • Nejčastější chybou - provedenou 63% ze 100 nejlepších pokladen elektronického obchodování - je označit pouze jeden z typů
  • Při testování mobilních pokladen došlo u 75% testovaných subjektů k závažným problémům s použitelností formulářů na webech, které nedokázaly jasně označit povinná i volitelná pole.

A jejich doporučení:

enter image description here

2
DLM

Udržování hvězdičky by mohlo být užitečné spíše než pouhým barevným indikátorem (+1 pro usnadnění přístupu). Hodit atribut názvu také na hvězdičku, např. <span title = "Povinné pole"> * </span>

To je pravděpodobně stejně nutné, aby se vhodně upravilo

Nemyslím si, že pozice hvězdičky je kritická - prostě buďte konzistentní!

0
cbosco

Myslím, že jsem všechny udělal v jednom nebo druhém bodě. To, na co jsem se nedávno dostal, je něco, co vyžaduje více práce, ale myslím, že je pro uživatele lepší. V zásadě dáte malou červenou krabičku s popoverem s tvrdou šipkou směřující k dotyčnému poli a řeknete jim, že je to povinné pole. Pokud ji zobrazuji nad polem jasnou barvou, myslím, že bod dobře dopadne, aniž by se změnil tok zbytku dokumentu vloženým obsahem nebo tučným textem.

Je to komplikovanější, pokud máte více chyb, kdy je zobrazení několika popoverů velmi nepřehledné, takže se buď rozhodnete zobrazit pouze první chybu, nebo zobrazit pouze jednu chybu najednou a jakmile bude jeden z konfliktů vyřešen, zobrazí další chybu .

0
user306