it-swarm-eu.dev

Je to špatný nápad mít přihlašovací pole po hesle na přihlašovacím formuláři?

Toto prohlášení mě zaujalo @ DanWilson na Twitteru:

Všichni weboví vývojáři: Nikdy nikdy nedávali nic za pole s heslem a před odesláním tlačítka na formuláři. Karta MUSÍ jít přímo k odeslání.

Když jsem požádal o vysvětlení, dodal:

protože vzor UI je Username TAB Password TAB Enter Key.

Může mi někdo ukázat na důkaz, že toto tvrzení potvrzuje nebo je v rozporu, i když je to neoficiální?

9

Nejlepší situace v kartách a běžné situace je:

  • vstup: email
  • vstup: heslo
  • checkbox: keep me loged in (někdy je to vynecháno)
  • tlačítko: odeslat (všimněte si, jak můžete mezerník používat, v některých situacích rychleji, než zadat)

Důkazy:

  • Google (jednotné přihlášení)
  • Yahoo (jednotné přihlášení, zahrnuje Flickr, Delicious)
  • Twitter (všimněte si také toho, jak se vizuální tok liší od toku karet, aby byl konzistentní!)
  • Facebook (ibidem)
  • Baidu
  • Wikipedia
  • LinkedIn
  • Craiglist
  • Moje místo
  • IMDB

Pozoruhodní jističe:

  • MSN
  • eBay

Takže s těmito weby zahrnujeme pravděpodobně většinu světových uživatelů webu a všichni jsou v souladu s chováním, které jsem popsal.

7
Folletto

Závažné přestávky v tomto vzorci jsou, když návrháři užitečných formulářů vložili odkaz Zapomenuté heslo na zarážku karty za heslem a před tlačítkem Odeslat. To nevyhnutelně povede k aktualizaci stránky, načtení nového formuláře. Poté, když se vracím, podle dobrých bezpečnostních postupů, pole pro heslo (které jsem zadal poprvé) je prázdné.

I když naprosto respektuji estetickou svobodu designérů a vývojářů a nechci, aby web vypadal homogenně, chování webu by mělo být stejné.

Dan Wilson

6
Dan Wilson

Jen přemýšlejte o svých vlastních zkušenostech - co se očekává, když se přihlásíte na web? Já, očekávám, že udělám přesně to, co řekl Dan - Uživatelské jméno TAB Heslo TAB zadejte. Dokonce jsem viděl umístěné, které mají funkci „Zapamatovat si mě“, udržující tuto základní koncepci - na stránce chase.com, na kartě zaškrtávací políčko „zapamatovat si moje uživatelské jméno“, musíte ve skutečnosti zaškrtnout tlačítko PAST tlačítko Odeslat a zaměřit se na zaškrtávací políčko. Nevím, že se mi to opravdu líbí, ale díky tomu je obecné přihlášení mnohem rychlejší.

Jedním dodatkem, který bych k jeho prohlášení měl, je to, že na přihlašovací stránce musí být počáteční zaměření MUSÍ na pole uživatelského jména. Při prvním načtení stránky nemůžu spočítat počet webů, na které jdu, kde je fokus nastaven nesprávně (nebo vůbec není nastaven).

5
Charles Boyung

Nevěřím, že dominantním vzorem UX je Username TAB Password TAB Enter. Proč navíc TAB + Enter po zadání hesla? Uložte si stisknutí klávesy a stiskněte Enter po zadání hesla pro odeslání formuláře. Jak uvádí Chase, pro přihlašovací formuláře: Username TAB Password Enter.

Formuláře s falešnými tlačítky pro odeslání považuji za vstup typu type = 'button' namísto type = 'submit' za urážlivější penalizaci UX. Tím se posílí zvyk TAB + Enter k odeslání formuláře, když má být pouze Enter.

3
John Hodorowicz

Je nerelevantní odpovídat „Nepoužívám tento vzorec“. Ať už je vzor dominantní (a váš vzorek-velikost-jeden to neukazuje), pokud je to významný vzor, ​​pak by měl být respektován. Možná, že před vstupem na kartu stiskne pouze 10% uživatelů, ale nechcete se naštvat 10% uživatelů kvůli něčemu tak jednoduchému, jak to opravit.

1
DJClayworth

U přihlašovacích formulářů, pokud návrh vyžaduje něco mezi heslem a odesláním, můžete stále změnit pořadí karet tak, aby přeskočilo prvky špatné zkušenosti při vytváření karet. Viz https://www.bankofamerica.com/ , což je poněkud podobné. Tabbing přejde na uživatele/oblast/předložit, pokračováním v tablingu získáte odkaz na zaškrtávací políčko a odkaz.

Domnívám se, že širší problém (pro mě) představuje protiopatření, kde by akce měla být. tlačítka pro zrušení/reset, kde jsou tlačítka pro odeslání normálně atd. Jsme spíše automatická stvoření a jen zřídka čteme/věnujeme pozornost drobným změnám.

1
Joshua Cyr

Souhlasím s Johnem. Myslím, že většina lidí stiskne Enter, zatímco v poli heslo (já), nebo klikne/klepne na tlačítko Enter.

Avšak pro několik uživatelů Windows, kteří stisknou Tab a poté Enter, má Dan pravdu: Mezi editačním polem hesla a tlačítkem Enter by nemělo být nic.

Vybral jsem uživatele systému Windows, protože na počítačích Mac je výchozí nastavení, že stisknutím klávesy Tab se dostanete do dalšího editačního pole nebo seznamu. Nikdy vás nepřesune na tlačítko. Omlouvám se uživatelům Linuxu; Nejsem si jistý podrobnostmi tam.

1
Hisham