Button etiketi ne işe yarar?
Konya’da yaşayan biri olarak hayatım biraz ikili ilerliyor. Gündüzleri kod, mantık, sistem; geceleri ise insan, anlam, niyet. Bilgisayarın başına geçtiğimde içimdeki mühendis hemen direksiyona geçiyor. Ama ekrana baktıkça, tıkladığım her şeyde içimdeki insan tarafı da sesini yükseltiyor. İşte tam bu noktada basit gibi görünen ama aslında epey şey anlatan bir soruya takılıyorum: Button etiketi ne işe yarar?
İlk bakışta çok teknik bir soru gibi duruyor. Ama biraz kurcalayınca bunun sadece bir HTML etiketi değil, insan–makine ilişkisine dair küçük ama güçlü bir sembol olduğunu fark ediyorum.
İçimdeki mühendise göre: Button etiketi ne işe yarar?
İçimdeki mühendis net konuşur. Duygusu az, tanımı bol.
Button etiketi, HTML’de kullanıcıyla etkileşim kurmamızı sağlayan temel araçlardan biridir. Form gönderir, JavaScript fonksiyonlarını tetikler, bir işlemi başlatır ya da durdurur. Semantik olarak “tıklanabilir eylem” anlamı taşır. Input type=”submit” yerine button kullanmak daha esnektir, daha kontrollüdür, daha moderndir.
İçimdeki mühendis için button etiketi ne işe yarar?
Cevap basit: Kullanıcıdan aksiyon almak için vardır.
Ayrıca erişilebilirlik açısından da önemlidir. Ekran okuyucular, klavye navigasyonu, ARIA rolleri… Doğru kullanılmış bir button, sistemi sağlamlaştırır. Kod okunur olur, bakım kolaylaşır. Mühendis tarafım burada rahatlar. Her şey yerli yerindedir.
İçimdeki insan tarafı araya giriyor
Ama sonra içimdeki insan tarafı itiraz ediyor.
“Bu kadar mı?” diyor.
“Gerçekten sadece bir aksiyon mu bu?”
Bir web sitesinde “Satın Al” butonuna bastığım anı düşünüyorum. Orada sadece bir fonksiyon çalışmıyor. Bir karar veriyorum. Tereddüt ediyorum. Bazen vazgeçiyorum. Bazen de hayatımın küçük bir yönünü değiştiriyorum.
İçimdeki insan tarafına göre button etiketi ne işe yarar?
İnsanı harekete geçirmek için vardır.
Rengiyle, metniyle, konumuyla bana bir şey fısıldar. “Devam et”, “Şimdi başla”, “Kaydol”. Bunlar teknik etiketler değil, duygusal çağrılardır. Yanlış yerde duran bir buton beni yorar. Fazla iddialı bir metin güvensizlik yaratır. Küçük bir “Gönder” butonu bile bazen büyük bir iç konuşmaya neden olur.
Tasarımcı gözüyle bakınca
İçimdeki mühendis ve insan tarafı kavga ederken, üçüncü bir ses daha ekleniyor: Tasarımcı gözü.
Button etiketi ne işe yarar sorusu burada bambaşka bir yere gidiyor. Buton; hiyerarşi kurar, dikkat çeker, yönlendirir. Sayfadaki sessiz kalabalığın içinden “önemli olan benim” diye bağırır ama bunu bağırmadan yapması gerekir.
Konya’da küçük bir girişim için gönüllü çalıştığım bir projede bunu net yaşadım. Aynı işlevi gören iki farklı buton tasarladık. Biri gri, biri yeşil. Metinler neredeyse aynıydı. Ama tıklanma oranları arasında ciddi fark vardı. İçimdeki mühendis şaşırdı, içimdeki insan “ben sana demiştim” dedi.
Sosyal bilimler perspektifi
Sosyal bilimlere meraklı yanım devreye girdiğinde button etiketi artık teknik bir nesne olmaktan çıkıyor. Davranışsal ekonomi burada sahne alıyor. Varsayılan seçenekler, karar yorgunluğu, mikro dürtüler…
Bir butonun yeri, metni ve rengi kullanıcı davranışını etkiliyor. “Ücretsiz dene” ile “Hemen başla” arasındaki fark sadece kelime değil; algı farkı. İnsan zihni risk ve kazancı farklı okuyor.
Bu açıdan bakınca button etiketi ne işe yarar?
Karar mimarisi kurmaya yarar.
Farklı yaklaşımlar, tek etiket
Mühendis için:
– Fonksiyon
– Erişilebilirlik
– Doğru semantik yapı
İnsan için:
– Güven
– Cesaret
– Tereddüt
Tasarımcı için:
– Odak
– Akış
– Görsel denge
Sosyal bilimci için:
– Davranış
– Yönlendirme
– Seçim mimarisi
Hepsi aynı etikete bakıyor ama farklı şeyler görüyor. Button etiketi ne işe yarar sorusunun güzelliği de burada. Tek bir doğru yok; bağlama göre anlam değişiyor.
Kendi zihnimde vardığım nokta
Kod yazarken içimdeki mühendis hâlâ button’un doğru yerde, doğru şekilde kullanılmasını savunuyor. Ama içimdeki insan tarafı artık şunu ekliyor: O butonun arkasında gerçek bir insan var. Acele eden, düşünen, korkan, umut eden biri.
Belki de iyi bir web deneyimi, bu iki sesi aynı anda dinleyebilmekten geçiyor. Button etiketi sadece tıklanan bir nesne değil; insanla sistem arasında kurulan küçük ama anlamlı bir anlaşma.