it-swarm-eu.dev

Standardní ovládací tlačítko nebo popisek odkazu

Nedávno jsem začal svou aplikaci přepínat na používání popisků odkazů s odpovídajícím obrázkem ze standardního příkazového tlačítka. Mým hlavním důvodem pro to bylo maximalizovat textové informace, které mohu sdělit v mém ui, aniž by se uchylovaly k ošklivým „nataženým“ tlačítkům.

Např. Přidání textu „Upravit vybranou položku“ vypadá ošklivě na příkazovém tlačítku, které musí natáhnout svou šířku téměř dvojnásobně ze standardní velikosti ale z hlediska použitelnosti, řekne uživateli přesně, co se stane, když klikne to. Nevím, jestli je to jen mě, ale prostě to vypadá nějak špatně, když má tlačítko dvojité šířky zaparkované vedle tlačítka standardní velikosti „OK“

Nicméně, obrácení tohoto mě také pohasne, jmenovitě malý malý 2 znakový odkazový štítek pro tlačítko „OK“, které, i když je umístěno s příslušnou ikonou, prostě vypadá špatně.

Takže nyní přemýšlím možná o kombinaci obou příkazových tlačítek pro „akce“, jako jsou OK, Uložit, Zrušit atd., A popisky odkazů pro „typy navigace“, „Upravit vybranou položku“ například otevře nový dialog, takže je v souladu pomocí webové navigační metafory, navigace z jednoho dialogu do druhého. Ale to pak narušuje konzistenci v celé aplikaci a míchá oba ovládací prvky.

Jaké jsou myšlenky lidí z hlediska použitelnosti i designu?

2
user3285

Pokud jste ve své aplikaci konzistentní, myslím, že by to mělo být v pořádku.

Pokud jako příklad vezmete Stack Exchange (jako jsme zde), úspěšně smíchá tato dvě tlačítka s akcemi, jako je „Post Your Answer“, a popisky odkazů pro téměř všechno ostatní (i když horní navigační odkazy vypadají jako tlačítka na originálu weby).

2
ChrisF

Myslím, že vaše základní myšlenka smíchat obě ovládací prvky je správný přístup. Není to nekonzistentní, protože máte dva různé ovládací prvky, které dělají dvě různé věci - odkazy pro navigaci a tlačítka pro „akce“ (to, čemu bych říkal „příkaz“). To je v souladu s očekáváním uživatelů ohledně těchto ovládacích prvků a jak jsem již uvedl v odpovědi na tlačítka HTML vs hypertextové odkazy , domnívám se, že je důležité rozlišovat, kdy se uživatelé chystají ovládat a navigovat.

V příkladu „Upravit vybranou položku“ je však třeba zvážit několik věcí, za předpokladu, že se jedná o skutečný případ aplikace, kterou navrhujete.

Je to příkaz nebo navigace?

Ovládací prvek „Upravit vybranou položku“ je ve skutečnosti v šedé oblasti mezi navigací a příkazem. Ano, naviguje v tom smyslu, že přináší uživatele dialog, ale jedná se pouze o dialog, který slouží výhradně k provedení příkazu, konkrétně k úpravám. Skutečnost, že jej označujete slovesem, znamená, že jde především o příkaz, nikoli o navigaci.

Podívejte se na to tímto způsobem: předpokládejme, že uživatelé chtějí upravit položku. Vědí, že se jedná o příkaz, ale nemusí nutně vědět, že k dokončení příkazu musí navigovat. Budou tedy prohledávat vaši stránku na něco, co vypadá jako tlačítko a nemusí si ani nevšimnout nic, co vypadá jako odkaz. Na druhé straně je také užitečné upozornit uživatele, že musí poskytnout další vstup pro dokončení příkazu - že k úpravě nedojde okamžitě po kliknutí na ovládací prvek

Naštěstí existuje dobře zavedená konvence k řešení tohoto problému, a to je použít příkazové tlačítko, ale přidat konec Ellipsis („…“) na konec štítku.

Šedé oblasti diskutuji více na Odkazy a další nesprávné kontroly .

(Další možnost je „Upravit vybranou položku“ není pouze pro úpravy. Spíše je to opravdu podrobnější. Zobrazuje položku podrobněji, umožňuje uživateli měnit jednotlivá pole nebo atributy, ale také umožňuje uživateli provádět další věci, například smazat celou položku, nebo ji předat příteli, nebo dokonce jednoduše zobrazit pole, která se na nadřazené stránce nezobrazují. V takovém případě může být lepším štítkem „Podrobnosti“ nebo „Vlastnosti“. , a je to odkaz, který provádí spíše obecnou navigaci než jediný příkaz.)

