it-swarm-eu.dev

Jaký je nejlepší způsob, jak před odesláním zvýraznit povinné pole ve webovém formuláři?

Zdá se to subjektivní a je to; můj klient by chtěl, abych zvýraznil požadovaná pole na webových formulářích v jejich aplikaci červenou hvězdičkou, a hledám alternativní řešení, protože červené hvězdičky obvykle znamenají, že je pro mě chyba.

Jak mohu informovat uživatele, která pole jsou povinná? (Jedna za odpověď, prosím.)

PDATE: To znamená, která pole jsou povinná před validací/zpětným odesláním.

46
Ryan Shripat

Vzhledem k tomu, že na webu techinsurance.com je vyžadováno 95% všech polí, bylo mým rozhodnutím jednoduše tučně označeno, že je pole povinné, a do nepovinných polí napište slovo (volitelné), abyste omezili nepořádek.

např.

křestní jméno

Příjmení

Obchodní telefonní číslo

Mobilní číslo (volitelné)

A možná stejně důležité jsou samotné chybové zprávy. Udělal jsem je co nejjasnější ...

povinné pole ...

alt text

s chybou ...

alt text

Tato rozhodnutí byla učiněna po letech webů s polotradičními červenými hvězdičkami označujícími požadované pole. Tyto hvězdičky fungovaly většinou. Problém byl, když došlo k chybě ověření. Některé z našich stránek mohou být docela dlouhé a červené chyby ověření prostě na stránce nevyčnívají dost, když už byly zaplněny červenými hvězdičkami. Vím to, protože lidé by někdy byli natolik frustrovaní, že nám o tom řeknou. Ale všechny náznaky ukazují, že nový (výše) design vyřešil problém.

57
Steve Wortham

Cítím, že nejlepším způsobem, jak toho dosáhnout, je ve skutečnosti vyhláskovat slovo „požadované“ po vstupním poli. Tento sentiment se odráží také v designu webových formulářů od Luka Wroblewského: http://www.lukew.com/ff/entry.asp?725

Zatímco příklad odkazu hovoří o volitelných polích namísto povinných polí, domnívám se, že ředitel zůstává stejný - uživatelé dávají přednost tomu, aby pro ně bylo napsáno namísto zahrnutí vizuálních indikátorů.

Kromě toho může být něco, co je třeba sledovat, označující pole, která jsou možnostmi namísto požadovaných polí. Podle mě je třeba poznamenat, kterákoli z nich je výjimkou. Například, pokud máte 10 polí a 8 z nich je povinných, místo psaní "Povinné" pro 8 polí, napište "volitelné" pro 2 výjimky. Pokud jsou však požadovány pouze 2, napište „Vyžadováno“ těmito 2, protože jsou výjimkou.

9
RussellUresti

Tato otázka může být problematičtější, než byste si mohli vůbec představit.

Například některé plakáty navrhly používat hvězdičku pro označení „povinné“, problém je v tom, že některé webové stránky skutečně používají obráceně a vedle polí, která jsou volitelná, jsou hvězdička. Uživatelé výslovně nevědí, zda je hvězdička „povinným“ polem nebo volitelným polem pohledem, a musí dále prozkoumat, přerušit jejich tok, frustrovat je z procesu formuláře a v některých případech může vést k opuštění formuláře. spolu.

RussellUresti odpověď opakující výzkum Luka Wroblewského v "Web Form Design" jednoduše napsat "povinné" vedle povinných polí byl také (podle mých 10 let zkušeností) přístup, který přinesl nejvyšší propustnost na formulářích a vedl k nejmenším zmatkům.

Související a něco jiného k zvážení, pokud je pole formuláře nepovinné, můžete použít logiku sami, abyste dostali odpověď, aniž byste se zeptali uživatele?

Například, pokud potřebujete vědět, zda je uživatelem muž nebo žena, můžete v některých případech odvodit odpověď podle názvu, který si zvolí pro své jméno (slečna, paní atd. Znamená ženský), a odebere otázku od uživatele.

Dalším bodem, který je třeba zvážit, jsou věci, jako jsou pole adresy, pokud můžete požádat o poštovní směrovací číslo a provést vyhledání poštovního směrovacího čísla. Zobrazovat pouze pole s adresami, pokud se uživatel rozhodne ručně zadat adresu, nebo pokud selže vyhledávání poštovního směrovacího čísla, můžete se vyhnout mnoha nepovinným údajům to může způsobit, že formulář bude vypadat déle, než ve skutečnosti je, a způsobí, že uživatel odejde.

