Çarşamba 25 Ocak 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. İpuçları
  3. Kullanıcı Dostu Form Oluşturmak İçin 9 Kural
 Kullanıcı Dostu Form Oluşturmak İçin 9 Kural
İpuçları Tasarım

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

Yazar : Bilal UÇAR 24 Şubat 2017 1 Comment

İçindekiler

  • 01. Sadece ne istediğini sorun.

  • 02. Alanları mantıksal olarak sırala

  • 03. Etiketleri kısa tutun

  • 04. Alanları çoğaltmayın

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

  • 06. Varsayılan değerlere dikkat edin.

  • 07. Yazma gereksinimini asgariye indirin

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

  • 09. Sıfırla butonu kullanmayı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.

Etiketler: form oluştururken dikkat edilecek kurallar form oluştururken dikkat edilecekler kullanıcı dostu form nasıl oluşturulur kullanıcı dostu form oluşturmak
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

1 Yorum

  • Mehmet says:
    24 Şubat 2017 at 16:57

    Sizi fazlasıyla haklı buluyorum. Guzel bir yazı olmuş teşekkürler

    Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.