web-gelistirme-sc.com

"Evet, sil" kırmızı mı yoksa yeşil mi olmalı?

Bir CMS (İçerik Yönetim Sistemi) için bir arayüz tasarlarken, ben bir paradoks üzerinde tökezledi ve ne yapmak ve neden yapmak için biraz kafam karıştı ..

Bağlam

Bir albümü silmeden önce kullanıcıdan işlemi onaylaması istenir.

Yeşil "Evet"

First option

Kırmızı "Evet"

Second option

Hangi seçenek kullanıcı için daha sezgiseldir?

787
Diéssica

Her iki yol da yanlış pozitif bir paradigma gibi görünüyor. Bu daha basit olabilir ve kullanıcıyı renk-etiket ilişkisini anlamak için zaman harcamaya zorlamak zorunda değildir.

"Sil" düğmesini daha belirgin hale getirmeniz yeterlidir. "İptal" düğmesini daha az belirgin hale getirin. Düğmeler içindeki etiketleme ile ilgili olarak, kullanıcı bölümünde daha fazla işlem yapılmasını gerektiren basit eylemlerin (hayır/evet? Veya iptal/silme) esasen ne olduğuna çok fazla bağlam koymaya gerek yoktur.

enter image description here

Kullanıcılar genellikle "Kaldır" veya "Sil" gibi bir eylemi kırmızı ile ilişkilendirir. Ve her zaman olduğu gibi, eylemi "iptal etmek" için bir yol sağlayın.

1358
jnmnrd

Sadece kırmızı ve yeşil açısından düşünmeniz gerektiğinden emin değilim. Kırmızı tipik olarak tehlike ile ilişkili , potansiyel olarak orta çağlara dayanmaktadır (alıntı gerekir). "Sil" için hızlı bir Google görsel arama , neredeyse tamamen kırmızı görüntüler verir.

Bana göre (ve bootstrap ) yeşil başarıyı, kırmızı tehlikeyi gösterir.

Bootstrap buttons

Silme işlemi tehlikeli bir işlem olduğundan sil düğmesini kırmızı tutmanızı öneririm. Yeşil/kırmızı kullanmakla sınırlı mısınız? Eğer öyleyse ikinci resminizi kullanmanızı tavsiye ederim. ABD stop ışıkları bana yeşilin "devam" anlamına geldiğini gösteriyor. Bu mantığı kullanarak yeşil bir "Hayır, sakla düğmesi", "Hayır, sakla ve devam et" anlamına gelir ve kırmızı "Evet, sil" demek "Evet, tehlikeli olsa da sil" anlamına gelir. Her neyse, "Hayır, sakla" düğmesini mavi yapmayı düşünürüm çünkü oldukça standart bir eylem rengidir (örneğin, düzensiz bağlantıların varsayılan rengi).

Edit : Sanırım @ JNMNRD bu konuda en iyi cevaba sahip. İşte @ JNMNRD'nin kelimeler olmadan görüntüsü. Hangi düğmenin silme anlamına geldiğini söyleyebilir misiniz?

Delete

321
circuitry

Buna biraz farklı bir açıdan baktığınızda, mümkünse onaylamayı tamamen kaldırmayı ve bunun yerine bir "Yap/Geri Al" işlemine geçmeyi düşünebilirsiniz.

Bu yöntem genellikle Google hizmetlerinde kullanılır:

enter image description here

Kullanıcı için kültürel olarak nötr ve daha verimli olması (silmek için iki yerine tek tıklama) avantajlarına sahiptir.

Dezavantajı, geçici bağlantı olmasıdır ve başka bir işlem yapıldığında (örneğin, başka bir e-postayı spam olarak bildirirken) geçersiz kılınır. Ayrıca oturumu kapattıktan, odağı kaybettiğinizde veya yenilediğinizde atılır.

Bu dezavantajları önlemek için, siteye SharePoint'in yaptığı gibi bir tür geri dönüşüm kutusu işlevi eklemeyi düşünebilirsiniz.

221
Graham Wager

Tüm saygımla, şimdiye kadar her cevabın işareti biraz kaçırdığını düşünüyorum.

Her şeyden önce, sorunuzun Bağlam bölümüne göre ...

Bağlam

Bir albümü silmeden önce kullanıcıdan işlemi onaylaması istenir.

