web design uiOctober 30, 20266 min read

Buton Etiketleri: "Tamam" Neden Yanlış Buton Metni ve Yerine Ne Yazmalı

Bir buton, dokunulduğunda ne olacağını söylemelidir. OK, Yes, No ve Submit neden başarısız olur, Apple'ın kendi yönergelerinin arkasındaki fiil öncelikli kural, kopyalayabileceğin altı değişiklik ve her diyalog için beş saniyelik bir test.

By Boone
XLinkedIn
Button Labels: Why "OK" Is the Wrong Button Text and What to Write Instead

Tamam yazan bir buton, insanları Tamam'ın ne anlama geldiğini anlamak için soruyu tekrar okumaya zorlar. "Tamam, sil?" mi, "Tamam, boşver?" mi? Bir buton etiketi, dokunulduğunda ne olacağını söylemeli ki kimse başka bir yere bakmak zorunda kalmasın. İşte dört kural, her biri yan yana yeniden kurulmuş halde, ve kopyalayabileceğin altı değişiklik.

Tamam neden başarısız olur

Tamam, soruyu yazan kişinin kafasındaki soruyu cevaplar. Okuyan kişi başlığı aklında tutmak, cümleyi sonuna Tamam ekleyerek yeniden kurmak ve bunun isteyip istemediğine karar vermek zorundadır. Yıkıcı bir diyalogda bu bir kumardır, çünkü iki buton birbirine benzer ve tehlikeli olan tehlikeli olduğunu söylemez.

Aynısı Evet, Hayır, Gönder, Devam ve Onayla için de geçerlidir. Hepsi bir sorunun cevabı ya da formdaki genel bir adımdır, olacak şeyin kendisi değil. Etiket eylemi taşımadığında bunu başlık ve gövde metni taşımak zorunda kalır, insanlar ise okumadan dokunur.

Apple da uyarılara dair Human Interface Guidelines'ında bunu söyler: butona dokunmanın sonucunu anlatan bir ya da iki kelimelik başlık kullan ve doğrudan uyarı metniyle ilişkili fiilleri ve fiil öbeklerini tercih et. Hata mesajı örnekleri yazımız butonun çevresindeki kelimeleri ele alıyor. Bu yazı ise butonun kendisiyle ilgili.

Düzeltme 1: Ne yaptığını söyle

Tamam

Bu fotoğrafı sil başlıklı, İptal ve siyah bir Tamam olmak üzere iki butonlu bir diyalog

Sil

Tamam yerine kırmızı bir Sil butonu olan aynı diyalog
Sorunun içinde bir fiil var, o yüzden buton onu ödünç alır. Solda, insanların itildiği siyah Tamam butonu hiçbir şeyi adlandırmıyor. Sağda buton Sil diyor ve kırmızı, yani etiket ile renk neyin olmak üzere olduğu konusunda hemfikir.

Fiili doğrudan başlıktan kopyala. "Bu fotoğraf silinsin mi?" için Sil, "Bu hesap engellensin mi?" için Engelle.

Fiil sığmıyorsa başlık muhtemelen fazla belirsizdir, o zaman başlığı düzelt.

Düzeltme 2: Evet ve Hayır'ı bırak, İptal'i koru

Hayır / Evet

Kaydetmeden ayrıl başlıklı, Hayır ve Evet olmak üzere iki butonlu bir diyalog

İptal / Ayrıl

Gri bir İptal ve kırmızı bir Ayrıl butonu olan aynı diyalog
"Kaydetmeden ayrılınsın mı?" sorusunun ardından gelen Hayır ve Evet küçük bir tuzaktır. Hayır, ayrılma mı demek, yoksa kaydetme mi demek? Sağda İptal her zaman geri dönüş yolu, Ayrıl ise çıkış yolu, yani hiçbiri yanlış okunamaz.

Evet ve Hayır, okuyucuyu cevabını cümleye eşlemeye zorlar. İptal, tutmaya değer tek genel kelimedir, çünkü anlamı asla değişmez: geri çekil, hiçbir şey olmaz. Apple'ın rehberi de aynı: Evet ve Hayır'dan kaçın, eylemi iptal eden buton için her zaman İptal kullan.

Düzeltme 3: Sonucu adlandır

Gönder

Toplamı 24,00 $ olan bir sipariş özeti ve Gönder yazan siyah bir buton

24,00 $ öde

24,00 $ öde yazan siyah bir butonu olan aynı sipariş özeti
Gönder, formun ne yaptığını anlatır, kişinin ne yaptığını değil. 24,00 $ öde hem eylemi hem tutarı söyler, böylece para harcamadan önceki son dokunuş aynı zamanda son kontrol olur.

En iyi etiket çoğu zaman nesneyi ya da tutarı taşır: 50 $ gönder, Hesap oluştur, Faturayı görüntüle, Taslağı kaydet. Bu, bir şeye mal olan anlarda, yani ödeme, gönderme ya da silme sırasında en çok önem taşır, çünkü buton taahhütten önce okunan son şeydir.

