web-gelistirme-sc.com

Tamam / Sol / sağdan iptal edilsin mi?

Meli OK düğmesi solunda olmak Cancel düğmesi veya tam tersi?

Çözümlerden birini öneren herhangi bir çalışma var mı?

349
Art

Her şeyde olduğu gibi: kullanıcı testi! Neyse ki, kullanılabilirlik kahramanı Jakob Nielsen burada kurtarmaya atlıyor Tamam/İptal düğmeleri hakkındaki Alertbox makalesinde :

Tamam düğmesi İptal düğmesinden önce mi yoksa sonra mı gelmelidir? Platform kurallarını izlemek, tek bir iletişim kutusunu alt kümeleştirmekten daha önemlidir.

Kostya, platform yönergelerine uyulmasını tavsiye etmede haklıydı. Peki ya web tabanlı platformlar?

Web tabanlı bir uygulama tasarlıyorsanız, karar vermek daha zordur, ancak büyük olasılıkla kullanıcılarınızın çoğunun tercih ettiği platformla devam etmelisiniz. Sunucu günlükleriniz, size özel web siteniz veya intranetiniz için Windows ve Mac kullanıcılarının yüzdesini gösterir. Tabii ki, Windows genellikle çok daha fazla kullanıcıya sahiptir, bu nedenle günlükleri kontrol etmekle uğraşmazsanız, çoğu durumda uygulanacak kılavuz ilk önce Tamam, Sonuncuyu iptal et.

Ayrıca, Tamam/İptal düğmeleri oluştururken göz önünde bulundurabileceğiniz iki ek önemli yönergeden bahseder:

  • Genel bir etiket kullanmaktan ("Tamam" gibi) ne yaptığını açıklamak için bir düğmeye isim vermek genellikle daha iyidir. Açık bir etiket "tam zamanında yardım" görevi görür ve kullanıcılara doğru işlemi seçme konusunda daha fazla güven verir.
  • En yaygın olarak seçilen düğmeyi varsayılan yapın ve vurgulayın (eyleminin özellikle tehlikeli olması dışında; bu durumlarda kullanıcıların Enter tuşuna basarak yanlışlıkla etkinleştirmek yerine düğmeyi açıkça seçmesini istersiniz).
202
Rahul

Cevap, kullandığınız sistem için kullanıcı arayüzü kılavuzlarındadır.

Pencereler için

İşleme düğmelerini aşağıdaki sırada sunun:

  • Tamam/[Yap]/Evet
  • [Yapma]/Hayır
  • İptal etmek
  • Uygula (varsa)
  • Yardım (varsa)

Yani İptal her zaman Tamam düğmesinin sağındadır.

MacOS için

Bir eylemi başlatan bir düğme en sağdadır. İptal düğmesi bu düğmenin solundadır.

Bu nedenle MacOS kullanıcıları için İptal, Tamam düğmesinin solundadır.

Android için

Bir iletişim kutusunun işten çıkarma eylemi her zaman soldadır. İşten çıkarma eylemleri kullanıcıya önceki durumuna döner.

Olumlu eylemler sağdadır. Olumlu eylemler, iletişim kutusunu tetikleyen kullanıcı hedefine doğru ilerlemeye devam eder.

Android için İptal, OK düğmesinin solundadır.

Diğer sistemler için yönergelere bakın.

142
Kostya

"Okuma" metaforunu düşünün. Batılılar soldan sağa okuyor, beynimiz soldan sağa doğru akıyor. İPTAL temel olarak geriye doğru (solda) bir adımdır ve OK/SUBMIT/YES/Etc., İleriye doğru (sağda) bir adımdır.

64
GoodShovel

Görünüşe göre Windows OK/Cancel sözleşmesi kullanıcılar için çok fazla beyin koşullandırma yaptı. Bu yüzden kullanılabilirlik testleri kesinlikle bir sürü insanla ortaya çıkacaktır arıyor solda bir OK düğmesi, sağda İptal.