... bunun bir başarı veya hatası olmadığını söyleyebiliriz. kip, ancak bir onay kiptir, bu da bir uyarı veya dikkat gibi renk sarı , değil yeşil veya kırmızı , başarı ve hatası sırasıyla renkler. Ve bir onaylama yöntemi olduğundan, ifade muhtemelen aşağıdaki gibi bir şeye dönüşmelidir:

Lütfen bu albümün silinmesini onaylayın:

Onay modalının kullanılabilirliği ilerletmek için embolden yapabilirsiniz - Onaylayın düğmesini biraz daha öne çıkarmak için. Ve renk körlüğü veya okuma sorunları , genellikle onaylananlarla eşleşen bir simgesi koyarım. Bu durumda, bir çöp kutusu uygun gibi görünür.

Tüm bunları bir araya getirdiğinizde, elde ettiğiniz şeyin bir örneği:

confirmation modal


Düğmelerin ifadeleriyle ilgili yorumlara göre güncelleme ...

Bir süredir bunun ifadelerini düşünüyorum. Yorumlar Sil yerine Onayla , ama bence daha iyi bir şey var. Simge bir çöp kutusu olduğundan ve hakkında konuşuyoruz bir albümden kurtulmak , ifadelerin eşleşmesi gerektiğini düşünüyorum yerine.

Bu yüzden düşündüm ve Keep ve ile geldim Çöp kutusu . Her ikisi de, kişinin renk körü kullanıcılar için hala işe yarayan renklerden bahsetmemek için albümü silmeli veya eylemi iptal edip etmeyeceği sorusuyla çakışıyor, embolden tutulan varsayılan ayarın ne olduğunu açıkça ortaya koyuyor ve kelimeler birlikte bunu 100 yapıyor bir kişinin onayladığı eylemde açık%.

updated confirmation modal

132
Code Maverick

Kullanıcıların kırmızı olan bir şeyi tıklamadan önce iki kez düşünmesi daha olasıdır. İki seçenekten hangisi için tıklamadan önce iki kez düşünmelerini istersiniz?
İki seçenekten hangisi potansiyel olarak daha geri döndürülemez olayları tetikleyecek?

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

43
Rolf

Sorularınızı ve güncel cevaplarınızı okuduktan sonra biraz araştırma yaptım ve insan olmayan kırmızı primerlerde olduğu gibi insanlarda kırmızı renk tercihinin, bağlamın dostça mı yoksa düşmanca mı olduğuna bağlı olduğunu gösteren bazı kanıtlar buldum. ( Maier ve ark., 2009 ve takip çalışmaları).

Özette özetlendiği gibi (vurgu mayını):

Bebek katılımcılarla spontan bir seçim paradigması kullanılarak renk tercihi üzerinde üç deney yapılmıştır.

Deney 1, katılımcıların samimi bir laboratuvar ortamında kırmızıdan yeşile tercih ettiklerini göstermiştir.

