Userspots - Kullanılabilirlik testi ile kullanıcı dostu arayüzler yaratın... » İpuçları

Formlar ve “Gönder” Butonu

mustafadalci — Mon, 07 Feb 2011 09:00:43 +0000

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.

İlginizi Çekebilecek Diğer Yazılar

Kontrast oranı

mustafadalci — Tue, 13 Apr 2010 14:50:48 +0000

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.

İlginizi Çekebilecek Diğer Yazılar

Eylül 2011 Kullanılabilirlik Bülteni

Ara Butonu ve Arama Kutusu

mustafadalci — Mon, 22 Mar 2010 13:56:47 +0000

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:

İlginizi Çekebilecek Diğer Yazılar

Arama Kutusu – Tamamlama,Tavsiye ve Sonuçlar

Link Metni

mustafadalci — Mon, 15 Mar 2010 13:51:41 +0000

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.

Blogdan Rastgele Yazılar

Form’da Renk Kullanımı

mustafadalci — Mon, 08 Mar 2010 13:45:21 +0000

Formlarda renk seçerken kullanıcıların önceden aşina olduğu renkleri doğru kullanmalıyız.

Örneğin çoğu zaman kullanıcılar için kırmızı metinler hatayı ifade eder. Aşağıdaki gibi uyarıları kırmızı ile yaptığımızda kullanıcıda hata yapmış duygusu uyandırırız.

Formlarda yeşil renk ise çoğu zaman başarı ile doldurulmuş bir alanı belirtmektedir.

Blogdan Rastgele Yazılar

Form’da Label Etiketi

mustafadalci — Sat, 20 Feb 2010 19:01:05 +0000

Formları oluştururken label etiketini kullanmak aşağıdaki gibi metni tıklanabilir hale getireceğinden oldukça yararlıdır.

Blogdan Rastgele Yazılar

Hata Mesajları

mustafadalci — Wed, 09 Dec 2009 20:33:47 +0000

Hata mesajları açıklayıcı olsun.

Kullanıcılar tarayıcı ve çerez kavramlarına sizden çok daha uzaklar.

Blogdan Rastgele Yazılar

HTML Olmayan Linkler

mustafadalci — Sun, 06 Dec 2009 21:09:40 +0000

Pdf, word veya excel dosyalarına giden linkler diğerlerinden farklı olmalı.

Blogdan Rastgele Yazılar

Site Haritası

mustafadalci — Sun, 06 Dec 2009 21:07:54 +0000

Site haritası oluşturun. Site haritaları kullanıcıların çok girmedikleri yerler olarak biliniyorlarsa da çoğu durumda kullanıcılar için siteden ayrılmadan önce siteye verilmiş son bir şanstır.

Blogdan Rastgele Yazılar

Üyelik Bilgileri

mustafadalci — Sun, 06 Dec 2009 21:07:00 +0000

Üyelik bilgileri kullanıcının üye olduğu alanda bulunsun.

Kullanıcının üye girişi yaptığı yer;

girişten sonra kullanıcı bilgileri alanı olsun.