Butonun görevi yalnızca dikkat çekmek değil, yapılacak işlemi anlaşılır kılmaktır. Aynı sayfada çok sayıda güçlü renkli buton bulunması önceliği belirsizleştirebilir. Metin, boyut, durum ve yerleşim birlikte tasarlanmalıdır. Kullanıcı bastığında ne olacağını tahmin edebilmelidir.
Eylemi açık yazın
“Tamam” veya “Devam” bazı bağlamlarda yeterli olabilir; ancak kritik işlemlerde daha belirgin metin gerekir. “Teklif talebi gönder” veya “Değişiklikleri kaydet” sonuç hakkında bilgi verir. Başlığın aynısını butona yazmak yerine eylemi anlatın. Silme gibi işlemlerde yanlış tıklamanın etkisini değerlendirin.
Görsel öncelik kurun
Birincil, ikincil ve yardımcı eylemleri ayırın. Her biri için ayrı renk kullanmak zorunlu değildir; dolgu, kenar ve boşluk farkı yeterli olabilir. Aynı tür eylemin farklı sayfalarda farklı görünmesi öğrenmeyi zorlaştırır. Ortak bir buton sistemi oluşturun.
Durumları eksiksiz hazırlayın
Normal, üzerine gelme, klavye odağı, basılma ve işlem sürüyor durumlarını düşünün. Yalnızca fareyle görülen efektler mobilde bulunmayacaktır. Devre dışı butonun neden kullanılamadığı açıklanmalıdır. Gönderim sırasında tekrar tıklama ve başarısız işlem durumları ayrıca test edilmelidir.
Gerçek bağlamda kontrol edin
Butonu tek başına değil, çevresindeki metin ve diğer eylemlerle değerlendirin. Mobilde dokunma alanı, uzun metinlerin sığması ve sabit öğelerle çakışma kontrol edilmelidir. İyi buton tasarımı, güzel bir kutunun ötesinde, kullanıcının kararını ve işlem sonucunu açık hale getiren bir sistemdir.
Uygulama örneği
Aynı sayfada bulunan bütün eylemleri listeleyin. Hangisinin birincil olduğunu seçin ve diğerlerinin görünümünü buna göre sakinleştirin. “Devam” yazan düğmenin sonucunu bir cümleyle açıklayın. Bu cümle daha anlaşılırsa düğme metnini değiştirin. Son olarak klavyeyle odaklanıp telefonda dokunarak görünümün farklı etkileşimlerde de anlaşılır kaldığını kontrol edin.
Son kontrol
Butonların görsel ağırlığı sayfadaki karar sırasını yansıtmalıdır. Her eylem aynı parlak renkle gösterilirse öncelik kaybolur. Birincil ve ikincil eylemleri ayırın, ancak ikincil seçeneği okunmaz hale getirmeyin. Düğme metnini yapılacak işlemi anlatan fiille yazın. Klavye odağı, yüklenme ve devre dışı durumları tasarlanmadan yalnızca normal görünüşü tamamlamak, uygulamada tutarsız davranışlara yol açabilir.