it-swarm-eu.dev

Měla by být „Ano, smazat“ červená nebo zelená?

Navrhuji rozhraní pro CMS (Content Management System), narazil jsem na paradox a jsem trochu zmatený ohledně co dělat a proč to dělat ..

Kontext

Před odstraněním alba je uživatel vyzván k potvrzení akce.

Zelená „Ano“

First option

Červená „Ano“

Second option

Která možnost je pro uživatele intuitivnější?

787
Diéssica

Zdá se, že oba způsoby představují falešně pozitivní paradigma. To může být jednodušší a nemusí nutit uživatele, aby trávil čas smysluplným spojováním barev se štítkem.

Jednoduše zvýrazněte tlačítko „Odstranit“. Tlačítko „Zrušit“ bude méně výrazné. Pokud jde o označování v rámci tlačítek, není třeba dávat mnoho kontextu do toho, co jsou v podstatě jednoduché akce (ne/ano? Nebo zrušit/odstranit), protože to vyžaduje další zpracování ze strany uživatelů.

enter image description here

Uživatelé obvykle přidruží akci jako „Odebrat“ nebo „Smazat“ k červené. A jako vždy poskytují způsob, jak akci zrušit.

1358
jnmnrd

Nejsem si tak jistý, že byste měli myslet pouze na červenou a zelenou. Červená byla obvykle spojená s nebezpečím , potenciálně sahá až do středověku (je třeba citovat). Rychlé vyhledávání obrázků Google pro „odstranit“ poskytne téměř zcela červené obrázky.

Pro mě (a pro bootstrap ) zelená označuje úspěch, červená označuje nebezpečí.

Bootstrap buttons

Vzhledem k tomu, že odstranění je nebezpečná akce, doporučuji ponechat tlačítko mazání červené. Jste omezeni na používání zelené/červené? Pokud ano, doporučil bych použít druhý obrázek. Americká brzdová světla mi naznačují, že zelená znamená „pokračovat“. Pomocí tohoto zdůvodnění byste mohli říct zelené „Ne, nechat to tlačítko“ znamená „Ne, nechat to a pokračovat“ a červené „Ano, smazat“ znamená „Ano, smazat, i když je to nebezpečné.“ Každopádně bych uvažoval o tom, že by tlačítko „Ne, nechat ho“ bylo modré, protože se jedná o docela standardní akční barvu (například je to výchozí barva nepoškozených odkazů).

Upravit : Myslím, že @ JNMNRD má na to nejlepší odpověď. Zde je obrázek @ JNMNRD beze slov. Dokážete říct, které tlačítko znamená smazat?

Delete

321
circuitry

Pokud se na to podíváte z trochu jiného úhlu, můžete zvážit úplné odstranění potvrzení a místo toho přepnout na proces „Do/Undo“.

Tato metoda se často používá ve službách Google:

enter image description here

Má výhody, že je kulturně neutrální a pro uživatele efektivnější (mazání jedním kliknutím namísto dvou).

Nevýhodou je, že se jedná o přechodný odkaz a je přepsán, když je podniknuta jiná akce - například při hlášení jiného e-mailu jako spamu. Jakmile se odhlásíte, ztratíte zaměření nebo obnovíte, bude také zahozena.

Chcete-li se těmto nevýhodám vyhnout, měli byste zvážit zahrnutí nějakého druhu funkce koše na web stejně jako SharePoint.

221
Graham Wager

Se vší úctou si myslím, že každá dosavadní odpověď tuto značku poněkud vynechala.

Nejprve na základě části Context ​​vaší otázky ...

Kontext

Před odstraněním alba je uživatel vyzván k potvrzení akce.

... můžeme odvodit, že to není a success nebo chyba modální, ale spíše je to potvrzení modální, což znamená varování nebo ) + upozornění barva jako žlutá , nikoli zelená nebo červená , jako úspěch a chyba barvy naznačují příslušně. A protože to je potvrzovací modál, mělo by se znění pravděpodobně změnit na něco jako:

Potvrďte odstranění tohoto alba:

Chcete-li podpořit použitelnost potvrzovacího modálu, můžete embolden tlačítko Potvrdit , aby vyniklo o něco více. A pro ty, kteří mají barevná slepota nebo problémy se čtením , I obvykle vložte ikona odpovídající tomu, co je potvrzováno. V tomto případě se zdá, že se vejde trash can .

Když přidáte vše dohromady, je zde příklad toho, co získáte:

confirmation modal


Aktualizace na základě komentářů ke znění tlačítek ...

Už nějakou dobu o tom přemýšlím. Komentáře se přiklánějí k použití Delete místo Confirm , ale já myslím, že je něco lepšího. Protože ikona je trash can a mluvíme o jak se zbavit alba , myslím, že by se znění mělo shodovat s , že .

Takže jsem o tom přemýšlel a přišel s Keep a Trash = místo toho. Obě se shodují s otázkou, zda by se mělo album smazat nebo zrušit, nemluvě o barvách, které stále fungují pro uživatele nevidomých barev, ztělesněný Keep jasně ukazuje, jaká je výchozí akce, a společně to činí 100 % jasné, jaká akce je potvrzující.

