E-ticaret sitelerinde form tasarımı

Formlar web ortamında en çok kullanılan tasarım öğelerinden birisi. Kullanıcı ile iletişimde aracı rolü oynuyorlar. Kullanıcılar bir bilgi girmek istediklerinde, bir sey eklemek istediklerinde, siteye katılımda bulunacakları zaman bunu hep formlar sayesinde yapabiliyorlar.

Kullanıcı-site etkileşiminde bu derece etkin bir aracı rolünü üstlenen formların tasarımı da, bu ilişkinin (etkileşimin) başarısı açısından önemli bir hal alıyor. İşlevselliğin ön planda olduğu form tasarımında, kullanıcıların kolayca anlayabileği ir seatyo ve dil kullanmak gerekiyor.

Form tasarımı sadece form elemanlarının yerleşimi, stil eklenmesi anlamına gelmiyor. Form tasarımı, farklı form elemanlarından farklı kullanımlar için seçilecek standartlara(örneğin tarih formatları), form verilerinin doğrulanmasına kadar geniş bir alanı kapsıyor.

İnsanların özellikle ormları doldurmaktan hoşlanmadıklarını düşünürsek, iyi bir form tasarımının, formları kullanımı kolay yaparak bu hoşnutsuzluğu aza indirmekten geçtiğini söyleyebiliriz. Web Developers‘dan Andrew Starling özellikle e-ticaret sitelerinde kullanılmak üzere, daha kullanışlı formlar tasarlamak için bazı önerilerin bulunduğu bir yazı yazmış.

Yazıda öne çıkan bazı ipuçları şunlar:

• Kullanıcılara çok fazla soru sormayın ve asla kullanmayacağınız bilgiler istemeyin.
• Aynı bilgiyi iki defa sormayın.
• Faturada gerekmeyecek alanları doldurulması zorunlu alanlar yapmayın.
• Nedeninin anlaşılması zor olan durumlarda, doldurulması zorunlu alanlar için açıklama koyun.
• “Radio” butonları ve “dropdown” form elemanları kullanırken, eğer seçim isteğe bağlı ise, kullanıcıların seçeneği boş bırakabilmelerine izin verin.
• Uzun “dropdown” menüler pek hoş görünmese de, tarih ve ülke gibi seçimlerde kullanıcıların hata yapma oranını azaltmak için, “dropdown” form elemanları kullanın.
• Hata mesajı verilen yerlerde, uygun olan alanlardaki bilgilerin kaybolmasını engelleyin.
• Doldurulması zorunlu fatura bilgisi alanlarıyla, seçeneğe bağlı kullanıcı bilgileri formlarını birbirinden ayırın.
• Ve son olarak, kötü doldurulan yada yanlış bilgilerin sıkça girildiği formları değerlendirerek, kullanıcıların özellikle nerelerde yanlış yaptıklarını inceleyin.

Websitesini oluşturan elemanlar – II

Daha önce “Websitesini oluşturan elemanlar” başlığıyla, tasarım elemanlarının kullanımını anlatan bir siteden bahsetmiştim. Web Design Practices adındaki başka bir site de tasarımcılara, bugün Web ortamında kullanılan tasarım uygulamalarını anlatmaya adamış. Sitede 79 tanınmış e-ticaret sitesinin arayüz uygulamalarının iyi sunulmuş bir incelemesini bulabilirsiniz.

Sitede “navigasyon”, “e-ticaret fonksiyon”ları ve “sayfa mizanpajı” ana kategorilerinde pek çok tasarım uygulaması var. Ayrıca, alt kategorilerde tasarım elemanlarının ayrıntılarıyla incelenip, canlı örneklerle çeşitlendirildiği sitede, kullanım oranlarıyla ilgili sayılar da bulmak mümkün.

Başkalarının bulduğu çözümleri incelemek, karşılaştığınız sorunlar için, daha az zaman ve çaba sarfederek orjinal fikirler bulmanızda yardımcı olabilir.