Ancak bu, herhangi bir ön koşullama olmadan sistemle etkileşime giren birinin en temel içgüdüsünü değiştirmez. Temel içgüdüm, hangi renk veya boyutta olursanız olun, OK/Onay/İleri Taşı düğmesinin iletişim kutusunun sağ kenarında olması gerektiğini söylüyor.

Etiket veya renk vurguları olmayan bu iletişim kutusunu düşünün:

enter image description here

Nereye tıklarsınız? Formu göndermek istiyorsam, sağ Kenardaki düğmeye tıklardım. Bunun nedeni, Windows'tan önce içgüdülerime şu şekillerde koşullandırılmış olmamdır:

  • İngilizce dili soldan sağa doğru akar.
  • Tarayıcıda gezinme Geri (sol) ve İleri (Sağ) olarak çalışır. enter image description here
  • Tehlikeli Dave gibi eski 2D oyunlar, ilerlediklerinde karakteri sağa taşırlar.

enter image description here

  • Sayı satırındaki sayılar sağa doğru artar, sola doğru azalır.

  • Periyodik tablodaki atom ağırlıkları sağa doğru artar.

  • Saat sağa keneler.

  • Takvim, tarihleri ​​sağa doğru artırır.

Windows platformunun OK/Cancel ile bir anti-desen oluşturduğunu düşünüyorum, bu da artık kullanılabilirlik çalışmalarını doğrulayacak kadar yaygın. Ancak yukarıdaki faktörleri göz önünde bulundurursanız, birincil düğmeyi sağda tutmanın haklı ve savunulabilir bir pozisyon olduğuna inanıyorum.

EDIT: Dikkate alınması gereken ek bir faktör de tutarlılıktır. Diyalog kutularınızda ek düğmeler bekliyorsanız, sağ Edge'deki birincil düğme yerleşimle tutarlı kalmanıza yardımcı olur. Görsel bir örnek bunu açıklığa kavuşturacaktır:

enter image description here

39
Adnan Khan

Dili soldan sağa okunan kullanıcılar için, OK düğmesini sola koymanızı öneririm, çünkü bu kullanıcılar gördükleri ilk şeye daha fazla önem verir.

Bu, bu kullanıcı alt kümesinin görevlerini mümkün olan en kısa sürede tamamlamasına olanak tanır.

17
Ryan Shripat

IMHO "Tamam" düğmesini nereye yerleştireceğiniz çok önemli değil: sola veya sağa. Sitenizi ne tür kullanıcıların ziyaret ettiği önemli değildir (İbranice veya Arapça dillerinde). Ne tür bir yazılım kullandıkları önemli değil. İstatistikler, kullanıcıların% 55'inin sağdan "Tamam" düğmesini görmek istediğini ancak sağa koyarsak, kullanıcıların% 45'inden memnun olmayacağını söylüyor.

En iyi çözüm "Tamam" düğmesini vurgulamaktır ("İptal" ten daha belirgin hale getirmektir) ve tüm kullanıcılar "Tamam" düğmesini daha önemli ve birincil düğme olarak kolayca gösterecektir.

Google ve diğer şirketler yazılımlarında bu yaklaşımı kullanırlar.

enter image description here

16
webvitaly

