Bir web sitesinde kaç kez ziyaret ettiniz, sadece ziyaretiniz sırasında aldığınız deneyimden ötürü hayal kırıklığına uğramış ve rahatsızlık duyuyorsunuz? İster inanın ister inanmayın, özellikle web siteleri iyi UX uygulamaları görmezden geldiğinde, bu oldukça yaygın bir durumdur.

Bir web sitesi yapısının herhangi bir yönüne dahilseniz, kullanıcılarınızın iyi kitaplarında kalmak istiyorsanız, yaygın UX sorunlarından kaçınmanız gerekir. Tasarımcıların içine düştüğü en yaygın 4 UX tuzağına bir göz atalım ve bunları nasıl önleyeceğiz…

Formlar

Kullanıcılar, müşteriler ve müşteriler hakkında bilgi toplamak için formlar gereklidir. Onları kullanarak etrafta dolaşamazsın, ama doldurmak için dayanılmaz olmamalılar. Formların bir web sitesinin aradığı bilgiler konusunda çok az soruları olmalıdır. Çevrimiçi formların en büyük sorunlarından biri, talimatların olmadığı zamandır.

Biçimlendirme

Belirli bir bilgi için birini sorarken, aradığınızı vurgulayın. Tarih, saat veya diğer biçimlendirilmiş bilgiler gibi bir şey için özel bir biçime ihtiyacınız varsa, bunun bir örneği ile birlikte gelmesi gerekir. Hiçbir şey bittiğinde bir hata mesajı almak için bir formu doldurmaktan daha rahatsız edici değildir.

Yer tutucu metin

Yer tutucu metni

Bir tasarımcı biraz yukarı ve ötesine geçtiğinde ve form alanında yer tutucu metin sağlayarak aradıkları bilgi türünde bir ipucu verdiğinde çok hoştur. Bu son derece uygun olsa da, form alanına yazmaya başladığınızda gitmeyen yer tutucu metinle karşılaştığımda birkaç kez olmuştur. Bu, herhangi bir kullanıcı için büyük bir hayal kırıklığı noktasıdır, çünkü yazmayı bırakmalı, her şeyi seçmeli ve tekrar başlamalıdır. Ayrıca gereksiz türü seçebilir ve bunu silebilir, formu doldururken düşünce süreçlerinde bir kesintiye neden olabilirler. Aradığınız bilgi türünü ipucu olarak yerleştirmek için yer tutucu metni kullanırken, birisi bu giriş alanını seçtiğinde gittiğinden emin olun.

Hata mesajları

Bir web sitesinde bir şey yapmaya çalışmaktan, sadece bir hata mesajı almak için, yeterli bilgi ya da hiç bir şeyden kurtulmaktan daha fazla rahatsız edici bir şey yoktur. Bir web sitesi kullanıcısı bir hatayla karşılaşırsa, neyin yanlış olduğunu ve nasıl düzeltileceğini açıklayan bir açıklama olmalıdır. Örneğin, bir kullanıcı adı ve şifre ile bir siteye giriş yaparsanız, biriyle bir hata yaparsanız, hangisine söylenmelisiniz. Orada web sitelerine birçok giriş ile, kullanıcı adlarını ve şifreleri birden çok varyasyonları biriktirmek kolaydır. Her zamanki kullanıcı adı ve şifre kombinasyonumu değiştirmek zorunda kaldığım bazı durumlar vardır, çünkü 2 büyük harf veya sayı, harf ve noktalama işareti veya sembol gibi bir web sitesinin kayıt şartlarını karşılamadı.

Diğer örnekler şunları içerir: şifreler eşleşmezse, kayıt işlemi sırasında göndermeden önce bir hata mesajı gösterir. Başka bir örnek, bir kullanıcı adı zaten alınmışsa, birisi kayıtlarını göndermeden önce bunu gösterebilir.

Hiç kimse, özellikle kötü talimatları aldıktan sonra bir şeyi tekrar yapmaktan hoşlanmaz. Kullanıcıların size ilk defa doğru bilgileri sağlamasını kolaylaştırırsanız, daha yüksek katılımınız olacaktır.

Büyük, sabit navigasyon başlıkları

