UX tasarımının arkasındaki fikir basittir: mutlu, kendine güvenen kullanıcıların sizden satın alma olasılığı daha yüksektir. Size daha fazla güvenme, posta listelerinize kaydolma veya uygulamanızı indirme olasılıkları daha yüksektir.
Kullanıcı deneyimi tasarımını (veya UX tasarımını) gelişimden çok psikoloji olarak düşünüyorum.
İyi UX tasarımı, ziyaretçilerinizin başına girmekle ilgilidir.
Her hareketini öngörüyor ve kullanımı kolay, sezgisel ve eğlenceli bir web sitesi oluşturuyor.
Ne yazık ki, iyi UX tasarımı için kolay bir cevap veya gümüş mermi yoktur. Bu çok sayıda küçük ayarın sonucudur. Her biri web sitenizdeki deneyimi geliştirir.
Bunu göz önünde bulundurarak, UX tasarımınızı parlatacak 25 küçük (ve kolay) ince ayardan oluşan bir kontrol listesi hazırladım.
Contents
- 1 1. Hız
- 2 2. Sen kimsin ve ne yapıyorsun?
- 3 3. Ziyaretçilerin sizinle iletişim kurabildiğinden emin olun
- 4 4. Ziyaretçilere her zaman eve geri dönüş yolu verin
- 5 5. Daha da iyisi, nerede olduğunu bilmesi için ekmek kırıntılarını bırakın
- 6 6. Tekrarlanan işlemleri kaldırın
- 7 7. Yeni başlayanlara yardımcı olmak için araç ipuçlarını kullanın (ancak uzmanları engellemeyin!)
- 8 8. Büyük, cesur bir harekete geçirici mesaj oluşturun
- 9 9. Birincil ve ikincil harekete geçirici mesajlar arasında açık bir ayrım yapın
- 10 10. Kullanıcılara nereye gideceklerini göstermek için hiyerarşiyi kullanın
- 11 11. Beklenen öğelerle uğraşmayın!
- 12 12. 3 renkli basit bir palete sadık kalın
- 13 13. Neden bir hata alıyorum? Ve şimdi ne yapacağım?
- 14 14. Kullanıcılara bir şeyi tamamladıklarında bir beşlik verin
- 15 15. Sadece iki font ailesine sadık kalın
- 16 16. Farklı ve tutarlı uyarı mesajları kullanın
- 17 17. SINIR KAPAKLARI KİLİT METİN
- 18 18. İlgili öğeleri birlikte gruplandırın
- 19 19. Her şeyi tutarlı tutun
- 20 20. Göz taraması düzenini tasarlayın
- 21 21. Tanıklıklar ve sosyal kanıtlarla güven oluşturma
- 22 22. Kullanıcılara neyle oynayabileceklerini bildirin!
- 23 23. Nazik bir öğrenme eğrisi oluşturun
- 24 24. Ziyaretçinizle hızlıca empati kurmanın bir yolunu bulun
- 25 25. Bir diyalog oluşturmak için mikro etkileşimleri kullanın
1. Hız
Web sitesi hızı, iyi bir izlenim bırakmak için ilk şansınızdır. Bu senin ilk UX engelin.
(görüntü kaynağı)
Çok yavaş ve ziyaretçileriniz zaten heyecanlı ve size daha az güvenme ihtimali var. Hızı içgüdüsel olarak profesyonellikle ilişkilendiriyoruz ve çoğu ziyaretçi web sitenizin iki saniye içinde yüklenmesini bekliyor.
Bundan daha yavaş bir şey ve başlangıçtan itibaren kötü bir kullanıcı deneyimi.
Sunucu hızınızın çizildiğinden emin olun ve hızlı bir şekilde açılabilmesi için sitenizin ağırlığını azaltın.
2. Sen kimsin ve ne yapıyorsun?
Bir sonraki büyük zorluğunuz ziyaretçilerinizi hızla bilgilendirmektir. Kimsin? Ne yaparsın? Ve onlara hangi değeri verebilirsin?
Buna değer teklifi denir ve üzerine bir blog yazısı yazmamız çok önemlidir. Ziyaretçilerinizi ikna etmek için sadece birkaç saniyeniz var, bu yüzden sayın!
Şimdi deneyin: tüm web sitenizi tek bir cümleyle özetleyin ve ziyaretçilerin daha sonra gitmesini istediğiniz tabela.
3. Ziyaretçilerin sizinle iletişim kurabildiğinden emin olun
UX tasarımının temel bir parçası, ziyaretçilerinizin sahip olabileceği endişeleri veya endişeleri ortadan kaldırıyor.
Yeni ziyaretçiler için en büyük endişelerden biri, size güvenip güvenmemeleri – özellikle de yeni bir web sitesi iseniz.
Bu kaygıyı ortadan kaldırmanın bir yolu, onlara perde arkasında gerçek bir insan olduğunu göstermektir. Bir işletme adresi, bir telefon numarası ve gerçek bir e-posta adresi ekleyin. (İrtibat formu DEĞİL – insanlar düz e-posta adreslerine kıyasla onlara güvensizlik eğilimindedir).
Daha da iyisi, kullanıcıların anında soru sorabilmesi için canlı bir sohbet kutusu kullanın.
Bir şeyler ters giderse, kolayca iletişim kurabileceklerini bilmek güzel.
4. Ziyaretçilere her zaman eve geri dönüş yolu verin
Daha önce web sitelerinde hepimiz kaybolmuştuk. Bağlantıları takip edip bir tavşan deliğinden aşağı iniyorsun.
Bu olursa, ziyaretçileriniz heyecanlanır ve sinirlenir. Tarayıcıyı kapatmak için içgüdüsel olarak “X” düğmesine basacaklar.
Bunun yerine, her zaman baştan başlayabilmeleri için açık ve tanımlanmış bir “ana sayfa” düğmesinin bulunduğundan emin olun. Kullanıcılar genellikle logonuzun ana sayfaya geri bağlanmasını bekler, bu nedenle.
5. Daha da iyisi, nerede olduğunu bilmesi için ekmek kırıntılarını bırakın
Onları hızlı bir şekilde yeniden başlatmanın yanı sıra, süreçte nerede olduklarını açıklamak için ‘ekmek kırıntılarını kullanın.
Büyük ilerleme çubukları bunun için mükemmeldir. Örneğin, ödeme işlemi sırasında varsa, kullanıcınıza tam olarak nerede olduklarını ve ne yapılacağını bildirin.
(görüntü kaynağı)
Yine, bu basit bir psikolojidir. Örneğin, sonun nerede olduğunu bilmediğinizde yürüyüşe çıkmak çok daha yorucudur. Bir haritamız olduğunda çok daha rahat hissediyoruz. Aynı fikir çevrimiçi olarak da geçerlidir.
6. Tekrarlanan işlemleri kaldırın
Aynı verileri iki kez bir forma (fatura adresi ve gönderim adresi gibi) girmek çok sinir bozucudur. Satın alma sürecini yavaşlatan tekrar eden eylemlerden kurtulmaya çalışın.
Sepetten vazgeçmeye neden olan şey budur. Ziyaretçileriniz başka bir yere bakacak.
Daha da iyisi, müşterilerinizin tercihlerini hatırlayan bir sistem oluşturun. Tekrar orada beklediğinde onları şaşırtacak ve memnun edecek. Geri dönen müşterilerin şansını artıran basit bir şey.
7. Yeni başlayanlara yardımcı olmak için araç ipuçlarını kullanın (ancak uzmanları engellemeyin!)
Ziyaretçilerinizden bazıları düzenli olacak. Kayıt sayfalarınızda ve satın alma işleminizde patlayacaklar. Diğerleri yepyeni olacak ve yol boyunca bazı soruları olabilir.
Küçük ‘araç ipucu’ simgeleri (genellikle bir soru işareti ile tanımlanır) yeni başlayanların ne yapmaları gerektiğini anlamalarına yardımcı olur. Ancak aynı zamanda uzmanlarınızın yoluna girmiyorlar.
(görüntü kaynağı)
Uzmanları hızlandırmaya yardımcı olmak için kısayollar veya hızlı yollar bile sağlayabilirsiniz. Çoğu web sitesinde ve uygulama açıklayıcıda sık sık “bunu atla” bağlantılarını görürsünüz, örneğin.
8. Büyük, cesur bir harekete geçirici mesaj oluşturun
Harekete geçirici mesaj, ziyaretçinize tam olarak ne yapması gerektiğini söyler: Örneğin, “Kaydolun” veya “Şimdi satın alın”. Komut verdiğinden, açık olduğundan ve bunu yapmanın değerini açıkladığından emin olun.
(görüntü kaynağı)
Daha da iyisi, net, cesur bir renk yapın (yeşiller ve portakallar burada harikalar yaratır) ve beyaz boşlukla çevreleyin. Bu, kullanıcılarınızın gözünü doğrudan ona çekmeli ve onlara yapmasını istediğiniz şeyin bu olduğuna dair net bir gösterge sunmalıdır..
9. Birincil ve ikincil harekete geçirici mesajlar arasında açık bir ayrım yapın
Çok sayıda harekete geçirici mesajla iki seçenek görürsünüz. Örneğin “Gönder” ve “iptal et”. Veya now şimdi indir ’ve‘ ücretsiz deneme ’.
Ziyaretçinin hangi işlemi yapmasını istediğiniz açıktır, bu yüzden bunu bildiğinden emin olun. Spotify’ın ana sayfasına bakın. “Git premium” düğmesini kalın ve dikkat çekici hale getirdiler. ‘Ücretsiz oynat’ düğmesini arka plana kaydırdılar.
Bu yine basit bir psikoloji. Kullanıcılarınıza hangisini tıklayacaklarını açıkça bildirirsiniz.
10. Kullanıcılara nereye gideceklerini göstermek için hiyerarşiyi kullanın
Umarım, net bir ‘kullanıcı yolculuğu’ aklınızda olmalıdır. Diyelim ki web siteniz üzerinden çevrimiçi dersler veriyorsunuz. Basit bir kullanıcı yolculuğu şöyle görünebilir:
Son blogu oku > ücretsiz rapor indirin ve posta listesine kaydolun > ücretli çevrimiçi kursa kayıt olun.
Açık bir yolculuğunuz varsa, kullanıcıları istediğiniz yere yönlendirmek için görsel bir hiyerarşi oluşturabilirsiniz. Bu durumda, blogunuzun gördükleri ilk şey olduğundan emin olursunuz. Ardından, posta listenize bir çok bağlantı eklemeye başlayacaksınız.
11. Beklenen öğelerle uğraşmayın!
Mizanpajlar ve öğelerle yaratıcı olma isteğine direnmek genellikle zordur. Ama şey şu ki, hepimiz bir çevrimiçi mağazanın neye benzemesi gerektiğini biliyoruz. Ürünlerin basit kategorilerde düzenlenmesini bekliyoruz. Ürün açıklamaları, incelemeler ve tanıdık bir satın alma süreci bekliyoruz.
Bu önemli yönlerle tekerleği yeniden icat etmeye çalışmayın! Basit tut.
12. 3 renkli basit bir palete sadık kalın
Yine, bu tamamen şeyleri aşırı karmaşıklaştırma isteğine direnmekle ilgilidir. 3’ten fazla ana rengi birleştirmek zordur ve genellikle kullanıcılarınızı karıştırır.
(görüntü kaynağı)
Renk, psikoloji ve duygu ile yakından bağlantılı olduğu için kullanıcı deneyiminizi şekillendirmede de çok yararlıdır. Örneğin, maviyi güven ile ilişkilendiriyoruz (Facebook’un maviyi kullanmasının bir nedeni var!)
Renk paletinizi ürününüzle eşleştirin.
13. Neden bir hata alıyorum? Ve şimdi ne yapacağım?
Bazen işler ters gidiyor ve 404 hataları kaçınılmaz oluyor. Ancak, bunu olumlu bir kullanıcı deneyimine dönüştürebilirsiniz..
Özel 404 ve 504 sayfalar oluşturarak bu hatayı neden aldıklarını tam olarak açıklayın. Twitter’ın ‘başarısız balina’ bununla ünlüdür.
Bilinmeyen hatalar için üzerinde çalıştığınız kullanıcılara güvenin ve onları web sitenize yönlendirin.
Çıkmazlar, hata sayfaları gibi tehlikelidir. Kullanıcılar haç için doğal olarak uzanır. Onları rahatlatın ve geri gönderin.
14. Kullanıcılara bir şeyi tamamladıklarında bir beşlik verin
İnsanlar bir başarı ve tamamlanma duygusu tarafından yönlendirilir. Bir görevi tamamladıklarında, onlara haber verin ve bir sonra nereye gideceklerini gösterin.
Bunu, e-posta adreslerini gönderdikten sonra, bir ürün satın aldıktan sonra, sepetlerine bir şey ekledikten sonra veya yalnızca bir blog gönderisinin sonuna ulaştıklarında yapabilirsiniz.
Basit, kolay, olumlu bir deneyim. Ayrıca kullanıcılara bir işbirliği duygusu verir; aslında hedeflerine ulaşmalarına yardım ediyormuşsunuz gibi.
15. Sadece iki font ailesine sadık kalın
Tutarlılık ve markalaşma, iyi bir kullanıcı deneyiminin anahtarıdır.
Logo yazı tipiniz Futura, gövde metniniz Times New Roman, harekete geçirici mesajınız Comic Sans ve başlıklarınız Sargılar ise çok kafa karıştırıcı …
Sadece iki font ailesine bağlı kalın. Okuması daha kolay ve daha profesyonel ve güvenilir görünüyor.
16. Farklı ve tutarlı uyarı mesajları kullanın
Bazen kullanıcılarınız bazı şeyleri yanlış anlar. Belki şifrelerini yanlış girdiler ve giriş yapamadılar. Belki de kayıt sayfasına bir posta kodu eklemeyi unuttular.
(görüntü kaynağı)
Bu durumlarda, basit, ancak belirgin bir hata veya uyarı mesajı isteyeceksiniz. Sitenizdeki herhangi bir şeye renk ve stil bakımından farklı olduğundan emin olun. Bir şeyin eyleme geçmesi gerektiği konusunda açık bir işaret verir..
Ayrıca bu uyarı mesajlarını sitenizin tamamında tutarlı hale getirmelisiniz. Kafa karıştırıcı hale geldiğinden farklı bir renk, stil veya yerleşim kullanmayın.
17. SINIR KAPAKLARI KİLİT METİN
Sadece sinir bozucu.
Aslında bundan daha önemli nedenler var. Aslında büyük harfleri küçük harflerden daha yavaş okuyoruz. Okumayı taramak çok daha zor (genellikle interneti bu şekilde okuyoruz).
Gerçekten büyük bir etki yaratmanız gerektiğinde yedek kapak kilidi.
18. İlgili öğeleri birlikte gruplandırın
Bu, özellikle e-ticaret web siteleri içindir, ancak yönetim genelinde çalışır.
Benzer ve ilgili öğeleri aynı yerde tutmaya çalışın. Bu, ziyaretçilerinizin ve müşterilerinizin neredeyse ihtiyaçlarını önceden tahmin ettiğiniz gibi çok daha özel bir hizmet alması anlamına gelir.
Bunu Amazon’un ‘bunun gibi’ seçim gibi fiziksel ürünlerle yapabilirsiniz. İlgili bir içerik bölümünü kullanarak blog yayınları ve makaleler için de benzer bir şey yapabilirsiniz..
Ziyaretçilerin sitenizde gezinmesini sağlar, hemen çıkma oranınızı azaltır ve daha kişisel bir deneyim yaratır.
19. Her şeyi tutarlı tutun
İstediğiniz son şey, bir ziyaretçinin bir bağlantıyı tıklaması ve farklı bir web sitesine gitmiş gibi hissetmesi.
Sitede nerede olursanız olun, gezinme çubuğunuzun aynı yerde olduğundan emin olun. Logonuzun her zaman görünür olduğundan ve renk paletinin aynı kaldığından emin olun.
20. Göz taraması düzenini tasarlayın
Kitap okuduğumuz gibi web siteleri okumuyoruz. Gözlerimiz atlar ve önemli bilgileri tarar.
Tipik olarak web sitelerini bir F modelinde okuruz, ancak cesur görüntüler ve harekete geçirici mesajların da öncelikle dikkatini çektiği bilinmektedir..
21. Tanıklıklar ve sosyal kanıtlarla güven oluşturma
Web sitenize gelen ziyaretçilerin çoğu bekçileriyle birlikte gelir. Doğal olarak yeni sitelere karşı temkinli ve kesinlikle sizden satın almaya hazır değiller.
Söylediğim gibi, UX tasarımının önemli bir parçası bu engelleri kaldırmak ve insanların web sitenizde kendilerini rahat hissetmelerini sağlamak. Birkaç iyi yerleştirilmiş referans ve factoid, insanların kendilerini daha rahat hissetmelerini sağlayacaktır. Diğer kişilerin (ideal olarak büyük isimler) ürün ve hizmetinizi kullandığını ve onayladığını görmek isteriz.
22. Kullanıcılara neyle oynayabileceklerini bildirin!
Web siteleri genellikle iki bölümden oluşur: Birincisi: içerik – statiktir ve onunla etkileşime giremeyiz. Ve iki numara: kontroller – bunlar tıklayıp oynatabileceğimiz ve etkileşimde bulunabileceğimiz şeyler.
Twitter bu konuda harika. İçerik için basit siyah metin. Mavi metin neyi tıklayıp etkileşim kurabileceğinizi belirtir. Ne ile oynayabileceğinizi göstermek için üzerine geldiğinizde simgeler renkle dolar.
Kullanıcıları web sitenizle oynamaya davet edin!
23. Nazik bir öğrenme eğrisi oluşturun
Hiç kimse kafa karıştırıcı ve zor bir web sitesine saplanmayı sevmez.
Ziyaretçilerinize hemen hemen hızlı bir kazanç sağlamaya çalışın. Onları rahatlatın ve basitleştirin – özellikle zor bir iş teklifi sunuyorsanız.
24. Ziyaretçinizle hızlıca empati kurmanın bir yolunu bulun
Kullanıcı deneyimi tamamen bir insan ilişkisini taklit etmek ve kullanıcı ile bağlantı kurmakla ilgilidir. Empati bunun büyük bir parçasıdır – Ziyaretçilerinizin hedefleri ve hayalleri nelerdir? Onları şimdiye kadar geride tutan şey?
Sorunlarını anladığınızı hemen bildirin. Bunu, ilişkilendirilebilecekleri bir görüntü veya en büyük sorunlarını özetleyen bir cümle ile yapabilirsiniz..
Ziyaretçiniz ‘bu web sitesi beni alır!’.
25. Bir diyalog oluşturmak için mikro etkileşimleri kullanın
Yolculuğunuzun her küçük bölümünde kullanıcılarınıza geri bildirim sağlamaya çalışın. Kullanıcıların yanıt verdiği gerçek bir iletişim ve ilişki yaratacaktır..
Bunu “İyi iş!” Gibi bir kopya ile yapabilirsiniz. “Bunu beğenebileceğinizi düşündük”, “bir uzmanla konuşmak ister misiniz?”
Veya yükleme sayfasında başparmak yukarıya, gülen yüz veya saat gibi küçük grafikler ve görseller.
—
Bu küçük değişiklikleri birleştirdiğinizde, güven yaratan, hedef kitlenize bağlanan ve onları mutlu ve bir başarı hissi veren bir kullanıcı deneyimi yaratacaksınız..
Bu UX tasarım numaralarından herhangi birini kullanıyor musunuz? Kaçırdığım her şeyi duymak isterim! Yorum bölümünde bana bildirin.