Kredi Kartı Formu Kullanılabilirliği

Kullanıcıların kredi kartlarının bilgilerini girdiği sayfada bulunan formla ilgili birkaç tavsiyeyi aşağıda bulabilirsiniz.

1. Kullanıcıların bir bölümü 16 rakamdan oluşan kredi kartı numaralarını aralarında boşluk olarak girecektir. Kullanıcının boşluk kullanmasına izin verip arka planda 16 rakamı almak bir programcı için çok da zor değildir.

2. Son kullanma tarihlerini seçerken ayların ismini yazmak kullanıcılarda birkaç saniye olsa bile duraklama yaratacaktır. (Twitter’da bir serzeniş). Ayrıca ilk defa kredi kartı bilgisini verecek kullanıcı kredi kartı üzerinde yazan rakamların hangisinin ay hangisinin de yıl bilgisi olduğunu çıkaramayabilir. Bu yüzden kullanıcılar bu alanı aynen kredi kartının üstünde yazdığı gibi seçebilmelidir.

3. CVC2 (Kredi kartının arkasında bulunan 3 basamaklı güvenlik rakamı) yine çoğu kredi kartı kullanıcısı için çok fazla anlam ifade etmemektedir. Bu yüzden CVC2′nin nerede olduğu görsel bir şekilde anlatılmalıdır.

4. Kart tipi bölümü de Visa ve Mastercard ikonları ile daha anlaşılır halde sunulabilir.

Form Butonları Göz İzleme Sonuçları

Web sayfalarında kullanıcılara en fazla sıkıntı yaratan elementlerden biri olan formların daha kullanılabilir oluşturulmasının yollarını anlatan Web Form Design Best Practices kitabında birincil (genellikle Kaydet/Tamam) ve ikincil (genelde iptal) form butonlarının göz izleme cihazı ile analizi yapıldı.

Kullanıcılardan aşağıdaki 5 farklı yerleşim ve şekilde butonları olan formları doldurmaları istendi.

Yapılan test sonucunda A, B, C, D ve F seçeneklerinde kullanıcıların %100 başarıya ulaşmasına rağmen göz izleme sonucunda en iyi performansın B seçeneğindeki formdan alındığını görülmekte. B seçeneğindeki form doldurulurken oluşan odaklanma noktaları aşağıdaki gibi:

Test sonucunda ise kullanıcıların en beğendikleri seçeneğin A olduğu ortaya çıkıyor. A seçeneğindeki form doldurulurken oluşan sıcaklık haritası aşağıdaki gibi:

Submit (Kaydet), Cancel (İptal) butonlarının arasında tasarımsal farklılığın olması (ve Cancel seçeneğinin daha az dikkat çekici olması) kullanıcılar açısından daha yararlı olmakla birlikte yanlışlıkla basılacak bir İptal tuşunun olasılığını da azaltmakta.

Bu iki form butonunun yerleşimi konusunda web’de bir standart olmamakla birlikte işletim sistemlerinde bir farklılık bulunuyor. Windows’da the Windows Vista User Experience Guidelines da gördüğümüz gibi Tamam butonu solda İptal butonu sağda iken Macintosh da Apple Human Interface Guidelines da anlatıldığı gibi Tamam butonu sağda İptal solda bulunuyor. Mac’in bu tasarım kararının arkasında kullanıcıların okuma alışkanlıklarının olduğu belirtiliyor.

Haberdar Ol

Kullanılabilirlik bültenine üye olun, e-postanıza her ay kullanılabilirlik, göz izleme ve tasarım içerikli bir e-posta (örnek bülten) gönderelim.

UX Store

Tasarım, kullanılabilirlik ve kullanıcı deneyimi çalışmalarınızı kolaylaştıracak araçlar satın alın.

Userspots 2009 yılından itibaren kullanıcı deneyimi ve kullanılabilirlik alanlarında faaliyet göstermektedir.Userspots’un sunduğu servislerle daha kullanıcı dostu yazılımlar, mobil uygulamalar, web siteleri kısacası arayüzler yaratabilirsiniz.

Kendi projeleriniz kapsamında yapacağınız kullanılabilirlik çalışmalarınızda faydalanmanız için blogumuzu takip edebilir, göz izleme için hazırladığımız e-kitabı okuyabilir, persona taslağını indirebilirsiniz.

Kullanılabilirlik testi veri tabanına üye olun, düzenlediğimiz testlere katılın, para ve hediye kazanın!

Üye Olun