İpuçları Tasarım

Kullanıcı Dostu Form Oluşturmak İçin 9 Kural

Ziyaretçiler genelde form doldurmaktan hoşlanmaz. Sitenizdeki formları verdiğimiz birkaç tavsiyeyle daha hızlı doldurulmasını sağlayın.

Kullanıcıların sitenizdeki bir formu doldurması için formun kolay basit ve hızlı olması gerekir. Bunun için sizlere form tasarlarken yardımcı olabilecek kurallara bir göz atmanızda fayda var.
İnsan-bilgisayar etkileşiminin gelişimine rağmen, formlar kullanıcılar için en önemli etkileşim türlerinden biri olmayı sürdürüyor. Uygulamanızı veya sitenizi kullanan kişilerin belirli bir amacı vardır. Eğer bir alışveriş siteniz varsa kullanıcının amacı alışveriş yapmaktır. Bunun içi de sitenize kayıt olması ve ödeme yapması gerekir. Bunun içinde formlara ihtiyaç vardır.

Sonuç olarak, çevrimiçi formları hızlı ve karışıklık olmadan tamamlayabilmek bizim için çok önemlidir. Ne kadar az çaba harcarsak, mutlu oluruz. Tasarımcılar ve geliştiriciler olarak, kullanıcılarımız için daha hızlı, daha kolay ve daha üretken form deneyimleri üretmeye çalışmalıyız.

01. Sadece ne istediğini sorun.

Bilgi alırken gerekli miktarda bilgi almak formun doldurulmasını kolaylaştırır. Alan sayısını mümkün olduğunca en aza indirgemeye çalışın, çünkü bir forma eklediğiniz her alan dönüşüm oranını etkiler. Form ne kadar kalabalıksa kullanıcının formu doldurma oranı o kadar düşer.

02. Alanları mantıksal olarak sırala


Formunuzu diyalog gibi düşünün. Alanları kullanıcıya mantıklı bir sıraya göre gösterin.

Bir formun bir görüşmeye benzediğini düşünmek faydalı olacaktır. Form uygulama veya veritabanına göre değil kullanıcının bakış açısına göre sıralanmalıdır.

İlgili soruları bloklar halinde gruplamak çok önemlidir. Bu sayede bir soru kümesinden diğer soru kümesine geçerken akış daha iyi olacaktır. Gruplama yaparak kullanıcının doldurması gereken bilgileri daha iyi anlamalarına yardımcı olmuş olursunuz.

Yukarıdaki resim iki kayıt formuna örnektir. İlgili alanları gruplandırmazsanız, yukarıdaki resimde gördüğünüz gibi kötü bir görünüm olabiliyor.

Gruplama, görsel olarak olduğu kadar kodda da yapılmalıdır. Örneğin, ilişkili form denetimlerini ilişkilendirmek için fieldset ve legend öğelerini kullanabilirsiniz:

03. Etiketleri kısa tutun

Alan etiketleri, girilecek olan girdinin ne olduğunu belirtir. Bu alan etiketleri, kullanıcı arayüzlerini daha erişilebilir kılmanın başlıca yollarından biridir. Etiketler kullanıcıya alanın amacını bildirir, ancak yardım metinleri değildir. Bu nedenle, kolayca anlaşılmasını sağlamak bir öncelik taşır – kısa, özlü ve açıklayıcı etiketler kullanın (bir veya iki kelimeye).

04. Alanları çoğaltmayın

Bu problem özellikle kayıt formları için yaygındır. Birçok sitede eposta adresi ve şifre iki kere tekrar edilir. Tarihsel olarak, bu yanlış yazım hatalarını önlemek için tasarlanmıştır. Kullanıcı zaten bunları kopyala yapıştır yaptığı için eğer yanlış yazdıysa bile tekrar yanlış yazacaktır. Bu yüzden 2 şer tane kullanmaya gerek yok.

05. İsteğe bağlı alanları vurgulayın

Normal olarak isteğe bağlı alanların olmaması en iyisidir. Formda girilen bilgi olmazsa olmaz bir bilgi değilse bunu zorunlu kılmayın. Kullanıcının zamanının boşa gitmesinin bir anlamı yoktur. Formda gerekli yerleri zorunlu işareti koyarak işleri kolaylaştırabilirsiniz. Genellikle yıldız işareti (*) veya ‘isteğe bağlı’ gibi bir etiket yeterlidir.

06. Varsayılan değerlere dikkat edin.

Kullanıcılarınızın büyük bir bölümünün (örneğin yüzde 90’ı) bu değeri seçeceğine inanıyorsanız, otomatik olarak o değeri seçili olarak getirebilirsiniz. Örneğin formunuzda ülke geçiyorsa ve sitenizin ziyaretçilerinin çoğu Türkiye’den geliyorsa ülkeyi Türkiye olarak seçili getirebilirsiniz. Bu formun daha hızlı doldurulmasına yarar.

07. Yazma gereksinimini asgariye indirin


Kullanıcılarınıza iki kere aynı bilgiyi yazdıracak formlar güzel tasarlanmış bir form değildir. Bu kullanıcıların yalnızca vakitlerini boşa harcayarak onları sinirlendirir.

Yazma, yavaş ve hataya açık bir süreçtir. Özellikle mobilde form doldurmak epey zordur. Bu yüzden gereksiz tekrardan kaçınmalısınız. Formu basit hale indirgeyin.

08. Gerçek zamanlı geçerliliği kullanma


Kullanıcılar bir hata yaparsa onları derhal uyarın. Bunu şu şekilde açayım. Örneğin kullanıcı bir parola yazdı. Parolanın en az 8 karakter olmasını istiyorsunuz ancak kullanıcı 6 karakterlik bir parola girdi. Anında onu uyarın. Formu gönder dedikten sonra uyarırsanız kullanıcılar bu duruma sinirlenebilir. Ayrıca formu tekrar tekrar gönderip hataları düzeltmektense hatayı yapar yapmaz değiştirmeleri daha kolaydır.

Formlarda sadece hata yaptığında değil doğru yaptığında da yeşil ışık yakın. Kullanıcılar bu durumda mutlu olacaktır ve formu devam ettirmek isteyeceklerdir.

09. Sıfırla butonu kullanmayın

Bu maddede yanlış düşünüyor olabilir miyim bilmiyorum. Şimdiye kadar doldurduğunuz formlarda hiç sıfırla düğmesini kullandınız mı? ben kendi açımdan cevap veriyorum kullanmadım. Kullananı da görmedim. Bu yüzden gereksiz olarak görüyorum. Kaldırın gitsin.

Bu makalede kullanıcı dostu form oluştururken dikkat edeceğiniz noktalara değindik. Bu konu hakkında düşüncelerinizi yorum yaparak bizlerle paylaşabilirsin.



Yazar hakkında

Bilal UÇAR

Web Developer @Webmaster.Kitchen.
Wordpress üzerinde çalışmalar yapıyorum. Bu konuda öğrendiklerimi mutfakta paylaşıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz.
Yorum alanı ile mutfağa katkıda bulunun.

Yorumlar

1 Yorum

Bir yorum yaz