11 Web Sitesi Hack ile Mükemmel UX Oluşturma
Yayınlanan: 2016-06-15İyi bir web sitesi, bir kullanıcıyı tıklamaya, sayfalarına göz atmaya ve web sitesi sahibinin bunu kabul etmesi için yeterince uzun süre üzerinde kalmaya çağıran tüm gerekli hususların ve unsurların mükemmel birleşimidir.
Web siteleri ağırlıklı olarak en iyi işlevsellik, en iyi e-ticaret platformu ve web sitesinin sürmesi gerekiyorsa hepsi çok önemli olan en son güncel uzantılar için ayarlanmıştır. Bununla birlikte, web sitesi değerlendirme çalışmalarında hafife alınan ve söylenmeyen bir başka faktör de UX veya Kullanıcı Deneyimidir. İster inanın ister inanmayın, bu, web sitesinin en üst sıradaki tıklayıcı mı yoksa internette yüzen bir çöp parçası mı olacağını belirleyen birincil faktörlerden biridir.
UX Ne Kadar Önemli?
Kullanıcı Deneyimi veya UX, kullanıcının dijital bir arayüzle etkileşim kurma konusunda nasıl hissettiğidir. Faktörlerin çoğu, hem tasarımcıların hem de geliştiricilerin kapsamlı çalışmasını içerirken, diğerleri çevresel ve kullanıcı tercihlerini içerir. Bu faktörler; erişilebilirlik, arayüzün kullanılabilirliği, performans, tasarım/tema/estetik, ergonomi ve Pazarlamanın faydasından oluşur. Dijital platformlardaki tüm insan etkileşimi derinden bu faktörlere bağlıdır ve bu nedenle internette dikkat çekmesi gereken iyi bir web sitesi bunları UX'ine dahil etmelidir.
UX'i Etkileyen Faktörler
Bu faktörler iyi bir Kullanıcı Deneyiminin temel direkleri olsa da, bir web sitesinin Kullanıcı Deneyimi yoluyla etkinliğini ölçen insani yönler sadece kullanılabilirlikle sınırlı değildir. Bu çok özel konudaki birçok araştırmacı ve çalışma sayesinde, insan duygularının, kişiyi görsel olarak web sitesinin görünümüne bağlamada önemli bir rol oynadığını gördük. Bunları göz önünde bulundurarak, web sitesi işindeki etkilerinden bahsedelim.
Web Sitesi Formları
İlk önce formlar var. Unutmayın, kendilerini güvende hissetmelerini sağlamazsanız, hiç kimse bilgilerini doldurmak istemez. Formlar, şüphesiz müşterilerden bilgi edinmenin ve pazarlama, özel ürünler, fiyat tahminleri ve diğer birçok kullanım açısından çeşitli faydalar için kullanmanın temel bir mekanizmasıdır. Formlar ayrıca, yöneticinin hedef kitlesinin ihtiyaçlarını anlamasına ve kuruluşu için hedefler belirlemesine yardımcı olan sorgulama sürecinin ayrılmaz bir parçasıdır.
Çözüm:
Web sitesindeki formları tutmak ve müşteri ile etkileşimi sürdürmek için soruları düşük tutmanız, isteğe bağlı alanlara izin vermeniz ve özelliklerin altında talimat olarak yorumları ayarlamanız gerekir.
Alanlardaki Yer Tutucu Metni
Formlardan bahsetmişken, form alanı için gereken yanıt türünü örneklemek için yer tutucu metni de kullanabilirsiniz. Yer tutucu metin, alana çıkarılabilir metin biçiminde girilen örnektir. Fikir kesinlikle harika ve müşterilerin formun onlardan ne istediğini daha iyi anlamalarına yardımcı oluyor. Sorun şu ki, bir çok sitede bizzat tecrübe ettiğim gibi, sahaya bilgi girmeyi denediğinizde; yer tutucu metin orada kalır ve metninizle karışır. Ondan kurtulmanın tek yolu, onu manuel olarak silmek, aksi takdirde formunuz geçmeyecek. Şimdi bunu, bilgilerinizi girmeniz gereken diğer 20 alanla hayal edin.
Çözüm:
Müşterilerin canını sıkmamak ve yine de doğru bilgileri girmelerini sağlamak için, müşteri bilgileri girer girmez yer tutucu metnin kaybolduğundan emin olun.
Niteliklerde Biçimlendirme
Bilgiye uygun doğru alan türü kullanılarak bu sorundan kaçınılabilir. Ancak, böyle bir hüküm yoksa, her zaman, rakam ve metin gibi kullanıcının girmesi gereken bilgi biçimine talimatı eklemelisiniz. Müşterinin yanlış biçimde bilgi girmesini, yalnızca bir hata mesajı almasını beklerseniz, o kullanıcı mağazanızdan gitmiş kadar iyidir.
Çözüm:
Bu, çoğunlukla müşteriler hayal kırıklığına uğradığında ve web sitesini terk etmeye karar verdiğinde ödeme sayfalarında olur. Kullanıcıyı netleştirmek için alanların altındaki örnekleri kullanabilirsiniz.
Hata Mesajlarını Önleyin
Hata Mesajlarının profesyonel bir web sitesinde otomatik düzeltme sisteminin önemli bir parçası olduğunu kimse inkar edemez. Ancak bunların nasıl kullanılacağı daha büyük bir tartışmadır. Bu mesajların bir müşterinin UX'ini nasıl etkilediğini anlamak için, sizi kayıt olmak için Kullanıcı Kimliği ve Şifresini girerek ürün satın almaya çalışan çevrimiçi bir alıcının yerine koyalım. Denemelerinizin 6-7'si içinde kayıt olamazsınız, çünkü hata mesajı yalnızca "Kullanıcı kimliğini yeniden girin" diyor, burada "Bu Kullanıcı zaten alındı" yazıyor!
Çözüm:
Bu tür asılsız hata mesajları, müşterileri hayal kırıklığına uğratır ve anında vazgeçmeye neden olur. Geliştiricilerinizden her zaman, kullanıcının tekrar ortaya çıkmasını önlemek için ne yapması gerektiğini doğru şekilde söyleyen, kendi kendini açıklayan bir hata mesajı üretmelerini isteyin.
Büyük Başlıklar
Bu şeyin nasıl geliştiğini anlayamıyorum ve daha da iyisi, sayfalarında Büyük sabit Gezinti başlıklarını kullanan artan sayıda web sitesiyle internette trend oldu. Şimdi sorun şu ki, kullanıcı sayfayı aşağı kaydırdığında, gerçekten önemli olan içeriği görüntülemekte zorluk çekiyor. Bu büyük başlıklar ve benzer öğeler içeriği engeller ve kullanıcının altındaki önemli içeriği okumasını veya görmesini engeller. Kategorilerin ve daha büyük yazı tipinin olduğu daha büyük web sitelerinde, içerik tamamen gizlendiği için bu sorun daha da önemli hale gelir.
Çözüm:
Bu sorunu çözmek için yönetici, geliştiriciden bu Sabit Büyük Gezinti başlıklarını KULLANMAMASINI ve bunun yerine kullanıcının metni düzgün bir şekilde okumasını sağlayan basit başlıkları kullanmasını isteyebilir.