Düzeltme 4: Bir ya da iki kelime

Beş kelime

Evet, hesabımı sonsuza dek sil yazan geniş kırmızı bir buton

İki kelime

Hesabı sil yazan kırmızı bir buton
Cümle gerektiren bir etiket, üstündeki diyalogun işini yapmadığının işaretidir. Sonuçları gövde metnine koy, butonu eylemle sınırla.

Kısa etiketler çeviriden ve küçük ekranlardan da sağ çıkar. İngilizcede beş kelimelik bir buton Almancada ya da Rusçada daha uzun olur ve satır atlamaya ya da kırpılmaya başlar. İki kelime büyümeye yer bırakır.

Altı değişiklik

YerineŞunu yazNe zaman
TamamSil"Bu fotoğraf silinsin mi?" sonrasında
EvetAyrıl"Kaydetmeden ayrılınsın mı?" sonrasında
Gönder24,00 $ ödeÖdeme özetinde
Buraya tıklaFaturayı görüntüleBir şey açan link ya da butonda
DevamHesap oluşturKayıt formunun sonunda
Onayla50 $ gönderTransfer özetinden sonra

Tamam ne zaman doğrudur

Apple tam olarak tek kullanıma izin verir: karar verilecek bir şeyin olmadığı ve butonun tek işinin mesajı kapatmak olduğu bilgilendirici uyarılar. "Oturumun sona erdi" mesajında Tamam butonu sorun değil. İçinde seçim olan her şeye bir fiil verilmeli. Bilgilendirici uyarıda bile, sonraki adımı anlatıyorsa Anladım ya da Tekrar giriş yap gibi daha özel bir kelime daha iyi olabilir.

Beş saniyelik test

Başlığı ve gövdeyi kapat, yalnızca butonları oku. Kişi her birinin ne yapacağını hâlâ söyleyebiliyorsa etiketler doğrudur. Söyleyemiyorsa etiket, bir anlam taşımak için soruya yaslanıyordur.

Bunu ürünündeki her diyalogda, toast'larda ve her formdaki tek butonda dene. Dakikalar sürer ve bir ekibin yapabileceği en ucuz metin değişikliğidir. Baştan diyalog mu yoksa sheet mi seçileceği için modal ve bottom sheet yazımıza bak.

SSS

Tamam yerine buton ne demeli?

Sorudaki fiil. "Bu fotoğraf silinsin mi?" diye soran bir diyalogun butonu Sil demeli. Tamam yalnızca bilgilendiren ve karar istemeyen bir uyarıya yakışır.

Butonlarda Evet ve Hayır kullanmak kötü mü?

Genellikle evet. İnsanları cevabı cümleye eşlemeye zorlar ve yanlış okunmasına yol açar, "Kaydetmeden ayrılınsın mı?" örneğindeki gibi. Eylem için bir fiil, vazgeçmek için İptal kullan. Apple'ın yönergeleri uyarılarda Evet ve Hayır'dan kaçınmayı söyler.

İptal mi kullanmalıyım, Hayır mı?

İptal. Her zaman geri çekil ve hiçbir şey olmaz demektir. Hayır, sorunun nasıl kurulduğuna göre farklı anlamlara gelebilir.

Buton metni kaç kelime olmalı?

Bir ya da iki. Hesabı sil ya da 24,00 $ öde gibi sonucu adlandır, açıklamayı yukarıdaki gövde metnine koy.

Gönder neden kötü bir buton etiketi?

Gönder, formun ne yaptığını söyler, kişinin ne aldığını ya da harcadığını değil. 24,00 $ öde, Mesajı gönder ya da Hesap oluştur gibi bir etiket sonucu ve gerektiğinde tutarı adlandırır.

Apple OK butonları hakkında ne diyor?

Apple'ın Human Interface Guidelines'ı, uyarı tamamen bilgilendirici olmadıkça varsayılan buton başlığı olarak OK'tan kaçınmayı ve dokunmanın sonucunu anlatan fiilleri tercih etmeyi söyler.

Kaynaklar

  • Apple Human Interface Guidelines, Alerts: butona dokunmanın sonucunu anlatan bir ya da iki kelimelik başlık, doğrudan uyarı metniyle ilişkili fiiller ve fiil öbekleri, OK'ın yalnızca bilgilendirici uyarılarda kullanımı, Evet ve Hayır'dan kaçınma ve uyarının eylemini iptal eden butonu adlandırmak için Cancel. Ayrıca uyarı tamamen bilgilendirici olmadıkça varsayılan buton başlığı olarak OK'tan kaçınmayı söyler.
  • Yukarıdaki diyaloglar ve sipariş özeti bize ait örneklerdir. Kelime sayıları, beş kelimelik "Yes, Delete My Account Forever" dahil, gösterilen etiketlerden sayılmıştır.
  • İlk olarak UX Brainy üzerinde carousel olarak yayımlandı.

Want every button, dialog and error in your product to say exactly what it does? Our team designs app UI and writes the words inside it.

Get Started

More from Brainy Papers

Keep reading