Lišta s tlačítky: kritéria a pozice
Já a můj tým (znovu) přemýšlíme o některých detailech uživatelského rozhraní naší hlavní aplikace.
Je to „tradiční“ desktopová aplikace pro platformu Windows. Je to aplikace zaměřená na podnikání a naši zákazníci jsou účetní, profesionálové, právníci a (celkově) jejich zaměstnanci.
V současné době máme ve spodní části každého okna panel s tlačítky. Hlavním problémem je to, že někdy existuje příliš mnoho tlačítek a neexistuje žádný způsob, jak zdůraznit nejdůležitější akce od těch méně.
Rozhodli jsme se tedy rozdělit lištu tlačítek na dvě části, přičemž „akční tlačítka“ (tlačítka o akcích, kteří „dělají něco s položkami“), kromě „navigačních tlačítek“ (tlačítka, která vyvolávají akce, které končí zavřením okna), kde :
- Akční tlačítka jsou umístěna v levé dolní části oken: Nová položka, Podrobnosti, Tisk, Odstranit
Navigační tlačítka jsou umístěna v pravém dolním rohu oken: Zavřít, Zpět
Je to dobrý nápad?
- Konečným uživatelům by byla jasná kritéria?
Připravil jsem 2 různé obrázky:
Aktualizováno - načteno na můj účet Dropbox:
Před:
Po:
Děkuju
V prostředí Windows bych viděl více navigačního pruhu nahoře (pokud to nebude velmi často používáno .. v tom případě může být problém někde jinde). Umístím lištu akčních tlačítek jako panel nástrojů vlevo nebo vpravo. Trochu preferuji právo, protože je to přirozenější pro praváky. A to je to, co máme v nejpopulárnějších aplikacích, jako je Office.
Pro zvýraznění některých akcí si myslím, že použití barevných schémat pro rozlišení je docela efektivní.
Je (oddělující akci od navigačních tlačítek) dobrý nápad?
Ano.
Bylo by konečným uživatelům jasná kritéria?
Pokud budou dobře provedeny, nevšimnou si, ale budou jednat, jako by.
Vaše vylepšení však porušuje jedno pravidlo:
Navigační tlačítka jdou dříve co ovlivňují.
Potvrzovací tlačítka pokračují co potvrzujete.
V tomto konkrétním případě bych však řekl, že to není problém s porušením vzhledem k narážkám na rozložení (např. Oddělovací čára), které navrhujete.
Stále by bylo v pořádku, pokud byste je měli v jednom řádku, potvrzení vlevo, „Vybrat společnost“ vpravo.
Pokud se nejedná o vyskakovací/podformulář, můžete zvážit odstranění explicitního „Zavřít“, protože to obvykle bývá v rámečku okna.
Pro mě je přirozenější umístit vaše akční tlačítka na vrchol. Zdá se mi to mnohem intuitivnější.
Při prvním naskenování stránky je pak přímo jasné, co může uživatel udělat.
Ve vašem seznamu je mnoho různých akcí:
- vybrat společnost: zavře okno, předpokládám navigaci do společnosti; to tedy není pohled společnosti? protože pokud by to bylo, dal bych přednost dialogu, který by mi umožnil vybrat jinou společnost, a na závěr aktualizujte obrazovku s vybranou společností.
- close: proč nepoužít výchozí okno close? nebo nechte toto tlačítko dole
- nový: měl by být nahoře, protože nechci posouvat stránku, ale okamžitě vytvořit nový (společnost?).
- print: idem dito, donut mě okamžitě tisknout
- podrobnosti a smazání jsou trochu matoucí, protože se vztahují na výběr
Takže bych navrhl něco takového:
(obrázek byl vytvořen pomocí zkušební verze WireframeSketcher, tedy hrozného vodoznaku)
Malé vysvětlení:
- myslím
select companyanewjsou akce, které vás odvezou ze stránky, aniž by bylo nutné naskenovat zbytek stránky. - hromadná akce by byla
detailsnebodeletepro ty řádky, které jsou zaškrtnuty printje blízko mřížky/tabulky, protože cokoli, co je vidět, bude vytištěno (mohlo by to být také umístěno dole, vedleclosecloseje dole, v horní části obrazovky může uživatel použít výchozí[x]; Pokud náhodou prohledá celou stránku a ocitne se dole, může tam okno zavřít.
Trochu kompaktnější verze:
Doufám, že je to poněkud užitečné.
Myslím, že logické rozdělení tlačítek do dvou skupin je skvělé. Nechápu, proč jste umístili dvě tlačítka, která jsou napravo, nižší než ostatní? Můžete se rozdělit do dvou skupin a stále je mít na stejné úrovni. Také si myslím, že by bylo lepší mít všechna tlačítka výše tabulku namísto níže.
No já nevím. Náhodou mám všechny tlačítka vpravo dole. Jsem zvyklý je tam najít s kouzelníky a podobně. Pokud jde o zdůraznění některých a ne jiných tlačítek, navrhl bych přemýšlet o tom, nabídnout nejdůležitější tlačítka jako tlačítka a další akce jako odkazy. Je to něco, co dnes mnoho webů dělá (Uložit jako tlačítko, Zrušit jako odkaz napravo) a je dokonale použitelné v desktopových aplikacích, stejně jako koncept klikatelných odkazů se docela dobře přenáší z webu na desktopové aplikace.
Když jsem se podíval na obrázky, domnívám se, že by váš nápad mohl fungovat docela dobře a koncovým uživatelům by bylo jasné, že jste velmi přísní v „kategorizaci“ svých akcí, a tedy při výběru, na které liště by se měli objevit. Místo akce versus navigace snadněji použitelným a takto rozpoznávaným rozlišením může být „akce položky“ versus „formuláře nebo obecné akce“, kde akce položky vždy souvisejí s informacemi v mřížce (seznam, ...) a obecné akce vždy vztahují se na celý seznam nebo formulář (pokud neexistuje seznam).
Vaše tlačítka pro Nový, Podrobnosti, Tisk a Smazat patří nad tabulku, jako panel nástrojů. To je docela standardní v desktopovém prostředí a také ve webových aplikacích. Neexistuje žádný precedens pro jejich umístění do levého dolního rohu - nedělal bych to vůbec.
Tlačítka ve spodní části obrazovky jsou navigační tlačítka: Obvykle Ok, Storno nebo Ok, Použít, Storno. Máte "Select Company" a "Close". Nepoužil bych „Select Company“, protože to zní jako poučení k počítači. Místo toho bych řekl něco jako „Použít vybranou společnost“. Pomohlo vám to?