Bunun nasıl popüler hale geldiğinden emin değilim, ancak web'in etrafındaki birçok sitede çok gördüm. Böylesine büyük bir başlık ve bu gezinme öğelerinin tümü ile ilgili sorun, sayfayı aşağı kaydırdığınızda pek çok içeriği engeller. Bu özellikle, almanız gereken parçalar olduğunda veya içeriğin tarayıcının yüksekliğini dolduracağı zaman sinir bozucu olur, ancak bir kısmı navigasyonla gizlenir.

Özellikle Mobilde

Daha da kötüsü, bazen bir sitenin mobil boyutlara getirilmesi durumunda, büyük başlığın hala yerinde kalmasıdır. Bu, etrafta kötü bir deneyim, çünkü akıllı telefon ekranlarında alan zaten sınırlı. Aksi halde gizlenebilecek bir nav menü ile ele alınmasına gerek yoktur. Görünür kalması gereken belirli nav unsurları varsa, bunları küçük simgelere dönüştürün ya da yoldan bir yere koyun.

Düşük kontrast

Gözlerim iyi, ama siyah bir arka plan üzerinde görsel olarak kömür yazılarını veya ikonlarını ayırt etmeye çalışmanın hayranı değilim. Kimse bundan geçmek zorunda değil. Özellikle web tasarımında karşıtlık anahtardır.

Squarespace

Metin

Herhangi bir metin, okunması kolay hale getirmek için yeterince ağırlığa sahip, kolayca okunmalıdır. 100 ağırlıklı yazı tipi web'de neredeyse hiç yer yoktur (birkaç özel durum hariç). Akıllı telefonda süper ince bir yazı tipi kullanmak sadece sorunludur. Gözlerin mektup formlarını ortaya çıkarması için yeterli görsel kontrast olması gerekiyor.

Renk

Bir web sitesinin tüm öğeleri için, renkler arasında kolayca ayırt edilebilir bir kontrast olmalıdır. Her metnin, arka planından yüksek oranda bir kontrast oranı olmalıdır. Bu da herhangi bir bağlantı, seyir öğesi veya simgeleri için geçerli. Aradığınızı bulmak zor olmamalı.

Eylemleri çağırır

Diğer bağlantılar ve seyir öğeleri gibi, harekete geçirici mesajınız yüksek düzeyde bir kontrast sergilemelidir. Bir web sitesi ziyaretçisinin harekete geçmesini istiyorsanız, onu belirgin, okunması kolay ve yükleyip temizleyin. Çok fazla kez, arka plandan yeterince öne çıkmayan bir düğmeyle bir harekete geçirici mesaj görürsünüz. Bazen, bu bir düğme değildir ve sadece beyaz alanla çevrili basit bir metin bağlantısıdır.

Mobil cihazlarda hedeflere dokunun

Bunu pek çok mobil sitede görüyorum ve başa çıkılması en zorlayıcı unsurlardan biri. Tıklamak için bir düğmeniz veya bir bağlantınız varsa, kullanıcıların yanlışlıkla yanlış bir şey yapmaması için yeterli alan verin. Bir akıllı telefonda, herhangi bir düğmenin veya bağlantının ekranın kenarından veya köşesinden yeterince uzakta olduğundan emin olun, böylece kolayca dokunulabilirler.

Çoğu zaman, bir ekranın 4 köşesinden herhangi birine çok yakın yerleştirilmiş bir düğme, tam olarak dokunmak için çok zor. Daha büyük parmaklarınız varsa, akıllı telefon eyleminizi hiç kaydetmeyebilir. Bu, kullanıcının özelliği çalışmak için birkaç kez dokunmak zorunda kalmasına neden olur. Bu elemanlar için alan çok önemlidir.

dokunmatik hedefler

Sonuç

Bu yaygın UX sorunları, fazladan bir iş ve öngörüle kolayca önlenebilir. Web sitenizin ziyaretçilerinin sitenizi kullanmasını ve keyfini çıkarmasını istiyorsanız, süreci kolay ve akıcı hale getirmek önemlidir. Kullanıcılarınızın işlemleri tekrar etmesini ve süreçleri tekrar etmesini engellemek, hayal kırıklığını azaltır ve herkesin iyi tasarlanmış bir siteden beklediği kullanıcı deneyimini sağlar.

Özellikli resim, UX tasarım resmi Shutterstock üzerinden.