Duyarlı Tasarım Benimseyin
Üstel teknoloji ve gadget'ların bu modern çağında, çevrimiçi kullanıcıların çok büyük bir yüzdesi web sitelerini tabletlerinden ve dizüstü bilgisayar veya masaüstü bilgisayara kıyasla orantılı olarak daha küçük ekranlara sahip diğer el cihazlarından görüntüleyip kullanıyor. Sorun, web sitesi daha küçük ekrana uyum sağlayamazken, daha büyük ekranda mükemmel şekilde çalıştığında ortaya çıkar. Bu, müşteri için doğrudan bir “HAYIR”dır. Web sitesini cihazlarında yayma yeteneği olmadan, web sitesi kullanıcıya asla ulaşamaz çünkü çoğu zaman kullanıcı el cihazında gezinir.
Çözüm:
Duyarlı web siteleri, her cihazda en az kaydırma, yeniden boyutlandırma ve kaydırma yoluyla optimum görüntüleme ve etkileşimli deneyim sağlayabilen siteler oluşturmak için web tasarımına yönelik bir yaklaşımdır.
Kontrast için Daha Açık Tonlar Kullanın
Resmi olarak siyah olan bir kontrastın aksine, karanlık bir şeye bakmanız gerektiğinde ne olur? Demek istediğimi anladın mı? Açıklamama izin ver. Metniniz için koyu bir yazı tipi kullandığınızda ve onu daha koyu bir arka plana ayarladığınızda, sonuç kesinlikle kullanıcı için körlük olacaktır. Paralel spektrum yazı tipini ve kontrastını asla seçmeyin, çünkü bu sadece okumada yetersizliğe neden olmakla kalmaz, aynı zamanda müşterilere yanlış seçim duygunuzu da yansıtır.
Çözüm:
Kontrast olarak daha açık tonları kullanabilirsiniz. Birçok üst düzey web sitesinde kendim gördüm. Arka plan olarak sarı, uçuk beyaz, bulut beyazı ve hatta açık turuncu gibi daha açık tonları akıllıca kullanmışlar.
Metin ve Resimler
Bir web sitesi multimedya kadar metin merkezli olmalıdır. Kullanıcı, metinsel açıklamasına güvenerek bir ürünü hayal edemez. Göz, bir görüntünün görsel ayrıntılarına yazılı belgelerden çok daha fazla güvenir, ancak yazılı ayrıntılar olmadan görüntü istendiği gibi konuşamaz. UX dışında metinler de SEO teknikleri ile pazarlama açısından büyük önem taşımaktadır.
Çözüm:
Tipografinin, rengin ve boyutun, çoğunluğun psikolojik çekiciliğine uyması için optimize edildiğinden emin olmanız gerekir. Benzer şekilde, ideal görüntüleme deneyimi için kullandığınız görüntüler yakınlaştırma işlevlerine sahip HD olmalıdır.
Renk Seçimi
İnsan gözü yaklaşık 10 milyon farklı rengi algılayabilir, ancak bu, web siteniz için herhangi bir rengi seçip yazı tipinize ekleyebileceğiniz anlamına gelmez. Birçok renk bir arada bulunamayacağı için renkler dikkatli seçilmelidir. Neon yeşili turuncu bir arka plana karşı spam gönderemezsiniz, aynı koyu mavi siyah bir arka plana karşı ayırt edilemez.
Çözüm:
Şu anda hangi renklerin trend olduğunu gerçekten bilmiyorum, ancak harekete geçirici mesaj düğmeleri için yeşilin, negatif boşluklar için beyazın ve çoğu yazı tipi için siyahın uygun şekilde kullanılması, her web sitesinin içerdiği güvenli bir uygulamadır. Yukarıda belirtilen temel kurallara uyarak istediğiniz zaman sanatsal bir dokunuş verebilirsiniz.
Eylem Çağrısı
Bunu günlük hayatımızdan bir örnekle açıklayayım. Sokak satıcılarından mal almak için sıradan bir günde olduğunuzda, mallara bakmadan sizi tezgahın yanına çeken nedir? Çoğu satıcının ilgi çekici noktalar ekleyerek alıcıyı çekmek için kullandığı tezahüratlardır. Benzer şekilde, mağazanız yalnızca "Harekete Geçirici Mesaj"ı doğru şekilde kullanırsanız alıcıyı çekmek için yeterince iyi olacaktır.
Çözümler:
“Harekete Geçirici Mesajlar”, izleyicilerini anında belirli bir eylemi gerçekleştirmeye teşvik eden tetikleyicilerdir. Şık bir düğmeyle çekici bir ifade veya ifade kullanarak, son derece iyi bir harekete geçirici mesaj oluşturabilirsiniz.
Mobil Cihazlar için Dokunma İşlevi
Bu, pazarlık edilmesi gereken en sinir bozucu unsurlardan biridir ve en kötü yanı, site sahipleri bunu ayrım gözetmeksizin yaptığı için internetin her yerinde olmasıdır. Ayarlarınız mobil kullanıcı için bir dokunma hedefiyse, Tanrı'nın Sevgisi için lütfen kullanıcının onunla etkileşime girmesi için biraz boşluk bırakın. Bir çevrimiçi mağazadan beyzbol şapkası almaya çalıştığımı hatırlıyorum, ancak baş parmağımı “Ödeme” düğmesine her ulaşmaya çalıştığımda “Derecelendirme” düğmesine basmaktan kendimi alamadım. Bu sadece kullanıcıyı sinirlendirmekle kalmaz, aynı zamanda onu siteden küfreder.
Çözüm:
Diğer kullanıcılar benim kadar sabırlı olmayacaktır, bu yüzden kendi web sitenize hapsolmadan önce, tasarımcınızdan düğmeyi web sitenizdeki diğer dokunma hedeflerinin yanına uygun boşluklarla yerleştirmesini isteyin, aksi takdirde hiçbir zaman abone veya alıcı bulamayabilirsiniz. sorunu bile çözememek.
Çözüm
Tüm bu kötü şöhretli sorunlar, çok çalışılmış web sitelerinin, sonunda web sitesini internette yüzen bir hayalet gemiye dönüştüren UX sorunları yaşamasının ana nedenidir. Sadece biraz çaba sarf ederek ve bazı ihtiyati tedbirler alarak, bu sorunların giderek maliyetli bir felakete dönüşmesini önleyebilirsiniz. Bu sorunların her birinin çözümlerine kulak verirseniz, sizi temin ederim ki, kullanıcılarınıza ve müşterilerinize gelecek vaat eden bir deneyimi başarıyla sunmakla kalmayacak, aynı zamanda web sitenizi arama motorlarında üst sıralarda bir tıklayıcıda yükselteceksiniz. UX söz konusu olduğunda, “ müşteri deneyimiyle başlamanız ve teknolojiye doğru geri dönmeniz gerekir ” – Steve Jobs .