Opravdu potřebuje dlouhý štítek?

Myslím, že byste opravdu měli mít možnost označit ovládací prvek jednoduše „Upravit…“ Text „Vybraná položka“ neposkytuje uživateli žádné informace. Zejména „položka“ je nespecifická, ale možná je to nejlepší, co můžete udělat (např. Položky v nákupním košíku). Obvykle se však předpokládá, že příkaz jako Upravit upraví výběr. Uživatelé nevidí GUI aplikace se štítky jako „Vyjmout vybranou položku“ nebo „Kopírovat vybranou položku“ nebo „Smazat vybranou položku“. To, na co tyto příkazy působí, je indikováno jejich polohou a funkcí (např. V nabídce Úpravy). Možná můžete udělat totéž, což odstraní problém ošklivých dlouhých tlačítek. Dlouhé titulky nejen vytvářejí ošklivé knoflíky, ale také přidávají nepořádek, který může zatemnit nebo degradovat důležitější ovládací prvky. Já bych nepoužil štítek jako „Upravit vybranou položku“, pokud bych neměl výsledky testů použitelnosti, které by ukazovaly, že uživatelé jsou zmatení, a přesto bych nejprve vyzkoušel alternativy, jako ...

Můžete použít přímou dokumentaci?

Někdy není úniku, který by vyžadoval vyjasnění textu tlačítka. Někdy se však můžete vyhnout dlouhému štítku umístěním části textu venku do tlačítka jako in-line dokumentace, jak je ukázáno u tlačítka Přidat níže:

img

Ve vašem případě byste mohli mít jako tlačítko tlačítka „Upravit…“ a „vybranou položku“ jako statický text napravo nebo pod tlačítkem. Nebo pokud máte na vybranou položku více příkazů (a pokud nevidíte, proč podporujete výběr), můžete všechna tato tlačítka seskupit spolu s krátkými štítky („Upravit…“, „Smazat“ “,„ Přeposlat… “„ Aktivovat “) a umístit je do rámečku označeného„ Vybrané položky “nahoře.

Potřebujete přesto upravit příkaz?

V ideálním případě by vaše aplikace měla podporovat úpravy na místě. Nenuťte uživatele, aby vybral a navigoval pro editaci položky. Spíše poskytují ovládací prvky pro úpravu položky přesně tam, kde je zobrazena pro výběr. Například namísto zobrazení položky jako statického textu zobrazte všechna pole v textových polích, rozevírací seznamy a další ovládací prvky a umožněte uživateli přímo provádět změny. Zjednodušuje to vaši aplikaci a umožňuje rychlejší a snadnější úpravy a eliminuje se problém s tím, jak zobrazit „Upravit vybranou položku“.

1
Michael Zuschlag

Použitelnost: Musíte být opatrní s vaším „štítkem odkazu“, který nikdy nezmění barvu a nemá dobrou polohu, aby mohl být viditelný pro všechny uživatele.

Design: Souhlasím s metaforou webové navigace, osobně se mi líbí aplikace založené na stránce, a v designu si myslím, že existují technologie, které mění klasický vzhled tlačítka, můžete změnit vzhled tlačítka a nepoužívat označení odkazu, Nemyslím si, že použití štítků odkazů je nejlepší volbou, změnil bych vzhled tlačítek pomocí značkovacího jazyka XAML ve WPF. Pokud tuto technologii nemohu použít, určitě používám štítky.

0
Diego Pacheco

Další věc, která může mít na to vliv, je kontext aplikace. Jde o aplikaci MDI = požadavek, aby uživatel měl možnost mít 'detailní' pohledy na jeden nebo více záznamů otevřených najednou ve svém vlastním okně, což umožňuje vzájemné porovnání dat.

Za tímto účelem se kontext typu navigace pro odkazový štítek mírně rozpadá, protože uživatel ve skutečnosti „naviguje“ z jedné stránky na jednu stránku. Koncept navigace předpokládá použití tlačítka zpět a vpřed nebo lišty, ale to by nebylo vhodné pro aplikaci MDI), protože uživatel může volně přecházet kolem aplikace dávající každé okno soustředit se.

Změní to věci?

0
user3285