it-swarm-eu.dev

Jak dlouho by mělo být zpoždění, než se objeví nápověda?

Pracuji na webu, na kterém se objeví podmenu „pás karet“, jakmile se myš dotkne jedné z hlavních položek nabídky. Snažím se designérovi vysvětlit, že by měl počkat, až kurzor zůstane na položce nabídky, a ne vyskakovat, když se nad ním myš právě dostane. Nejsem si jistý, jak dlouho (v milisekundách) by mělo být čekání.

Nemohu odkazovat na dotyčný web, ale domnívám se, že stejný princip platí pro standardní tipy na nástroje. Jak dlouho by mělo trvat vyskočení špičky nástroje?

21

Pokud někdo stále hledá aktualizované odpovědi na toto téma, Nielsen Norman má skvělý článek na toto téma: https://www.nngroup.com/articles/timing-exposing-content/

  1. Kurzor myši vstupuje do cílové oblasti: zobrazte vizuální zpětnou vazbu během 0,1 sekundy.
  2. Počkejte 0,3–0,5 sekundy.
  3. Pokud kurzor zůstane v cílové oblasti zastaven, zobrazte odpovídající skrytý obsah do 0,1 sekundy.
  4. Pokračujte v zobrazování prvku exponovaného obsahu, dokud kurzor neopustí spouštěcí cílovou oblast nebo exponovaný obsah déle než 0,5 sekundy.

300-500 milisekundová pauza je zajistit, aby uživatel měl v úmyslu vidět, co se skrývá za nabídkou nebo popisem, a nemilovat na cestě k něčemu jinému.

13
bentheben

Nemohl jsem najít žádné konvence v této záležitosti, ale našel jsem několik knihoven, kde se zdá, že popisek je nastaven na výchozí hodnotu 500ms , která vypadá docela rozumně.

Každopádně si myslím, že byste měli jít odtamtud a vyladit to, dokud to nebude v pořádku. Můžete to vyzkoušet s několika uživateli a zhodnotit jejich zpětnou vazbu.

http://msdn.Microsoft.com/en-us/library/ms531435%28VS.85%29.aspx

http://www.jinsight.com/jetchart/api/com/jinsight/jetchart/ToolTip.html

https://www.Adobe.com/livedocs/flex/201/html/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Book_Parts&file=tooltips_074_10.html

13
Nacho

POKUD pomalu vyblednete špičku nástroje, můžete začít, jakmile se myš opře o hot-spot. Nezapomeňte animaci zrušit, když se myš pohybuje tímto způsobem, pokud se myš pouze na sekundu sklouzne, když se nezobrazí tip nástroje a pokud se uživatel zastaví, ale poté se pohybuje, nemáte tip nástroje zobrazující špatně část stránky.

5
Sruly

To záleží na tom, k čemu jsou vaše nápovědy.

Máme spoustu ovládacích prvků a tlačítek na panelu nástrojů, které jednoduše používají sada ikon návrhů materiál bez textu. Většina z nich je samozřejmá, ale přidali jsme popisy s popisy, které také zobrazují klávesové zkratky, pokud jsou k dispozici.

Když jsme neměli žádné zpoždění, bylo to velmi nepříjemné pro uživatele, kteří se naučili software a už nepotřebovali popisy nástrojů. Pohyb myši nad několika tlačítky by okamžitě zobrazil popisky.

Vyrovnali jsme se s 1 sekundovým zpožděním, protože je to dostatečně pomalé, aby se neobjevilo při normálním používání a když chcete vidět, na jaké tlačítko počkáte chvíli.

4
Tim

Pokud je rozhodnutí použít popis dobře promyšlené a popis je užitečný a důležitý. Nevkládejte na to zpoždění.

Zpoždění může přinést zmatek. Nechcete, aby se uživatel ptal na stejnou otázku, na kterou se ptáte, protože používá váš web nebo aplikaci.

Pokud si myslíte, že informace o popisech nejsou povinné, ale mohou uživatelům pomoci, pokud se zaseknou, použijte malou ikonu otazníku a nechte je na ni kliknout, pokud potřebují další informace.

2
Jason

K dispozici je samozřejmě vždy možnost, aby na základě kliknutí. Myslím, že by to ve skutečnosti fungovalo lépe a aplikace by byla univerzálně použitelná (mobilní telefony a tablety).

V JavaScriptu je také projekt, který by se mohl v této oblasti inspirovat, projekt „hoverIntent“

http://cherne.net/brian/resources/jquery.hoverIntent.html

HTH

2
mare

Přidáním k odpovědi @Nacho jsem uvedl důvod, proč by se nemělo u popisů vyhýbat velmi krátkým zpožděním nebo okamžitému vzhledu:

Popisky, rozšiřující se reklamy a výzvy k akci nebo informační pole, která se objevují nad položkami seznamu (jako jsou pole pro rychlé zobrazení na miniaturách ze stránek s produktovými informacemi), jsou dalšími příklady běžných prvků s interakcemi vznášejícími se, které mohou být pro uživatele nepříjemné, pokud jsou spuštěny také citlivě.

Okamžitá odezva je nežádoucí pro to, co by mělo být volitelnou informací, pokud je popisek považován za vhodný kontext zobrazení. Článek také poskytuje pokyny pro načasování:

úmysl uživatele odhalit jakýkoli odpovídající skrytý obsah lze předpokládat buď okamžitě po kliknutí nebo klepnutí, nebo po zastavení pohybu kurzoru myši a zůstat v cílové oblasti po dobu přibližně 0,3–0,5 sekundy, kdy může být skrytý obsah bezpečně animován na strana

Zdroj: NNGroup

1
Remy