Luke Wroblewski web formları (Web Form Tasarımı: Boşlukları Doldurma) hakkında bir kitap yazdı ve ayrıca "Birincil ve İkincil Eylemler" (http: // www.lukew.com/resources/articles/psactions.asp) ), "Üst, Sağ veya Sol Hizalanmış Form Etiketleri" (http: // www.lukew.com/ff/entry.asp?504) veya "tamamlanma yolu" vb. (Ayrıca okuyabilirsiniz http : //www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php )

Bu nedenle, IMO, hangi etiket yerleşimine (dikey olarak tercih edilir) ve soldan sağa + yukarıdan aşağıya kurallara bağlı olarak, tamamlamanın iyi bir yolunu elde etmek için önce birincil işlemi (Tamam) ve sonra ikincil olanları (+ +) iptal

EDIT: Formlarda etiket yerleşimi, Caroline Jarrett, 2010 http://www.formsthatwork.com/files/Articles/labels-on-forms-for-uxlx-2010.pdf

15
Ecaterina Moraru

Bence herkes iyi bir noktaya değindi ama burada belirtilmesi gereken bir nokta daha var.

Tamam/Gönder/Kaydet vb. Düğmelere pozitif işlem düğmeleri denir. Benzer şekilde, İptal/Sıfırla vb. Düğmelere negatif işlem düğmeleri denir.

Şimdi sorguyu cevaplamak için, çoğu iyi bazı noktalarla geldi, ancak burada bir uygulamanın Kullanıcı Testi genellikle sorunların çoğuna karar veren başka bir algı. Sonuçta oluşturulan tüm uygulamalar sadece kullanıcılar içindir.

Kullanıcılar üzerinde bazı göz momenti testi ve ısı testi yapıldı ve laboratuarların mevcudiyetine bağlı olarak hala yapılmakta. En iyi senaryo, kullanıcıların çoğunun web uygulamasına veya başka herhangi bir uygulamaya Soldan Sağa ve üst köşeden bakmaya başlaması ve anahtar sıcak noktaları toplayarak alta doğru ilerlemeye başlaması ve genellikle sol alta doğru bitmesidir. pozitif eylem düğmesini solda ve negatif eylem düğmelerini sağda tutmak her zaman iyidir.

Ayrıca, bunların az sayıda kullanıcıya dayanan bir araştırma olduğu gerçeğini inkar etmemek, bunun her zaman iyi olmasını gerektirmez, ancak çoğu zaman olacaktır.

Burada bir anahtar nokta daha var, pozitif ve negatif eylem düğmeleri arasında daha fazla boşluk olacak, böylece kullanıcılar negatif düğmelere ulaşmak için biraz daha fazla zaman alacak ve böylece onlara düşünmek ve tepki vermek için bolca zaman verecek.

Puanların çiftlerini deneyimlerime ve araştırma belgelerine dayandığını açıklamaya çalıştım.

Daha fazla bilgi edinebilmek için yorum yap.

Saygılarımızla Deepak Bajaj

9
Deepak Bajaj

Pek çok uygulama, Tamam ve İptal düğmeleri için farklı stiller kullanmak üzere değişiyor. Yaygın olarak kullanılan bir kullanıcı arayüzünde Tamam düğmesi, ancak geleneksel düğme bulunurken İptal bir bağlantı düğmesidir. Bu, ikisi arasında çok net bir görsel ayrım sağlar ve kullanıcının Tamam'ı tıklamasına neden olsa da, görsel ayrım farkı vurgular ve kullanıcının gerçekten istediği birini seçmesine yardımcı olur.

Bunu hem web hem de masaüstü uygulamalarında gördüm.

7
Sam

Sadece gerekçeyi açıklığa kavuşturmak için:

Ana düğmeyi (Tamam) iletişim kutusunun tam köşesine yerleştirmek "daha doğru" olarak kabul edilir, çünkü vurmak daha kolaydır (bu konuda birkaç geçmiş soru/tartışma olmuştur).

Bununla birlikte, kullanıcıların alışık oldukları şeylere de bağlıdır - Windows kullanıcıları için bir site veya uygulama oluşturuyorsanız, Windows standartlarına uymanız daha iyi olur.

Klavyedeki "Enter" seçeneğinin TAMAM ile doğru bir şekilde ilişkilendirildiğinden emin olun - birçok kişi bunu kullanacaktır.

5
Dan Barak

Vaov! Sola veya sağa savunarak böyle bir sürü cevap var.

Bu konuda kendim testler yaptım ve istatistiksel olarak sonuçsuz buldum.

Bulduğum en iyi yanıt, birincil eylem açıkça işaretlendiği sürece hangi sırayla gittiklerinin gerçekten önemli olmadığıydı - Her zaman [Yap]/git/gönder/vb ve sadece daha küçük bir metin için renkli bir düğme kullanıyorum [Yapma]/iptal/sil/vb.

Tam burada UX StackExchange'te bir cevap formunun altındaki 'Cevabınızı Gönderin' ve 'atın' düğmelerine çok benzer!

4
Andrew Martin

İlginç bir fikir bulabilirsiniz burada ; Anthony T. "Tamam" düğmesini "İptal" seçeneğinin sağına yerleştirmenin daha iyi olduğunu önerir:

Sağdaki "Tamam" düğmesi ile görsel sabitlemeler daha az ve bir yönde akıyor [...]

Bunu, iletişim kutusunun sağında yer alan birincil eylem ve solda yer alan ikincil eylem ile karşılaştırın. Kullanıcılar ikincil eylemde gözleriyle başlar ve düğmeyi tıklamak için gözlerini birincil eyleme taşırlar. Bu, kullanıcılara daha hızlı bir görsel akış sağlayarak bir yönde toplam iki görsel sabitleme oluşturur. Kullanıcılar her düğmeyi yalnızca bir kez sabitler ve birincil işlem düğmesiyle biter. Birincil eylemi sola koymak kullanıcıların ulaşmasını kolaylaştırabilir, ancak kullanıcının zihinsel süreçleri ve görsel düzeltmeleri açısından hıza baktığınızda, birincil eylemi bir iletişim kutusunun sağına yerleştirmek aslında daha hızlıdır.

4

ASP.NET web uygulamaları için, varsayılan düğme sorunları ile uğraşmak için çok fazla aspirin aldıktan sonra (Enter tuşuna basıldığında ne olursa olsun), varsayılan düğmemi işaretlemede ilk sırada olacak şekilde sola koyuyorum.

Farklı tarayıcılar, Enter tuşuna basıldığında (özellikle imleç Enter tuşuna basıldığında bir metin kutusunun içindeyse) birden çok gönderme düğmesini farklı şekilde işler. Bazı tarayıcılar, formu göndermek için biçimlendirmedeki ilk düğmeyi kullanır; bu, istediğiniz şey olmayabilir (özellikle sunucu tarafında bir şey yapmanız gerekiyorsa).

Varsayılan düğme senaryolarını işlemek için özel javascript kullanmıyorsanız ve web tarayıcısının varsayılan davranışına güveniyorsanız, muhtemelen varsayılan düğmeyi sola koymalısınız.

4
Adam Toth

Mümkünse, iptal düğmesini tamamen atlamayı, böylece dileminizi çözmenizi öneririm. - Bazen gereksizdir ve sıklıkla yanlışlıkla etkinleştirilir.

http://www.nngroup.com/articles/reset-and-cancel-buttons/ :

Sıfırla düğmesi kaldırılırsa çoğu Web formu kullanılabilirliği geliştirirdi. İptal düğmeleri de Web'de genellikle düşük değerdedir .

Kullanıcılar kaçınmak istedikleri bir şeyi taahhüt ettiklerinden korkabildiklerinde bir İptal düğmesi sunun. İptal Etmenin açık bir yoluna sahip olmak, sadece ayrılmadan karşılanmayan ekstra bir güvenlik hissi sağlar.

İptal, temel olarak kullanıcının eylemlerle bir veya daha fazla sayfayı geçtiği çok adımlı iletişim kutuları için kullanışlıdır. Şu anda Geri düğmesine basıldığında bu işlemler geri alınmayacak ve kullanıcının İptal'i tıklaması daha iyi olacaktır.

4
Adam George

Nihayetinde (özellikle yukarıdaki tüm cevapları okuduktan sonra) bu tartışmanın platform sözleşmesine karşı 'nesnel' kullanılabilirliğe kaydığını görüyorum. 'Objektif' ile kastettiğim, herhangi bir işletim sistemi sözleşmesine aşina olmayan kullanıcılar için bir şeyin ne kadar kullanışlı olacağıdır. Daha spesifik olarak:

Sağdaki Tamam
Bu kalıp, kullanıcılar daha az kullanılabilir pencere kuralına şartlandırılmamışsa objektif kullanılabilirlik argümanında eller kazanır (bkz. makale ). Makalenin tartıştığı gibi, Tamam'ın sağdan soldan sağa okuma kuralımızla hizalanması, daha verimli görev akışı, daha iyi bir köşe hedefidir, ayrıca zaman çizelgelerini soldan sağa koşmak olarak düşündüğümüzdür (dolayısıyla sağdaki bir 'geri'/'iptal' zamana göre geri döndüğünü görmek anlamlıdır).

Soldaki Tamam
Windows sözleşmesi

Bu talihsiz bir gerçeklik, ancak kötü tasarlanmış desenler (solda Tamam gibi) bir kongre haline gelebilir ve kullanıcılar onları beklemeye gelecekler. Nesnel olarak daha kullanışlı bir desen olsa bile başka bir şey yapmaya çalışmak, zayıf kullanılabilirliğe neden olacaktır. Klasik bir örnek, metrik ve emperyal ölçüm sistemidir - metrik sistem kullanılabilirlik, birim dönüştürme kolaylığı vb. Açısından her şeye sahiptir; ancak küçük kasaba Amerikalılarını inç/feet olarak kullanıldıklarında metre ve santimetre düşünmeye zorlarsanız, zayıf kullanılabilirlik ve çok sinirli kullanıcılar elde edersiniz. Sanırım ders, ilk etapta asla kötü sözleşmeler yapmadığımızdan emin olmak için çok çalışmaktır!

Şahsen web için tasarım yaparken OK düğmesini sol tarafa koymayı seçiyorum, ayrıca emperyal fikirli halkla konuşurken bile boyumu santimetre cinsinden ve kilomı kilogram cinsinden belirtmekte ısrar ediyorum. Bu gerçekten bir yıpratma savaşı, ama yavaş yavaş emperyal sistem ölecek ve umarım pencereler 'solda Tamam' konvansiyonu da olacak :)

