it-swarm-eu.dev

Nevýhody automatického "zaostření" v textovém poli webové stránky (JavaScript)

Víte, kluci, nějaké nevýhody se zaměřením na textové pole na webové stránce? Je to docela užitečné, když víte, že uživatelé budou toto textové pole používat více než ostatní (jako na domovské stránce Google), ale je to trochu „urážlivé“, tak jsem přemýšlel, jestli se může stát něco špatného (například na mobilních zařízeních)

12
Julien

Klávesa Backspace obvykle vrátí stránku zpět, protože jde o klávesovou zkratku tlačítka Zpět. Když je vstupní pole zaostřeno, backspace funguje pouze v rámci vstupního pole. Pro mnoho uživatelů klávesnice (jako v případě klávesnice a předcházení přepínání mezi klávesnicí a myší) je tedy jednoznačnou nevýhodou, když webová stránka libovolně zaostřuje vstupní pole.

To znamená, že se mi nelíbí stránky, které se automaticky nezaměřují na první pole, když celý účel stránky je vyplnění formuláře a jeho odeslání.

Myslím, že v zásadě by pro mě bylo toto pravidlo: automatické zaměření na formuláře pro zadávání dat; neprovádějte automatické ostření, je-li vstup sekundární (nebo dokonce nižší) položkou na stránce.

16
Marjan Venema

Následující není inherentní nevýhodou nastavení fokusu klávesnice, ale přesto je to nežádoucí účinek, který byl způsoben kombinací skriptu pro nastavení fokusu a chováním určitých prohlížečů.

Alespoň ve Firefoxu může nastavení fokusu klávesnice ukrást fokus i z prvku uživatelského rozhraní, které patří samotnému prohlížeči, jako je například adresní řádek. Z tohoto důvodu jsem zažil následující malé nepříjemnosti:

  1. Navštívil jsem nějakou stránku. Stránka obsahovala skript onload k nastavení fokusu na konkrétní textové pole, ale to jsem samozřejmě nevěděl.
  2. Načítání stránky trvalo příliš dlouho, takže jsem se vzdal návštěvy této stránky a rozhodl se navštívit jinou stránku.
  3. Začal jsem psát novou adresu URL do adresního řádku.
  4. Mezitím se stránka dokončila načítání a skript uvnitř stránky běžel.
  5. Druhá polovina zadané adresy skončila v textovém poli na stránce, což byla lehká frustrace. :(

(Ve Firefoxu 4 se plánuje vyhnout tomuto chování tím, že zakáže obsahu stránky načíst fokus, když má prvek uživatelského rozhraní prohlížeče fokus (oprava byla částečně potvrzena , ale ne úplně) ). Pokud tato oprava proběhne, výše uvedená situace se nestane s Firefoxem 4. Slyšel jsem, že Internet Explorer nemá stejný problém.)

10
Tsuyoshi Ito

Vložení fokusu do textového pole při načtení stránky zabrání šipkám nahoru/dolů pro posouvání stránky, což znamená, že uživatelé musí kliknout na stránku, aby ji posunuli. Pokud se však stránka neposouvá nebo má pouze jednu akci, která vyžaduje textové pole, může být velmi užitečná.

Můj web pro online bankovnictví obsahuje několik textových polí pro zadávání konkrétních znaků z mého hesla a čísla PIN. Po stisknutí tlačítka stránka automaticky zaostří na další textové pole. To je obvykle dobré, protože to znamená, že nemusíte přecházet mezi ovládacími prvky, ale je to skutečná bolest, když omylem zadáte nesprávný znak. V takovém případě to přeruší chování shift + tab - stisknutí shift + tab vás vrátí zpět na ovládání, ale uvolněním shift se dostanete znovu dopředu, což znamená, že musíte dosáhnout myši.

4
adrianbanks

Automatické zaostření může někdy způsobit problémy s pluginy, jako je Vivium (které přidávají zkratky typu Vim do prohlížeče Google Chrome), protože automaticky vkládá Vimium do režimu vkládání, což ztěžuje navigaci.

1
mig

Existuje již mnoho skvělých odpovědí, ale nikdo se nezmínil o tom, jak zmírnit problémy spojené s automatickým zaostřováním. Jako absolutní minimum bych doporučil, abyste velmi jasně upravili automaticky zaměřený prvek tak, aby bylo jasnější, že je aktivní. Blikající kurzor měl by je docela dobrý údaj, ale můžete být mnohem zřetelnější s tlustým, barevným rámečkem nebo podobně.

1
Bobby Jack

Ofenzivní nemusí být ten pravý termín, ale je to určitě hrubé. Umístil jsem tam automatické zaostření s automatickým přehráváním hudby nebo automatickým spouštěním vyskakovacích oken nebo automatickou změnou velikosti prohlížeče. Bere kontrolu nad uživatelem a, IMHO, to je vždy hrubé. Nemluvě o již zmíněných problémech, jako je použitelnost v mobilních zařízeních nebo obecně přístupnost.

1
DA01

Automatické zaostření je velké ne-ne na přihlašovacích stránkách.

Lidé jako já mají zvyk zadávat uživatelské jméno a heslo, jakmile jsou textová pole viditelná. Někdy se stane, že se stránka dokončí načítání, když jsem uprostřed zadávání hesla, což způsobí, že fokus přejde do textového pole uživatelské jméno a nakonec skončí zadáním zbytku hesla do pole uživatelské jméno.

To je velká nepříjemnost a weby by se na takové stránky neměly automaticky zaměřovat.

0
Vishal Shah

Nakonec bude záležet na tom, co vaše webové stránky dělají, a na důsledcích zaměření na tuto oblast.

Pokud váš web obsahuje pouze jedno vstupní pole (jako je Google) a je třeba provést další akci, abychom na tento vstup reagovali, nevidím problém. To je to, co lidé očekávají (a když to přijdou), pomůže jim to s používáním webu.

Pokud je to pouze jedno z několika textových polí a může být ponecháno prázdné, pak je to pravděpodobně méně pomocníka uživatele a může se převrátit k překážce pro značný počet uživatelů.

Pokud něco uděláte po každém stisknutí klávesy, pak jsem to viděl jako nepříjemnost - ale to je do značné míry osobní preference.

0
ChrisF

Myšlenkou, jak to vidím, je snížit potřebu kliknutí při navigaci na stránku, která vyžaduje vstup - od přihlášení k zadávání dat.

Zajímá mě tato myšlenka, že je to „trochu offensve“, aby se zaměřilo na textové pole. Proč si myslíte, že by to mohlo být urážlivé?

0
JeromeR

Příklad ze skutečného života: Wordpress zničil moje přihlašovací rutinu autofokusem od verze 2.9 nebo tak něco.

Než vložili automatické zaostření, narazil jsem na záložku, klikněte na přihlášení s uživatelem/průchodem uloženým v prohlížeči a BAM !, Byl jsem v.

Nyní automatické zaostření vymaže uložená data z mého prohlížeče a já musím napsat uživatelské jméno, kliknout na kartu pro získání automatického doplňování hesla a pak zadat. Mnohem více kroků.

0
Bobby Tables