updated confirmation modal

132
Code Maverick

Uživatelé s větší pravděpodobností přemýšlejí dvakrát, než kliknou na něco, co je červené. Kterou z těchto dvou možností chcete, aby před kliknutím klikli?
Která ze dvou možností potenciálně vyvolá více nevratných událostí?

Zdroj: http://en.wikipedia.org/wiki/Red#Warning_and_danger

43
Rolf

Po přečtení vašich otázek a současných odpovědí jsem provedl trochu výzkumu a zjistil jsem, že existují důkazy, které naznačují, že preference červené barvy u lidí, stejně jako u jiných primátů, závisí na tom, zda je kontext přátelský nebo nepřátelský ( Maier et al., 2009 a následné studie).

Jak je shrnuto v souhrnu (důraz důl):

Byly provedeny tři experimenty s preferencí barev pomocí paradigmatu spontánního výběru u účastníků kojenců.

Experiment 1 ukázal, že účastníci upřednostňují červené v zeleném prostředí v přátelském laboratorním prostředí.

Experiment 2 ukázal, že preference účastníků červené se liší v kontextu, ve kterém je barva zobrazena: Červená je upřednostňována v pohostinném kontextu (po šťastné tváři), ale nikoli v nepřátelském kontextu (po rozzlobené tváři) . Opačný vzor byl nalezen pro kontrolní barvu zelenou.

Experiment 3 použil stejnou manipulaci s kontextem, ale druhá kontrolní barva, šedá, byla přidána, aby se jasně prozkoumalo, zda kontext ovlivňuje preference pouze pro červenou. Jak bylo předpovězeno, při druhé alternativě byla nalezena preference červené, ale nikoli zelené nebo šedé, v závislosti na kontextu. Tyto výsledky představují první důkaz zmírnění kontextu v literatuře preferencí barev.

(PsycINFO Database Record (c) 2012 APA, všechna práva vyhrazena)

Člověk si klade otázku, zda by kontext této akce - něco odstranit - stačil k tomu, aby se to přeneslo na „nepřátelské“ území. Moje intuice je, že by to bylo, kdyby vymazání bylo náhodné (uživatel udeří „smazat“, uvědomí si, že to nechtěl udělat a je mu představena poslední šance zachránit svou práci), a možná i tak, i kdyby to bylo byly úmyslné (uživatel frustrovaný tím, že musel na cestě k cíli vyčistit další překážku?).

28
Jessica Yang

Jaký je stávající standard ve zbytku aplikace? Používáte červená tlačítka k označení „Chci dokončit tuto akci“ a zelená tlačítka znamenat „zrušit tuto akci“? Nebo je to naopak?

Pokud je to něco jako, no, skoro každý kus softwaru, který jsem kdy viděl, pak jsou moje peníze na zelenou pro „pokračuj a udělej to“ a červené pro „zrušit!.

Zatímco „červené“ pro „varování“ je spravedlivé, jeho místo je před do této fáze - původní tlačítko „vymazat“ bude červené. Ale ptáte se zde na fázi potvrzení, která by měla vždy zacházet s „pokračovat“ a „zrušit“ důsledně, bez ohledu na to, jaká operace bude pokračovat nebo bude zrušena. Pokud je červeně obvykle „zrušit“, ale někdy „pokračovat“, pak jen vyvoláváte zmatek uživatele.

18
Dave Sherohman

Můžete se rozhodnout nastavit primární a sekundární výzvu k akci.

Příklad z LinkedIn:

example

To poskytuje jednorázovou a zřejmou potvrzovací akci , kterou může uživatel podniknout, aniž by to narušilo obavy o přístupnost, kulturní zaujatost a zmatek při rozhodování, které mohou vyplynout z rozdělení možností barva sama.

Také to, jak je psáno ve výše uvedeném příkladu, je velmi jasné. Jak lze otázku přeformulovat, nezůstává žádná nejednoznačnost:

Opravdu chcete toto album smazat? ANO/Zrušit

Přemýšlejte také o uživatelském toku. Není dobrým zvykem poskytovat absolutní akci bez bezpečného selhání.

poskytnout zpět

Zdroj: Jaké jsou některé alternativy fráze „Opravdu chcete XYZ“ v potvrzovacích dialogech?

Zde je také další možnost poskytování možnosti mazání:

example

Uživatelé mohou dělat chyby v potvrzovacích oknech. Pokud se uživatel chystá smazat něco důležitého, že se už nikdy nevrátí, je důležité, abyste si před pokračováním zajistili absolutní jistotu uživatelů. Namísto toho, aby uživatelům dali potvrzovací tlačítko, že by mohli omylem stisknout, zadejte jim textové pole a požádejte je, aby pro potvrzení zadali slovo „odstranit“. Když uživatel do textového pole zadá „smazat“, není pochyb o tom, že chce vymazat. Neexistuje žádné neúmyslné stisknutí tlačítka mazání. Když uživatel smaže, není politování, protože potvrzovací textové pole jim dává jistotu, co udělá, než to udělá.