Deney 2, katılımcıların kırmızı tercihinin rengin sunulduğu bağlama göre değiştiğini göstermiştir: Kırmızı, misafirperver bir bağlamda (mutlu bir yüzün ardından) tercih edilir, ancak düşmanca bir bağlamda ( Kontrol rengi yeşil için zıt desen bulundu.

Deney 3 aynı bağlam manipülasyonunu kullandı, ancak bağlamın sadece kırmızı için tercihi etkileyip etkilemediğini net bir şekilde incelemek için ikinci bir kontrol rengi olan gri eklendi. Tahmin edildiği gibi, ikinci bir alternatif seçenek göz önüne alındığında, yeşil veya gri değil, kırmızı için bağlama bağlı bir tercih bulunmuştur. Bu sonuçlar, renk tercihi literatüründeki bağlam ılımlılığının ilk kanıtını temsil etmektedir.

(PsycINFO Veritabanı Kaydı (c) 2012 APA, tüm hakları saklıdır)

Birisi, bu eylemin bağlamının - bir şeylerin silinmesinin - onu 'düşman' topraklara itmek için yeterli olup olmadığını merak ediyor. Sezgim, silme işleminin kazara olması durumunda (kullanıcı 'sil' düğmesine basarsa, bunu yapmak istemediklerini fark eder ve işlerini kurtarmak için son bir şansla sunulur) ve muhtemelen hala olsa bile kasıtlıydı (kullanıcı, hedefin önünde başka bir engeli temizlemek zorunda kalmadan hayal kırıklığına uğradı mı?).

28
Jessica Yang

Başvurunuzun geri kalanında mevcut standart nedir? "Bu işlemi tamamlamak istiyorum" u belirtmek için kırmızı düğmeler ve "bu işlemi iptal etmek" için yeşil düğmeler mi kullanıyorsunuz? Yoksa tam tersi mi?

Şimdiye kadar gördüğüm her yazılım parçası gibi bir şey varsa, param "devam et ve yap" için yeşil, "iptal!" İçin kırmızı!.

"Uyarı" için "kırmızı" adil bir nokta olmakla birlikte, yeri önce bu aşamaya ulaşır - orijinal "sil" düğmesini kırmızı yapın. Ancak burada, devam eden veya iptal edilen işlemden bağımsız olarak always "devam et" ve "iptal et" işlemlerini tutarlı bir şekilde gerçekleştirmesi gereken onay aşamasını soruyorsunuz. Kırmızı genellikle "iptal", ancak bazen "devam" ise, kullanıcı karışıklığını davet edersiniz.

18
Dave Sherohman

Birincil ve ikincil bir harekete geçirici mesaj ayarlamayı seçebilirsiniz.

LinkedIn örneği:

example

Bu, kullanıcının seçenekleri yalnızca renge göre bölmekten kaynaklanabilecek erişilebilirlik, kültürel önyargı ve karar karışıklığı için endişe duymadan gerçekleştirebileceği tek ve açık bir onay eylemi sağlar.

Ayrıca, yukarıdaki örnekte nasıl yazıldığı çok açıktır. Sorunun nasıl yeniden ifade edilebileceği belirsizliğe neden olmaz:

Bu albümü silmek istediğinizden emin misiniz? Evet İptal

Bunun için kullanıcı akışını da düşünün. Arıza emniyeti olmadan mutlak bir eylem sağlamak iyi bir uygulama değildir.

geri al

Kaynak: Onay iletişim kutularında "XYZ yapmak istediğinizden emin misiniz?" İfadesinin alternatifleri nelerdir?

Ayrıca silme yeteneği sağlamak için başka bir örnek:

example

Kullanıcılar onay pencerelerinde hata yapabilir. Kullanıcı asla geri alamayacakları önemli bir şeyi silmek üzereyse, kullanıcıların devam etmeden önce kesinlikle emin olduklarından emin olmanız önemlidir. Kullanıcılara yanlışlıkla basabilecekleri bir onay düğmesi vermek yerine, onlara bir metin alanı verin ve onaylamak için “sil” kelimesini yazmalarını isteyin. Kullanıcı metin alanına “sil” yazdığında, silmek istediklerine şüphe yoktur. Sil düğmesine yanlışlıkla basılmaz. Kullanıcı sildiğinde pişmanlık duymazsınız, çünkü onay metin alanı onları yapmadan önce ne yapacakları konusunda emin olur.

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

17
Pdxd

Bir şeyleri silme çözümüm, küçük bir popover açan bir çöp kutusu simgesine sahip bir düğme. Bunun iyi bir çözüm olduğunu düşünüyorum çünkü:

  • rahatsız edici iletişim kutusu yok, herkes onay iletişim kutularından nefret ediyor!
  • onay gerekli. kazara tıklama yok
  • kullanıcı sadece iki kelime okumak zorundadır, can sıkıcı bir soru yok
  • kırmızı renk gerçekten silindiğini belirtir, silmek için "geri döndürülemez" ekleyerek vurguyu kullanabilirsiniz
  • minimum fare ve göz hareketi
  • minimum alan kaybı
  • bağlam anahtarı yok

screenshot## Heading ##

13
daniel

Yeşil genellikle arayüzlerde ve yerlerde "git", "devam et" veya "evet" anlamına gelir. Sizin durumunuzda, kullanıcının yaptığı şey tam olarak budur. Geçmişteki eylemlerine devam ediyorlar (silme düğmesine basacaklardı). Kırmızı "durak, fikrimi değiştirdim!"

Sizin durumunuzda, kullanıcıların alışkın oldukları şeylerle devam edeceğim: devam etmek için yeşil ve iptal etmek için kırmızı.

10
Mike

Neden iki farklı renk olmalı? Görünüşe göre bu, kültürel farklılıklar ve ortaya çıkan diğer konular nedeniyle işleri daha karmaşık hale getiriyor (ancak, bu uygulama veya web sitesi için kitlenin ne olduğundan emin değilim.) Belki de kültürel farklılıklar, çoğunlukla, bir uygulama için çok özel bir kullanıcı tabanı ise önemsizdir).

