it-swarm-eu.dev

Barvení tlačítka

Mám aplikaci, která uživateli poskytuje některé informace o schůzce a umožňuje jim provádět jakoukoli z různých akcí, na kterých se uživatel rozhodne na základě předložených informací.

Jedná se například o tyto akce:

  • Zrušit schůzku
  • Připomeňte návštěvníkovi, aby přinesl věci
  • Změnit umístění na jiné místo
  • Upravte informace o návštěvnících
  • Připomeňte návštěvníkovi, aby přinesl informace
  • Kontaktujte referrera
  • Naplánujte připojení s jiným poskytovatelem
  • Falešný poplach
  • OK, jak je uvedeno

Akce (specifikovaná tlačítkem) odešle e-mail (s kotlem a parametry dodanými pro každý z nich). V současné době povolujeme co nejvíce z nich, ale pouze jeden z nich, takže po použití deaktivujeme (toto není hlavní bod této otázky, ale určitě by bylo možné klást otázky a komentovat).

Problém použitelnosti, který vidím, je, jak rozlišit mezi tolika možnými akcemi. Vidím (ne nutně vzájemně se vylučující) možnosti, které vidím, jsou:

  • vybarvení každého tlačítka jinak
  • zbarvení většiny tlačítek jednosměrně, ale „OK“ „Falešný poplach“ a „Zrušit“ jinak
  • zbarvení každého tlačítka stejné
  • objednání položek (nejdůležitější na začátku a na konci)
  • abecední

Který z nich je nejlepší? Co je lepší než tyto (pokud něco)?

2
Mitch

Nejlepší způsob, jak představit velké množství akcí, je seskupit je a odlišit je. Nepoužívejte je pouze za sebou.

Můžete například:

  • vložte hlavní akce (OK, zrušit/falešný poplach) do pravého dolního rohu
  • umístit sekundární akce (připomenout návštěvníkovi, změnu plánu, upravit informace, falešný poplach atd.) do jiného seskupení podél dolního doleva
  • kontextovat další akce, např.
    • pokud je v seznamu uveden odkazující osoba, umístěte tlačítko pro jejich kontaktování vedle jména (nebo z odkazu)
    • místo tlačítka „upravit“ povolte inline/live editaci informací
    • vložte „falešný poplach“/„zrušit“ do pravého horního rohu jako „X“
    • jednoduše udělejte změna plánu pro jiné místo akt kliknutím na místo a jeho změnou

V rozbalovací nabídce nebo rozevíracím seznamu můžete také dělat to, co mnoho webmail klientů dělá, a skrýt méně často používané akce.

Nakonec barva není příliš důležitá (a neměla by být z důvodu uvedeného ChrisFem). Ve svém uživatelském rozhraní nechcete mít duhu barev. Barvu používejte střídavě jako rozlišovací značku (tj. Druhou možnost, nebo použijte barvu k seskupení hlavních akcí).

6
Lèse majesté

Existuje mnoho akcí a některé akce velmi souvisí s informacemi poskytnutými při jmenování. Například: změna harmonogramu souvisí s aktuálním datem/časem schůzky, zdá se, že „informace o úpravě návštěvníka“ souvisí s tím, co jsou informace v současné době atd. Tlačítka pro tyto akce umístím blízko místa, kde jsou informace.

Trochu sepsejte:

 Date: Jan 1st 2011 [reschedule]
 Customer: John and Jane Doe [adjust information]
 ------- 
 Items to be brought:
 * item 1
 * item 2
 * [remind customer to bring items]
 ------ 
 [OK as specified] [X Cancel appointment]

... atd

Souhrn: Akce, které se vztahují ke konkrétním částem schůzky, se blíží místu, kde jsou informace o této části. Hlavní akce, které mají celé jmenování, přejdou na konec, nebo pokud je seznam velmi dlouhý, nejpoužívanější by také mohl být nahoře, těsně pod nebo vedle identifikačních informací. (Červený X pro zrušení nemusí být nejviditelnější volbou, červené kříže jsou také vnímány jako „dostat mě odsud“ - zrušení editace události je něco úplně jiného než zrušení samotné události. Ujistěte se, že uživatelé nemohou zaměnit dva.

Při poskytování informací bych se příliš nespoléhal na barvu (a rozhodně ne jako jediný způsob jejich poskytování), ale je to užitečný tip. Udržujte tlumené tóny (limetkově zelené a jasně červené davy rozhraní tak snadno) a omezenou sadu barev.

Rovněž se zdá být vynikajícím případem pro některé zkoušky chodeb na několika variantách.

3
Inca