3
M.A.X

Sağ tarafta "Tamam" ile giderdim. Batı okuma yönü nedeniyle soldan sağa doğru gidiyor. Ve "İptal" sizi ön plana çıkarmaz ama "Tamam" getirir.

Ama tamamen farklı bir yaklaşım. "Tamam" kullanmayın ve düğmelere ne yaptıklarını yazmayın. Örneğin, "Kaydet" veya "Kaydetme" kullanıcının açıklama metnini okumasını gerektirmez. Zaman kazandırır ve giriş hatalarını önler.

2
erikrojo

Lol yardım edemem ama bu cevapların çoğuna gülerim. Ormanı ağaçlar için görmemek gibi görünüyor. Her UX problemi gibi, temel olarak formun nasıl düzenlendiğine bağlıdır. Örneğin, üstteki etiketler, aşağıdaki alanlar veya soldaki alanları etiketler. Tüm sayfaya ve kullanıcının gözlerinin formu nasıl aşağıya doğru aktığına bakın. Son 'Gönder' düğmesine net bir bakış açısı var mı?

Daha önceki bir yazıda belirtildiği gibi web formları hakkında Luke Wroblewski kitabı Web Form Tasarımı: Boşlukları Doldurma, web formu oluşturma konusunda en iyi tavsiyelerin yanı sıra, kullanıcı bakış açısından formların büyük bir paradigmasını içerir - Formlar bir amaç için bir araçtır ve amaçlanan nihai sonuç nedeniyle tolere edilir (yani bir şey satın almak, bir yere erişmek için bir hesap oluşturmak vb.). Kullanıcı testi, AB testi evet elbette eğer. Nihai hedef formunuzun daha kolay olması, daha iyi doldurmaktır.