Başka birinin belirttiği gibi, birincil eylem düğmesini neden daha belirgin ve İptal düğmesini daha az belirgin hale getirmiyorsunuz? Örneğin, bir müzik dosyasını sildiğinizde, Sor penceresinde İptal düğmesi için gri bir düğme bulunur ve birincil işlem düğmesi mavidir. Mavi olmanın yanı sıra, renk ona dikkat çekmek için titreşir.

Ayrıca, ilk örneğinizde, düğme etiketleri garip görünüyor. Zaten onlara "Bu albümü gerçekten silmek istiyor musunuz?" Sorusunu soruyorsunuz. Düğmeleri neden yalnızca "Hayır" ve "Evet" veya "İptal" ve "Sil" olarak etiketlemiyorsunuz?

9
Dmacatude

"Evet, devam et" seçeneği ile ilgili olarak yeşil her zaman pozitif olmalıdır, bu yüzden yeşil olmalıdır. Bir şeyi oluşturmak yerine sildiğiniz gerçeği önemsizdir.

Kırmızı, "Hayır, fikrimi değiştirdim" ya da "Hayır, bunu yapmanı istemiyorum", "ne olursa olsun" için kullanılır.

7
Dave Murray

Düğmeler bilgi istemek/göndermek veya işlem yapmak için kullanılır, hareketsizlik istemine değil. Tek düğme akış boyunca ilerleyen bir düğme olmalıdır. Diğer tüm eylemler bir bağlantı ile temsil edilmelidir. Bu bağlamda, sitede başka hiçbir yerde kullanılmayan veya yalnızca en ciddi eylemler için ayrılmış bir düğme renginin kullanılmasını savunurum. Bunun kırmızı olacağını varsayıyorum. Mesele, kullanıcıyı Y konumunda (yeşil, sağ alt) X rengindeki düğmelere tıklamanın pasif bir zihinsel durumundan çıkarmaya ve açıkça "bu ne yapacak?"

7
Matt Langan

Böyle bir eylem için herhangi bir renk kullanmayın. Her iki eylem de eşit öneme sahiptir. Kullanıcı yanlışlıkla 'Sil'i tıklamış olabilir veya kullanıcı gerçekten Albümü' silmek 'isteyebilir.

Renk böyle bir senaryoda gereksiz bir dikkat dağıtıcıdır ve içeriğe yardımcı olmaz.

Düğme etiketlerindeki metnin işlemleri onaylamasına izin verin: "İptal" ve "Albümü Sil"

4
Sumi

@JNMNRD en iyi çözüme sahiptir.

Normalde, kullanıcıların yapmasını istediğiniz eylem sağa yerleştirilmelidir ve bu bir onay mesajı olduğundan silme işlemi sağa yerleştirilmelidir.

Ayrıca, farklı eylemlere iki renk vererek, onlara aynı hiyerarşiyi bir şekilde verirsiniz. Kullanıcılar zaten silmek için bir işlem yaptıysa ve bu sadece bir onay ise, eylemler rekabet etmemelidir. Bu yalnızca doğrulama amacıyla çalışmalıdır.

Bu nedenle, iptal seçeneğini nötr bırakmak en kullanışlı şeydir, çünkü kullanıcınız talimatı hemen sil düğmesine odaklanır, ancak yine de pişman olursa iptal etme şansına sahip olurlar.

1
Miguel Fernandez

Aslında bir projeyi silerken Github kullanıcı deneyiminden çok hoşlanıyorum, kenarlıkla birlikte tipografinin rengi kırmızıya dönüşüyor ve bu da açıkça bir tehlike olduğunu gösteriyor.

enter image description here

Github, kullanıcının projeyi veya havuzu gerçekten silmek istediğinden emin olmak için açılır pencere gösterir.

enter image description here

0
Pir Abdul