Düğmeler web sayfalarında belirli bir komutun ardından sistemden beklenen etkileşimli geri bildirimi almayı sağlayan etkileşimli bir öğedir.
Web Düğmesi Nedir?
Düğmeler web sayfalarında belirli bir komutun ardından sistemden beklenen etkileşimli geri bildirimi almayı sağlayan etkileşimli bir öğedir. Temel olarak düğme, kullanıcının dijital ürünle doğrudan iletişim kurmasını ve belirli bir hedefe ulaşmak için gerekli komutları göndermesini sağlayan bir kontroldür. Örneğin, bir e-posta göndermek, bir ürün satın almak, bazı verileri veya bir içerik parçasını indirmek, oynatıcıyı açmak ve tonlarca başka olası eylem görev olabilir.
CTA Düğmesi
Harekete geçirici mesaj (CTA) düğmesi kullanıcıyı belirli bir eylemi gerçekleştirmeye teşvik etmeyi amaçlayan kullanıcı arabiriminin etkileşimli bir öğesidir. Bu eylem, belirli bir sayfa veya ekran için bir dönüşüm sunar (örneğin satın al, iletişim kur, abone ol vb.), başka bir deyişle pasif bir kullanıcıyı aktif bir kullanıcıya dönüştürür. Bu nedenle, teknik olarak, harekete geçirici mesaj metniyle desteklenen herhangi bir düğme türü olabilir.
Metin Düğmesi
Burada terminoloji şeffaftır: Bu düğme bir metinle birlikte sunulur. Bu düğmeleri renkli veya altı çizili olarak da görebilirsiniz. Ayrıca web sitesi başlığında kullanılan metin düğmeleri, bir kullanıcıyı web sitesinin temel içerik bölümlerine bağlar. Metin düğmeleri genellikle, ana kontrollerden veya CTA öğelerinden uzaklaşmadan ikincil etkileşimli bölgeler oluşturmak için kullanılır.
Artı Düğmesi
Tıklanan veya dokunulan artı düğmesi, kullanıcının sisteme yeni içerik eklemesini sağlar. Bir uygulamanın türüne bağlı olarak, yeni bir gönderi, kişi, konum, not, listedeki öğe olabilir. Bazen, bu düğmeye dokunarak, kullanıcılar doğrudan içerik oluşturma penceresine aktarılır.
Harcanabilir Düğme
Bu düğme, tıklandıktan veya tıklandıktan sonra çeşitli seçenekleri açar. Ekran alanıyla sınırlı mobil ara yüzler için özellikle önemli olan, ekranı aşırı yüklemeden doğru etkileşim akışını ayarlamanın bir başka yoludur.
Paylaş Butonu
Sosyal ağların yüksek popülaritesi, sohbet ve e-posta ile bu düğmeler, bir uygulama veya web sitesi içeriğini kullanıcının sosyal profiline bağlama sürecini basitleştirir. Bu türdeki düğme, bir kullanıcının içeriği veya başarıyı doğrudan sosyal ağ hesaplarıyla paylaşmasını sağlar. Bağlantıyı netleştirmek için, belirli sosyal ağların marka işaretini içeren ve kolayca tanınabilen simgelerle sunulur.
Hayalet Düğme
Ghost düğmesi, boş görünen şeffaf bir düğmedir. Bu nedenle “boş”, “içi boş” ve hatta “çıplak” olarak da adlandırılır. Bir düğme olarak görsel olarak tanınabilirliği, tipik olarak düğme kopyasının çevresinde oldukça ince bir çizgiyle çevrelenmiş bir şekil ile sağlanır.
Kayan Eylem Düğmesi
Material Design'da kayan eylem düğmesi (kısaca FAB), uygulama ekranında birincil eylemi sunan düğmedir. Genellikle, diğer sayfa içeriğinin üzerinde yükseltilmiş yuvarlak bir simge düğmesidir. Bu düğme genellikle kullanıcıların uygulamayla yaptığı önemli veya popüler işlemlere anında erişim sağlar. Mobil uygulamanın tasarımına ve bilgi mimarisine bağlı olarak FAB şunları yapabilir:
-Tipik bir temel eylemi gerçekleştirin (yeni bir e-postanın ekranını açın, fotoğraf veya video içeriği eklemek için ekranı açın, galeride gerekli içeriği arayın, vb.)
-Ek eylemleri göster
-Diğer UI öğelerine dönüştürün.
FAB'nin ekrandaki konumu genellikle yüksek görünürlük faktörü ile belirlenir ve uygulama ekranlarının genel tasarım konseptine göre değişebilir. Temel kural, konsantrasyon kaybını önlemek için ekran başına yalnızca bir FAB kullanmaktır, daha fazla değil.