Podle mých zkušeností je hodně času, pokud je pole nepovinné, existuje velký důvod pro úplné odstranění pole. To samozřejmě není vždy praktické, ale v některých případech to může být a pomůže to snížit vizuální nepořádek, ať už se rozhodnete pro jakýkoli přístup.

4

Dalším řešením je rozdělení formuláře do dvou oddílů, sloučení všech požadovaných polí dohromady a označení celé sekce „Povinné“.

3
Chase Seibert

Nejlepší způsob, jak jsem našel, je vložit hvězdičku dovnitř a napravo.

Example of UX

3
Nijikokun

To je jistě špatné místo, kde se to zveřejní, ale nepřehlédněte rozšířenou definici „požadavku“ - to znamená, že je-li nutnost prvku podmíněna použitím (výběrem, naplněním atd.) Jiného prvku.

Příklad, pole A je volitelné. Pokud je však pole A skutečně vyplněno koncovým uživatelem, je vyžadováno pole B.

Jak bychom anotovali nebo seskupili pole prvků, abychom to naznačili? Měli bychom?

PS. Pamatujte, že barva sama o sobě je nespolehlivým kanálem pro přenos informací. Někteří z nás nemohou snadno rozlišit mezi červenou a zelenou a červená může lidem různým kulturám sdělit různé věci.

3
CSSian

Červené hvězdičky se často používají podle potřeby, takže se váš klient opravdu nemýlí. Pokud zvolíte jinou barvu, například oranžovou nebo něco, co odpovídá designu stránek, mělo by to být v pořádku.

2
James Buckley

Částečně jsem se věnoval jednoduché filozofii hvězdičky.

Na tangenciálně související poznámce, tady je příspěvek, který jsem napsal chvíli zpátky s příkladem vytváření vlastních chybových značek pro pole, která byla povinná a nevyplněná. Je to spíše technické (Rails, Formtastic, jQuery), ale koncept je snadno přizpůsobitelný.

http://thestrake.com/post/459205965/show-n-tell-friday-custom-form-error-markers

1
blackant

Za prvé, protože předpokládám, že jste odborník na UX, váš klient by vám neměl říkat, jak řešit problémy UX, měli by k vám přicházet s problémem, který má být vyřešen, ne řešením.

Když o tom uvažujeme z pohledu uživatele, nemůžeme předpokládat, že uživatel ví, co znamená hvězdička. V případě pochybností to jasně uveďte pomocí psaného jazyka. Viděl jsem, jak se hvězdička používá na webu stále méně a po použití je obvykle následováno vysvětlení v dolní části stránky. Jednodušší vysvětlení je použít pouze „Povinné“. Čtenáři obrazovky to také vyzvednou a vaše stránky budou přístupnější.

Přemýšleli jste také o použití principů progresivního zveřejňování v tomto scénáři? Měla by být pole, která nejsou požadována, dokonce na obrazovce - mohou být skryta nebo zobrazena uživateli později? Tímto způsobem dochází k menšímu přetížení informací a jsou uvedena všechna potřebná pole, čímž se eliminuje potřeba „vyžadovaného“. Další informace o psychologii za tímto vysvětlením: https://www.nngroup.com/articles/progressive-disclosure/

0
lg365

Viděl jsem stadiony použitelnosti, které diktují opozita - že všechna pole jsou povinná, pokud nejsou označena textem (optional). Pokud nejsou povinná pole po pokusu o vrchol vyplněna, měla by být označena textem vysvětlujícím, co je špatného.

0
awe

Stejně jako většina témat použitelnosti to opravdu záleží - hlavně na tom, kolik polí je ve formuláři obsaženo a na četnosti požadovaných polí ve formuláři

Obvykle preferuji jednoduchou červenou hvězdičku vedle každého povinného pole a potom poznámku pod čarou „* - povinné pole“.

Kromě toho ráda zvýrazníme okraje pole červeně, pokud pole zůstane prázdné nebo neplatné po události onBlur(). Stejné zvýraznění, pokud se uživatel pokusí odeslat formulář bez vyplnění všech požadovaných polí. Zvýraznění okrajů zmizí při události javascript onFocus().

0
wnathanlee