it-swarm-eu.dev

Zavírání modálních dialogů

Každý den se setkávám s modálními dialogy a neustále vidím různé implementace.

Většina modálních dialogů má v pravém horním rohu dialogu [X] spolu s tlačítkem Storno/Zavřít.

Existuje tolik možností, jaký je nejlepší postup pro uzavírání modálních dialogů? Existují také nějaké referenční studie, které ukazují, co je preferováno?

Implementace, které jsem viděl:

  • Tlačítko Zrušit/Zavřít s [X] v rohu (vpravo nahoře/vlevo, vpravo dole/vlevo?)

  • Kliknutím kamkoli na modální zavřete

  • Pouze [X] v rohu (vpravo nahoře/vlevo, vpravo dole/vlevo?)

  • Pouze tlačítko Storno/Zavřít

  • Klikněte kamkoli mimo modální

  • Klávesa Esc s nebo bez [X]/Storno/Zavřít

23
rick schott

Myslím, že nejlepší implementace závisí na typu dialogu a požadovaném režimu interakce.

Dialogy, které vyžadují akci by neměly mít podle mého názoru [X], aby je zavřely (ani by neměly být zavřeny kliknutím nikam jinam než tlačítky akcí).
Většina z nich má tlačítka „Uložit“ a „Zrušit“, takže uživatelé nechávají přemýšlet (i když na zlomek sekundy), pokud „blízko“ znamená „zrušit“ nebo ne.

Informační dialogy by podle mého názoru měly mít tlačítko „Zavřít“ a [X].
Pokud jsou informace něčím, co by uživatel mohl chtít interagovat s (například text, který má být vybrán a zkopírován), pak samozřejmě nemůžete dovolit klepnutím dovnitř zavřít dialog.
Pokud chcete, aby uživatel věnujte pozornost informaci, zakázal bych také klikání venku, protože to zvyšuje pravděpodobnost, že se uživatel musí zaměřit na dialogové okno a zavřít jej. (a snad tam něco přečíst).

16
Dan Barak

Zapomenete ESCAPE (Esc klíč) pro zavření některých () Zrušení (OK/Storno), nebo [~ # ~] ok [~ # ~] pro jediné OK ) modální okna

6
igor

I nikdy klikni na kříž v rohu. Pokud jsou tlačítka vynechána, jsem obvykle zmatená, dokud si nepamatuji, že je to stále okno. Chtěl bych jít s tlačítky OK/Cancel (pokud nejsou vhodnější jiná slova, např. 'Yes/no' 'save/not save') a křížkem v rohu, který dělá to samé jako tlačítko Cancel. Žádné jiné „skryté“ akce, například uzavření, pokud kliknete kdekoli.

4

Tlačítko ukončení je vždy nutné, ať už na něj uživatelé kliknou nebo ne, protože jeho absence je matoucí. Odkazy na úzké odkazy pomáhají, ale musí být doplněny znakem „X“. Doporučuji vám vždy poskytnout všechny možnosti ukončení ('x', odkaz a klepnutím kamkoli zavřete).

V současné době si nejsem vědom studie, která by odkazovala na toto téma, ale existuje zajímavý článek o správném používání Modal Windows, který by vás mohl zajímat: http://www.smashingmagazine.com/2009/ 05/27/modal-windows-in-modern-web-design /

4
Pam Rdz

Explicitní dialogová tlačítka se také ukazují jako důležitá funkce usnadnění přístupu. Pracoval jsem na GNOME Human Interface Guidelines mnoho let, a pokaždé, když je aktualizujeme, jsou vyvolána výzva k 'snížení nepořádku' odstraněním 'redundantních tlačítek Zavřít' v dialogu, pro ty dialogy, které lze jednoznačně zavřít pomocí ovládacího prvku rámu okna a jeho přidružené klávesové zkratky (Alt-F4, stejně jako MS Windows).

Pokaždé, když to navrhneme komunitě pro přístupnost GNOME, znovu uvedou své preference pro zachování hmatatelných tlačítek uvnitř samotného okna.

2
calum_b

Asi bych šel s oběma ovládacími prvky:

(X) - pravý horní roh

Odůvodnění: velmi běžné pro web a myslím, že na to jsou zvyklí i uživatelé Mac. [X] je symbol, který uživatelé dobře rozpoznají a mít (Zavřít) se zdá být nadbytečné.

[OK/Zavřít] - v obsahu

Racionální: pokud uživatel přeskočil text, mohou oči velmi dobře přistát pod textem a kurzor se může blížit k tlačítku Zavřít, takže může být rychlejší zasáhnout tlačítko, zejména, protože je také větší. Můžete také zaměřit na tlačítko Zavřít, takže uživatel může stisknutím klávesy Enter zavřít dialogové okno.

0
Anna Rouben