V tématu „Agresivní“ trnitá „tlačítka proti zaobleným“ proběhla malá diskuse o umístění standardních tlačítek v dialogových oknech („Ano“, „Ne“, „OK“, „Zrušit“). V tomto článku prozkoumám hlavní chyby, které designéři rozhraní dělají s dialogovými okny.

Dialogová okna

Jak často se ocitnete v situaci, kdy ze zvyku stisknete tlačítko a očekáváte, že získáte jeden výsledek, ale místo toho získáte pravý opak? Nebo, řekněme, „se vznášel“ nad příliš zdrženlivým dialogem potvrzení výstupu? Nebo jste se možná setkali s otázkami ze série „Neukládat?“ a tlačítka „Ano“, „Ne“, „Zrušit“? Důvodem je nedostatečné porozumění vývojářům „nepsaného návrhového kódu“ - jednoduchých pravidel, s nimiž nikdo nepřišel, ale stalo se to tak. Tento problém je rozšířený ve světě svobodného softwaru a téměř chybí u produktů velkých společností, jejichž programová rozhraní jsou přísně standardizovaná a pečlivě promyšlená. Podívejme se na několik příkladů.

To je dobrý dialog. Je to jednoduché, má vše, co potřebujete, a není nic zbytečného. Pojďme v pořádku:

  • Okamžitě byla položena přímá a krátká otázka: „Uložit změny?“
  • Krátké, okamžitě jasné a snadno srozumitelné odpovědi: „Ano“, „Ne“, „Zrušit“.
  • Možnosti odpovědí jsou uspořádány v jediném správném a pohodlném pořadí.
  • Správná (v 90% případů) odpověď již byla zdůrazněna - můžete bezpečně stlačit mezeru a pokračovat v další práci.
Existují zde ale také nedostatky (jeden z nich je firemní, kurva standardní):
  • Název okna. Je mnohem správnější duplikovat podstatu otázky - „Uložit?“ Ale na druhou stranu je to dobré, protože tato otázka se může objevit v okamžiku, kdy uživatel pracuje s jinou aplikací. I když, jaké strachy Word náhle ukončí bez zásahu uživatele, zvláště když pracuje s jiným programem? Více než proti. Je proto lepší duplikovat otázku v nadpisu nebo jako kompromis označit název programu otázkou („Uložit? - Microsoft Word“).
  • Ikona. V produktech společnosti Microsoft je navržen tak, aby nastavil tón dialogu, vývojáři však často používají nejen ikonu „tón“ jako ikonu, ale také akční piktogram, pokud je přítomen. To se například děje v následujícím příkladu pomocí ikony Uložit. Nebudu se zabývat otázkou „Disketa nebo HDD se šipkou dolů“, protože to je nad rámec tohoto tématu.
Nyní analyzujme další dialog podle stejného principu.

GNU Image Manipulation Program (GIMP)


To je špatný dialog. Je to složité, přesycené informacemi. Pojďme projít seznamem:

  • Otázka je předložena v příliš dlouhé formě az nějakého důvodu přidána „před uzavřením“. Tato otázka je kladena pouze při zavírání dokumentu, tak proč psát „před zavřením“? Proč opět potřebujete vysvětlení „v obraze“? Jsem v grafickém editoru, kapitán mi říká, že pracují s obrázky. Každopádně se mě 3D Max zeptá „Uložit změny v sadě 3D modelů pokrytých texturami% název_souboru%?“
  • Možnosti příliš dlouhé odpovědi, které navíc neodpovídají otázce (ahoj, Bashorgu!). Tlačítka nutí mozek zapnout, aby pochopil, co ode mě chtějí.
  • Možnosti odpovědí jsou pro vývojáře uspořádány ve stejném pořadí. Proč „Ne“, „Zrušit“, „Ano“? Jak by naznačovali „Kamaráde, tvoje řemesla jsou hrozná, nezanášej šroub?“?
  • Chybná odpověď zvýrazněna. Výchozí nabídka by měla provést nějakou akci jedním pohybem uživatele. Představte si dialogové okno instalace softwaru ve Windows, kde místo „Další“ v každém okně přeskočí fokus na „Zrušit“. Hloupé, že?
  • Není jasné, proč byla přidána fráze „Pokud obrázek neuložíte, všechny změny za poslední 3 minuty budou ztraceny“. Radujte se, pánové: Zjistil jsem místo výkonu práce kapitána Zřejmého.
V tomto okně jsou ale pozitivní aspekty:
  • Informační ikona, která okamžitě objasní, že mluvíme o ukládání.
  • Informativní (pochybný) název okna.