2
mike

Gerçekten negatif eylem için NO düğmesi (görsel), sadece bir bağlantı olduğu bazı siteleri seviyorum. Bu şekilde düğmelere bakarak zaman kaybetmek zorunda kalmam, düğmenin daha az olduğunu biliyorum. Ve eğer sayfaların benden ne istediğini yapmak istemediğimi biliyorsanız, devam etmenin en iyi nasıl olacağını görmek için biraz zaman ayırırım (kapat düğmesini arayın, iptal düğmesi)

yerine:

[NOOOOO!] [Beni tıkla! Beni tıkla!]

olurdu:

Hayır teşekkürler! [Evet, lütfen!]

Bu şekilde, düğmenizi yerleştirdiğiniz yerde gerçekten önemli değildir, görsel olarak sadece bir tane vardır ve bu nedenle bulunması kolaydır.

1
fallenboy

Uygulamalarımda, işlem düğmesi amacını vurgulamak için görsel renk kullanıyorum. Sonra sol ya da sağ olsun. Ben şahsen sağda "ok" düğmesine sahip olmayı tercih ediyorum (çünkü sağ elini ve/veya osx kullanıcısıyım - ve aslında bu bağlantı ..)

  • doğrulama için büyük yeşil düğme
  • silmek için büyük kırmızı düğme
  • iptal etmek için (büyük veya değil) gri düğme
