Obsah
- 1. Neoznačujte povinná pole
- 2. Nepoužívejte kuželky
- 3. Mějte pouze jeden typ tlačítka nebo ještě lépe jen jedno tlačítko na formulář
- 4. Bloková pole
- 5. Přemýšlejte, proč se na něco ptáte a jaké to je pro uživatele
- 6. Termíny jsou malé veverky
- 7. Formy jako vývojové plavidlo
- 8. Nepoužívejte sloupce ve formulářích
- 9. Nepoužívejte dvě pole, pokud to bude jedno
- 10. Buďte milí
Formy, není nic, co by mnoho designérů nenávidělo víc než formy. Nemusí nutně přinést kreativitu, nebo ano? Možná je na čase, abychom se znovu podívali na formuláře a pochopili, že forma, nejzákladnější, je rozhovor mezi uživatelem a softwarem.
Zapomeňte na point and click, formy představují nejbohatší interakci, které jako digitální designéři budeme čelit. Až vám příště přijde forma, nemysli si, že jde pouze o použití pěkných efektů CSS nebo přidání pěkného rozkvětu jQuery. Návrh forem má mnohem větší hloubku.
Uživatel jsem otestoval stovky formulářů a navrhl několik složitých formulářů pro pojišťovny, interakce s prázdninami a mnoho dalších. Je pravděpodobné, že jste v posledních měsících použili některý z mých formulářů.
Tady jsou lekce, které jsem si přál, abych se naučil, než jsem začal navrhovat formuláře.
1. Neoznačujte povinná pole
Znáte malou hvězdičku, která označuje povinné pole? Viděl jsem to mnohokrát selhat v uživatelském testování. Koncept povinných polí nedává moc smysl, nemají žádný offline ekvivalent. Jsou skvělé pro vývojáře, protože nabízejí pěkný černobílý přístup k dokončení. Hvězdička a povinné pole selžou, protože se jedná o naučené chování. Typické chování, které jsem viděl v uživatelských testech, je uživatel, který vyplňuje formulář nahoře a dokončuje buď, když je něco, co by ho zastavilo, nebo když stiskne tlačítko.
Řešení je jednoduché, označte volitelná pole, označte místo, kde se náš milý uživatel musí zastavit a přemýšlet o tom, zda potřebuje toto pole vyplnit.
2. Nepoužívejte kuželky
HTML5 je skvělý, že? Nabízí spoustu vzrušujících nových lesklých nástrojů na hraní. Musíme přemýšlet o vhodnosti našich nových hraček. Pole čísla nyní obsahuje malé šipky nahoru a dolů, které uživateli umožňují procházet čísly.
Jsou zde dva problémy. Nejprve je zobrazení šipek ve výchozím prohlížeči opravdu malé. Velmi opatrně klikáme a tlustý prst mezi námi bude bojovat na iPhone. Jmenuje se to Fittův zákon, čím menší je, tím těžší na něj kliknout.
Ale slyším vás křičet, stačí zadat číslo přímo do pole s číslem. Ano, můžete, ale podívejme se na displej prohlížeče, šipky rozevírání nahoru / dolů se podobají našemu důvěryhodnému příteli. Uživatel, který má k dispozici spinner poprvé, bude předpokládat, že do něj nemůže psát.
Moje rada je vyhýbat se, dokud se nestanou běžnějším místem nebo vývojáři prohlížeče nevyřeší výchozí design.
3. Mějte pouze jeden typ tlačítka nebo ještě lépe jen jedno tlačítko na formulář
Existuje málo známý psychologický princip zvaný Hickův zákon. Hickův zákon uvádí, že čím více možností se nám nabízí, tím těžší je si vybrat. Vím, že nejde o raketovou vědu, ale o pravidlo, které stojí za to mít na paměti.
Svému příjemnému uživateli můžete pomoci tím, že mu pomůžete s výběrem. Díky tomu, že všechna primární tlačítka jsou jednobarevná a mít na stránce pouze jedno z nich, je výběr jednodušší. Na které tlačítko bych měl stisknout? Je to snadné, je to ten velký barevný.
4. Bloková pole
V předchozím životě jsem studoval neurovědu, a tak jsem studoval psychologii paměti - konkrétně krátkodobou nebo pracovní paměť. Teď, než to řeknete; ne, kapacita krátkodobé paměti není 7 +/- 2, 4 +/- 1 nebo v lidské řeči tři až pět kusů. My jako lidé jsme skvělí v hodnocení vizuálních podnětů, omezení je, že jsme lepší, když je jejich počet menší. Zařazení formuláře do menších skupin usnadňuje vyhodnocení, protože to, co uživatel musí do formuláře zadat, často pochází z jeho paměti.
Ujistěte se, že vaše skupiny polí jsou dlouhé asi čtyři.
5. Přemýšlejte, proč se na něco ptáte a jaké to je pro uživatele
Toto je pravděpodobně nejpřímější rada, kterou dávám, ale je často nejméně využívána.
Vezměme si následující:
Zeptejte se na každou otázku, kterou se zeptáte. Je to nezbytné? Jaký je to pocit, když se vás na to někdo zeptá?
Častěji než ne, je třeba položit obchodní otázku a my jako návrháři můžeme argumentovat o nutnosti, dokud nebudeme modří do tváře. Otázku je třeba položit. Při porozumění obchodní potřebě těchto dat můžeme často dělat kompromisy.
Můžeme pomoci tím, že řekneme svému příjemnému uživateli, proč musíme tuto otázku položit. Ujistěte se o použití a sdílení těchto údajů a buďte obecně milí.
Vezmeme si náš příklad znovu:
Je to stále těžký dotaz, ale doufejme, že jsme pilulku osladili.
6. Termíny jsou malé veverky
Zadání data může být skutečnou výzvou a je zde několik úskalí, kterým se můžete vyhnout. Jediným největším problémem je řešení chyb.
Nejjednodušší je spustit kalendář. Stojí za zmínku, že týdny začínají v pondělí ve Velké Británii a v neděli v USA. Pokud se váš uživatel nesoustředí, může si vybrat neděli, když má na mysli pondělí.
Za zmínku stojí také mezinárodní datové formáty. USA umisťují první měsíc, v Japonsku první rok. Takže datum jako 4/4/12 lze interpretovat třemi způsoby.
Proto je nejlepší použít výběrová pole.
7. Formy jako vývojové plavidlo
Formuláře jsou řemeslem pro vývojáře i designéry. Pochopit, jaké možné chyby by bylo možné udělat při zadávání dat a navrhování vašeho back-endového kódu, aby to zvládlo, je výzva.
Tady je jednoduchý. Zadání hodnoty měny. Možné chyby, kterých by se uživatel mohl dopustit, jsou obrovské. Vynucení datových formátů, se kterými se uživatelé musí setkat, je pro vašeho uživatele frustrující a, přiznejme si to, na vývojářskou část trochu líně.
Jaká lepší výzva pro vývojáře než budování neprůstřelného formuláře.
8. Nepoužívejte sloupce ve formulářích
Velkým problémem při používání sloupců ve formulářích je tok. Začneme formulářem nahoře a končíme dole. V úvodních sloupcích může být tok formuláře přerušen.
Nepředpokládejte, že uživatelé budou procházet formuláři, a proto je fokus způsob navigace ve formulářích ve sloupcích. Je vzácné, že jsem to viděl v uživatelském testování. Většinu času vidíme zadat podrobnosti, kliknout na další pole pomocí myši / trackpadu / prstu a poté zadat podrobnosti atd.
9. Nepoužívejte dvě pole, pokud to bude jedno
Většina lidí není dotykových písařů. V uživatelském testování vidíme lidi dívat se na klávesnici při psaní.
Při zadávání telefonního čísla způsobí rozdělení pole formuláře, řekněme přidání předčíslí a čísla, skutečné problémy. Uživatelé nevidí nebo si opravdu nepamatují, že existují dvě pole, takže do prvního pole zadejte plný počet, horší je, pokud je pole omezeno na určitý počet znaků.
Použijte pouze jedno pole pro telefonní číslo, totéž platí pro číslo domu / ulici - použijte pouze jedno pole pro zadávání textu.
10. Buďte milí
Byli byste překvapeni, kolik poměrně hrubých chybových zpráv je venku.
Zde je příklad jednoho, na který jsem nedávno narazil.
Samotná skutečnost, kterou navrhují, byste v budoucnu ochotně zadali rande, a pak docela vtipná odpověď, no, to není moc hezké.
Jak byste se cítili, kdybyste viděli tuto chybu, znovu se postavte na místo uživatele? Naštvaný? Možná ještě horší. Být milý je snadné.
Vytvořil jsem stahovatelnou postýlku, která vám pomůže navrhnout lepší formy. Zahrnuje mnoho dalších způsobů osvědčených postupů k navrhování lepších formulářů.