Cítíte rozdíl v těchto dialogových oknech? První je vhodný, ale druhý není. Pokud analyzujete úspěšné produkty, některá pravidla lze zvýraznit. V této souvislosti je nejdůležitějším pravidlem pořadí tlačítek. Pohodlná volba je „pozitivní, negativní, neutrální“ a nic jiného. Uživatelé jsou v takových situacích zvyklí vidět první tlačítko - potvrzení a poslední - zrušení dané otázky. O modálech, jako je nastavení, se budeme bavit níže.

Jaké závěry z toho lze vyvodit:

  • Musíte uživatele položit co nejkratší otázku, abyste ho nepřinutili přemýšlet o otázce půl hodiny.
  • Nepoužívejte negativní otázky („Neukládat?“ A „Ano“, „Ne“, „Zrušit“).
  • Používejte pouze běžné pořadí tlačítek (kladné, záporné, neutrální)
  • Možnosti odpovědí by měly být jednoduché a stručné. Jedná se o program, který by měl fungovat rychle, nikoli o seminář lingvistů, kde si můžete hodiny povídat o čemkoli.
  • Nepište zbytečné informace. Samozřejmě je skvělé, že si uvědomíte, kolik času uplynulo od posledního uložení, ale uživatel je na tom fialový a v dialogu to bude jen odvádět pozornost a možná se bude otupovat nebo dokonce hněvat.
  • Název okna by měl být také informativní.
  • Nezapomeňte na ikonu. Měl by co nejvíce odrážet podstatu problému a měl by být snadno rozpoznatelný.

Modály a tlačítko Použít

Stejný problém nastává v oknech nastavení. Zde je správné okno (oh-pa, opět MS):



Dvě tlačítka: „OK“ a „Zrušit“. A vpravo „Storno“. Tak to bylo a bude. A to je správné, protože všichni jsou zvyklí. Pokud tam uživatel něco změní a najednou si to rozmyslí, aby změny uložil, nebude se dívat na klávesu vpravo dole, protože tam je zvyklý vidět to zrušení (a je to tam v produktech MS). Linux je úplně jiná věc. Neexistují žádná přísná pravidla a normy, tady si každý dělá, jak chce.



Zajímavé, že? Přestože předchozí okno má normální rozložení tlačítek. Co vedlo vývojáře - jeden ježek to ví. Ponechme tyto omyly na svědomí autorů a pro sebe to uzavřeme: tlačítko zcela vpravo je zrušit (pokud se nejedná o speciální případ).

Microsoft Windows

Další zajímavou možností je tlačítko Použít. Ach, jaké vzpomínky na ni mám ... Před kliknutím na „OK“ při plné automatizaci je stisknuto „Použít“. Není jasné proč, ale přesto :-)
Pozůstatek minulosti, kterého se Microsoft z nějakého důvodu nechce vzdát. Je určen pro uložení a použití změn bez zavření dialogového okna. Změnilo se nastavení - klikněte na „Použít“. To bylo provedeno kvůli skutečnosti, že ve dnech Windows 95 byly počítače slabé a aplikace nastavení "za běhu" způsobovala nekyselý podzadumy PC. Nyní, ve dnech zasraných jaderných strojů a „kancelářských“ koní se čtyřmi koncerty mozků na palubě, je takový systém jednoduše nadbytečný.

Ubuntu Linux


Gnome například používá systém pro provádění nastavení za běhu; bodl myší do obrázku a okamžitě se stal tapetou plochy. Není třeba klikat na „Použít“ / „Uložit“. Existuje pouze jedno tlačítko - „Zavřít“. A v nekritických dialozích není potřeba nic jiného.

Z toho vyplývá závěr: Tlačítko „Použít“ se používá jen málo, takže je jeho použití žádané.

To je v zásadě vše o tomto tématu. Vytvářejte, pánové, dobré, uživatelsky přívětivé rozhraní. Ať se vaši uživatelé radují!

Většina uživatelů PC plně nevyužívá svoji počítačovou myš. V tomto článku uvidíte tipy pro používání myši a naučíte se tajemství a praktické funkce při práci s myší, které vám při práci s počítačem usnadní mnoho úkolů.

Kolečko myši.

Každý je obeznámen s kolečkem myši, pomocí něhož je velmi výhodné otáčet stránky, uvolňovat a zvyšovat text atd. Kolečko myši má ale další užitečné funkce, z nichž některé jsou uvedeny níže:

  • Kolečko myši není jen kolečko, ale také třetí tlačítko. Kliknutím na libovolný odkaz pomocí kolečka myši se stránka otevře na nové kartě, je velmi výhodné, pokud nechcete tuto stránku opustit a samostatně sledovat, co je na odkazu. Můžete také zavřít kartu v prohlížeči pomocí kolečka myši, stačí kliknout na kartu s kolečkem a ne na kříž levým tlačítkem.
  • Také v prohlížeči můžete při prohlížení velkých stránek, například při přechodu dolů, stisknutím prostředního tlačítka (kolečka) na této stránce rychle přesouvat nahoru, dolů, doleva a doprava, zvyšovat nebo snižovat rychlost, stačí jen posunout kurzor dále.
  • Dokument na webových stránkách, písmu atd. Můžete také zvětšit a zmenšit pomocí kolečka myši, stačí podržet klávesu Ctrl a rolovat kolečkem nahoru nebo dolů, zvětšit nebo zmenšit velikost.
  • Při procházení Internetu se můžete pohybovat tam a zpět. Podržením klávesy Shift a posouváním kolečka myši se můžete pohybovat vpřed nebo vzad po stránkách v prohlížeči.
  • Některé myši umožňují pohybovat kolečkem doleva nebo doprava, což také umožňuje procházet stránky v prohlížeči.