1
Marc D

Bana göre bu mantıklı bir düzen olurdu:

<LeftRight>

<PreviousNext>

<BackForward>

<BackDone

Do nothingDo it

CancelOK

Tamam dışında gerçek eylem ile değiştirilmelidir. SaveDeleteAcceptExit veya Send.

Koymak için tartışan insanlarla tanıştığımda OK solda, her zaman onlardan yerleştirmelerini rica ediyorum Left vs RightPrevious vs Next, ve Back vs Forwardve neden tartıştıklarına izin vermeden önce onları neden bu sıraya koyduklarını tartışsınlar. OK solda olmalıdır.

1
Ole Tange

Öncelik sırasına göre, mevcut ilk çözümü kullanın:

  • platform yönergeleri
  • başından sonuna kadar (batı dilleri için başlangıç ​​genellikle bırakılır, ancak farklı olabilir, örneğin arapça sağ başlar ve sol biter)
  • kullanıcılarınızın beklediği gibi

Ancak ekran okuyucular ve benzer Erişilebilirlik araçları durumunda, başlangıçta ana eylemin (batı kültürlerinde solda) bulunması, bu tür özel ihtiyaç kullanıcılarına çok zaman kazandırabilir!

1
straya

Tabii ki her iki taraf için ve her iki taraf için de birçok argüman var.

Yine de bu şekilde koyardım. "Negatif-pozitif yerleşimin en iyisi olduğuna inanıyor musunuz? Hayır veya Evet?"

Mesele şu ki, "Evet veya Hayır" konuşulduğunda daha iyi akar, bu da muhtemelen pozitif negatif düğme sırasının Microsoft tarafından neden seçildiğini açıklar.

DİĞER yandan, pozitif-argümana ağırlık eklemek ve bir insanın zihninde taze tutmak için retorik ve tartışmada negatif-pozitif akış sıklıkla kullanılır. "Çocuklarınızın karşı partinin elinde acı çektiğini mi görmek istiyorsunuz? Yoksa partimize oy vermek ve geleceğinizi güvence altına almak mı istiyorsunuz?" Ve bunun gibi.

0
Seth Jeffery

Olumlu eylemin solda veya sağda olması gerekip gerekmediği ve belirli işletim sistemleri veya fiziksel aparatlar (kitaplar), soyut yapılar (sihirbaz form akışı) vb. istatistiksel olarak en soldaki seçeneğin ilk seçenek olarak daha sık seçildiğini düşündürmektedir.

Bu, başka bir faktör dikkate alınmazsa, sola olumlu bir eylem (OK veya açık eylem etiketi) yerleştirilmesinin tercih edilmesi anlamına gelir.

Kaynak: Sadece soldan sağa sayılan insanlar mı?

0
too