Bir formda “Gönder” butonu gördüğünüz zaman aklınıza ne gelir? UX Movement geçtiğimiz hafta yayınladığı makalede bu konuya eğilmiş.

Çoğunlukla bu butona tıkladığınız zaman bilgilerinizin sisteme aktarılacağını düşünürsünüz. “Gönder” butonu sistemin ne yaptığını gayet iyi bir şekilde açıklar ama kullanıcının ne yaptığını belirtmek konusunda oldukça yetersizdir.

Kullanıcılar form doldururken, bir göreve dahil olurlar. Aksiyon butonu, kulanıcıların bu butona tıkladıkları zaman ne olacağını tam olarak bilebilmeleri için görevin ne olduğunu açıkça göstermelidir.  Kullanıcının görevini betimleyen bir buton, formun sadece bu spesifik görev için tasarlanmış olduğuna işaret eder. Formunuz ne kadar görev odaklıysa, kullanıcıların formu doldurma oranı da o kadar artacaktır.

“Gönder” butonu içeren bir form, kullanıcıda formun spesifik bir görev için tasarlanmadığı hissini oluşturur. Ek olarak sitenizin pek de kulanıcı dostu olmadığı etkisini bırakırsınız çünkü çok da alışıldık olmayan teknik bir dil kullanmakta olduğunuzu görürler. Eğer kullanıcılarınız bir form doldururken bu tip duygulara kapılıyorsa, bu işlem sürecinde bir kaç kullanıcı kaybedeceğinizden şüphe duymamalısınız.

Form butonunuz kullanıcının gerçekleştirmeye çalıştığı görevi tam olarak açıklamalıdır.  Örneğin, eğer hesap almak üzere üyelik oluşturuyorlarsa, bir “Hesabı Oluştur” butonu, kullanıcıya bu butona tıkladığı zaman hesabının oluşturulacağı mesajını verecektir. Basit ve görev odaklıdır. Eğer buton “Gönder” butonu olsaydı, kimi kullanıcılarda tıkladıktan sonra ne olacağı konusunda şüpheler uyanabilirdi. Bu, tasarımcıların çok kolay bir şekilde önüne geçebilecekleri ve kullanıcının zihninde oluşabilecek belirsizliği rahatça engelleyebilecekleri bir süreçtir.

“Gönder” butonları eskisi kadar yaygın olmasa da, halen çeşitli formlarda karşımıza çıkıyor. İşin iyi tarafı, bu hatayı düzeltmenin oldukça basit oluşu. İlk bakışta çok da önemli bir mevzuymuş gibi görünmeyebilir, ama formlarınızı daha çok insanın doldurmaya başladığını gördüğünüzde, net ve görev odaklı bir aksiyon butonunun en iyi seçim olduğunu siz de göreceksiniz.

Arka plan rengi ile metin rengi arasındaki kontrast oranlarını kontrol edin. Luminosity kontrast oranı bize renkler arası kontrast farkından renk körlüğü rahatsızlığı olanlar ile görme bozukluğu yaşayanların okumada sıkıntısı olup olmayacağını belirtiyor.

Bunun yanında tasarımınızda kontrast oranını yeterli düzeyde kullanıp kullanmadığınızı test etmek için sayfanızı siyah-beyaz hale çevirin. Sitenizdeki metinler hala okunabiliyorsa kontrast oranının yeterli olduğunu düşünebilirsiniz.

InterACT sitesinin normal görünümü

InterACT sitesinin siyah-beyaz görünümü

Görseller http://www.alistapart.com/articles/contrast-is-king/ adresinden alınmıştır.

Arama bölümünde kullanıcıların kafalarının karışmaması için arama kutusunun yanında mutlaka bir ‘Ara’ butonu bulunmalıdır.

Arama kutusunun yukarıdaki örneğin yerine şu şekilde kullanmalıyız:

Linkler ‘Buraya tıklayın’ gibi ifadelerle anlatılmamalıdır. Kullanıcı link metninden bir sonraki sayfada ne ile karşılaşacağını çıkarabilmelidir.

Ayrıca metin içinde aynı ifade ile belirtilmiş linkler aynı yere gitmelidir. Bu sayfada tutarlılık sağlayacaktır.