Rychlý výběr.

Pokud na libovolné slovo dvakrát kliknete, bude vybráno a pokud klepnete třikrát, bude vybrán celý odstavec, což také umožňuje vybrat požadovaný text mnohem rychleji.

Klávesa Shift a počítačová myš.

Je velmi výhodné použít tuto funkci, pokud potřebujete vybrat velký text a počkat na rolování, dokud se toto vše nezvýrazní, protože při výběru textu se myš velmi dlouho snižuje, pak stačí kliknout kurzorem na místo, ze kterého chcete text vybrat, poté podržte klávesu Shift a klikněte na konec textu, vše vynikne najednou a není třeba čekat.

Klávesa Alt a počítačová myš.

Bonusový tip: Podržení klávesy Alt při tažení a výběru textu v textovém editoru vám umožní selektivní výběr textu. To může být užitečné, pokud je text ve sloupci.

Klávesa Ctrl a počítačová myš.

  • Pokud například nemáte myš, máte notebook / netbook, kde používáte pouze touchpad, můžete podržet klávesu Ctrl a kliknout levým tlačítkem na odkaz a poté se otevře v novém okně.
  • Zatímco držíte stisknutou klávesu Ctrl, můžete vybrat určité objekty, například musíte vybrat některé rozptýlené filmy z obrovského seznamu; pro usnadnění úkolu stačí podržet Ctrl a kliknout levým tlačítkem na požadované objekty.

Boční tlačítka na myši.

Některé počítačové myši mají boční tlačítka, která lze naprogramovat na konkrétní funkci, lze je měnit a vy se rozhodnete, co umístíte. Hlavní věcí je ještě pohodlnější pracovat s počítačem pomocí těchto tlačítek.

Tato funkce je užitečná, pokud používáte mnoho dialogových oken, tj. jejich časté používání, například musíte souhlasit nebo odmítnout některé změny (Ok / Zrušit), povolením této funkce se pak kurzor automaticky přesune na tlačítko „Ok“, „Přijmout“ atd. po ukončení dialogového okna stačí kliknout, již nemusíte pohybovat myší.

Jak povolím tuto funkci? Všechno je celkem jednoduché: „Start -\u003e Ovládací panely -\u003e Hardware a zvuk -\u003e Myš“. Otevře se okno, ve kterém musíte přejít na kartu „Možnosti ukazatele“ a zaškrtnout políčko vedle „Na výchozím tlačítku“.

Správa oken pomocí myši.

  • Poklepáním nahoře na pole otevřeného okna se automaticky zmenší nebo zvětší.
  • Také poklepáním na levý horní okraj obrazovky se okno zavře, jediným kliknutím se zobrazí speciální nabídka ovládání okna.

Vlastní kurzor.

Určitě mnoho lidí ví, že kurzor lze změnit na svůj vlastní, to vše se děje na stejném ovládacím panelu, když již bylo na tomto webu uvedeno, že článek není příliš skvělý, ale myslím, že hlavní věcí bude jasný samotný průběh změny standardní "šipky" na více barevné, můžete si stáhnout kurzory na internetu.

Myslím, že tato tajemství počítačové myši vám pomohou usnadnit práci s počítačem, protože se nyní zvýší počet funkcí, které lze pomocí myši provádět.

Dialogová okna, která již byla v článku zmíněna, vidí uživatelka v procesu práce s aplikacemi (programy) i sama. Objeví se, když systém nebo program kontaktuje uživatele s požadavkem na všechny potřebné informace, aby mohl pokračovat v práci nebo aby potvrdil některé akce.

Dialogová okna jsou vždy v popředí a ostatní jsou zavřená (spuštěná). Velikost se zpravidla nemění a můžete je zavřít pouze: po potvrzení výběru (OK, Použít, Storno) nebo kliknutím na zavírací tlačítko.

Dialogová okna systému Windows mohou být modální nebo nemodální.

Modální okna zastaví aplikaci a než budete pokračovat v práci, musíte provést všechny příkazy v tomto okně a zavřít jej.

Modální dialogová okna mohou mít tvar:

Pro pokračování v práci s programem je nutné zadat (vybrat) data nebo parametry.
Upozorní uživatele, že byla provedena akce nebo byla dokončena operace.
Umožňuje uživateli vybrat akci, která povede k pokračování v práci s programem nebo k jeho ukončení.

Nemodální okna nezastaví aplikaci (program). Bez zavírání oken můžete přejít do okna dokumentu nebo programu a pracovat s nimi, a také se vrátit kliknutím myši do dialogového okna. Příkladem je okno nápovědy.

Dialogová okna mohou mít velmi odlišné účely a mohou mít různá pole a tlačítka pro odpověď na požadavek. Složitá dialogová okna jsou vícestránková a skládají se z několika záložek (záložek).

Dialogové okno Windows se obvykle skládá z záhlaví a prvků okna.

Dialogová okna poskytují sadu různých polí a tlačítek pro odpověď na požadavek.

Základní prvky dialogového okna

Jeho obsah závisí na účelu okna, ale obecně se sada prvků opakuje ve všech aplikacích operačního systému Windows. To:

    karty (složité okno);

    příkazová tlačítka;

    vlajky (vypínače);

    přepínače (přepínače);

    vstupní pole (textová pole);

    seznamy a rozevírací seznamy;

    posuvník (posuvné ovládací tlačítko).

Zvažte hlavní typy prvků:

zavření okna s uložením všech parametrů a provedených změn
zavření okna bez uložení parametrů a provedených změn
uložení všech parametrů a změn bez zavření okna
uživatel může zadávat text do obdélníkové oblasti z klávesnice kliknutím do pole myší
v tomto poli lze hodnoty zadávat buď z klávesnice, nebo kliknutím na tlačítka vpravo, šipka nahoru zvyšuje hodnoty parametrů, šipka dolů snižuje
obsahuje seznam objektů, které jsou k dispozici pro výběr, pokud je seznam větší než velikost pole, budou viditelné posuvníky pro zobrazení celého seznamu, můžete vybrat objekt kliknutím na požadovanou myš
zobrazuje hodnotu aktuálního parametru, všechny možné hodnoty můžete zobrazit kliknutím na tlačítko - trojúhelník vpravo
kruh s barevnou tečkou uvnitř nebo bez tečky (přepínač) - výběr pouze jednoho ze vzájemně se vylučujících, nahrazení ostatních parametrů (jako v ruštině unie „nebo“) Kliknutím levého tlačítka myši označíte volbu uživatele, ostatní tlačítka jsou nezaškrtnutá
"Zaškrtnutí" uvnitř čtvercového pole (zaškrtávací políčko), s jeho pomocí můžete povolit / zakázat parametry, jejichž popis je umístěn vedle sebe, můžete vybrat několik parametrů současně (odpovídá spojení "a")
kliknutím na tlačítko se aktivuje režim kontextové nápovědy dialogového okna, pro toto kliknutí na vybraný prvek se okamžitě zobrazí obdélníková oblast s vysvětlujícím textem
zavírání okna
pohyb doleva / doprava podél pravítka vám umožňuje plynule upravit hodnotu parametru v určitém rozsahu (zvýšení / snížení), například hlasitost, citlivost myši, rychlost automatického opakování klávesnice atd.
v řadě dialogových oken jsou podobné parametry seskupeny do záložek: dva nebo více; záložky jsou umístěny bezprostředně pod záhlaví okna; můžete pracovat pouze s jednou kartou, aktivní je v popředí a zcela zabírá okno; kartu můžete změnit kliknutím na její název
náhled, ukazuje, jak se vlastní objekt postará o provedené změny a vybrané parametry

Klávesové zkratky pro dialogová okna.

Alt + F4 - zavře aktuální prvek nebo ukončí aktivní program

Ctrl + Tab - přepínání záložek na pravou stranu (vpřed)

Ctrl + Shift + Tab - přepnout karty vlevo (vzadu)

Tab - sekvenční pohyb pomocí tlačítek, polí, seznamů, nabídek, panelů atd. (vpravo dolů)

Shift + Tab - postupný pohyb mezi položkami, tlačítky, poli, seznamy, nabídkami, panely atd. v opačném pořadí (nahoru vlevo)

Prostor - umožňuje zvýraznit (stisknout) vybrané tlačítko, zaškrtnout políčko

Alt + podtržené písmeno - stisknutím a podržením klávesy Alt se podívejte na název záložky okna, seznamu, pole atd., jedno z písmen je podtrženo, stiskněte jej na klávesnici a přejdete na vybranou položku

Šipky - navigace v položkách, možnosti

Tím se uzavírá příběh o dialogových oknech a jejich hlavních prvcích. Sdílejte v komentářích své způsoby práce, pozitivní zkušenosti nebo problémy a potíže.