Zdroj: http://uxmovement.com/buttons/how-to-make-sure-users-dont-accidentally-delete/

17
Pdxd

Mým řešením pro mazání věcí je tlačítko s ikonou koše, které otevře malý popover. Myslím, že je to dobré řešení, protože:

  • žádný rušivý dialog, každý nenávidí potvrzovací dialogy!
  • je vyžadováno potvrzení. žádná náhodná kliknutí
  • uživatel musí číst pouze dvě slova, žádná nepříjemná otázka
  • červená barva označuje, že je skutečně odstraněna, můžete ji zvýraznit přidáním „nevratné“ pro odstranění
  • minimum pohybu myši a očí
  • minimum zbytečného prostoru
  • žádný kontextový přepínač

screenshot## Heading ##

13
daniel

Zelená se obvykle používá v rozhraních a místech k označení „go“, „pokračovat“ nebo „yes“. Ve vašem případě se uživatel přesně snaží. Pokračují ve své minulé akci (která měla stisknout tlačítko Odstranit). Červená je vnímána jako zastávka, jako například „zastávka, změnil jsem názor!“

Ve vašem případě bych šel s tím, na co jsou uživatelé zvyklí: zelená pro pokračování a červená pro zrušení.

10
Mike

Proč musí být dvě různé barvy? Zdá se, že to komplikuje věci kvůli kulturním odlišnostem a dalším problémům, které byly vzneseny (i když si nejsem jistý, co je publikum pro tuto aplikaci nebo web. Možná tedy kulturní rozdíly, z větší části, jsou irelevantní, pokud se jedná o velmi specifickou uživatelskou základnu aplikace).

Jak řekl někdo jiný, proč nezvýraznit tlačítko primární akce a tlačítko Storno méně nápadné? Například v iTunes, když odstraníte hudební soubor, okno Prompt má šedé tlačítko pro tlačítko Cancel a tlačítko primární akce je modré. Kromě toho, že je modrá, barva pulzuje, aby na ni upozornila.

Ve vašem počátečním příkladu se štítky tlačítek také zdají být hrozné. Již se jich ptáte „Opravdu chcete toto album smazat?“ Proč neoznačit tlačítka jednoduše „Ne“ a „Ano“ nebo „Zrušit“ a „Smazat“?

9
Dmacatude

Zelená by měla být vždy pozitivní, pokud jde o možnost „Ano, do toho“, takže by měla být zelená. Skutečnost, že něco vymažete, spíše než vytvoříte, je nepodstatná.

Červená je zvyklá na "Ne, změnil jsem názor" nebo "Ne, nechci, abys to udělal", ať už je "cokoli".

7
Dave Murray

Tlačítka se používají k odesílání/odesílání informací nebo k přijímání opatření, nikoli k výzvě k nečinnosti. Jediným tlačítkem by mělo být tlačítko, které prochází tokem. Jakákoli jiná akce by měla být reprezentována odkazem. V této souvislosti bych obhajoval použití barvy tlačítka, která se nepoužívá nikde jinde na webu, nebo která je vyhrazena pouze pro nejzávažnější akce. Předpokládám, že to bude červené. Účelem je vynutit uživatele z pasivního mentálního stavu kliknutím na tlačítka barvy X v poloze Y (zelená, vpravo dole) a přimět je, aby se výslovně zeptali „co to bude dělat?“

7
Matt Langan

Pro takovou akci nepoužívejte žádnou barvu. Obě akce mají stejný význam. Možná uživatel omylem klikl na 'Odstranit', nebo uživatel opravdu chce 'Odstranit' album.

Barva je v takovém případě zbytečným rozptylováním a nepomáhá s kontextem.

Povolte text na štítcích tlačítek k potvrzení akcí: „Zrušit“ a „Odstranit album“

4
Sumi

Uživatel @JNMNRD má nejlepší řešení.

Obvykle by akce, kterou mají uživatelé provést, měla být umístěna napravo, a protože se jedná o potvrzovací zprávu, měla by být akce odstranění umístěna napravo.

Rovněž přidáním dvou barev různým činnostem jim dáváte stejnou hierarchii. Vzhledem k tomu, že uživatelé již provedli akci k odstranění, a to je pouze potvrzení, akce by neměly konkurovat. To by mělo fungovat pouze pro účely ověření.

To je důvod, proč ponechat možnost zrušení neutrální je nejužitečnější, protože váš uživatel přečte instrukci a okamžitě se zaměří na tlačítko smazat, ale přesto, pokud bude litovat, bude mít šanci zrušit.

1
Miguel Fernandez

Ve skutečnosti se mi velmi líbí uživatelské zkušenosti s Githubem při mazání projektu, barva typografie spolu s rámečkem se změní na červenou, což jasně ukazuje, že se děje něco nebezpečí.

enter image description here

Github zobrazí vyskakovací okno, aby se ujistil, že uživatel opravdu chce odstranit projekt nebo úložiště.

enter image description here

0
Pir Abdul