Bir tasarımcının yaptığı her seçim, bir tüketicinin ürün, hizmet veya şirketle etkileşim şeklini etkileyecektir. Bu, özellikle bir web sitesinin düzenlenme şekli için geçerlidir.

Tasarım psikolojisi üzerine serimizin bu son kurulumunda, bir web sitesinin kullanıcı yolculuğunu etkileyen bazı psikoloji ilkelerine derinlemesine gireceğiz. İçerikle ilgili en iyi uygulamalardan, etkili harekete geçirici mesajlar, kapılı içerik, menüde gezinme ve daha fazlası için ipuçlarına kadar, müşterilerinizin sitelerinizle etkileşime girip girmediğini etkileyecek psikolojik etkilerden bazılarını inceliyoruz.

Aşağıdaki bölümlerde, psikolojinin aşağıdakileri etkileyen bazı ilkelerini ele alacağız:

• İçerik önceliklendirme
• Navigasyon yapısı
• Geçitli içerik ve form alanları
• Sepetler ve ödeme işlemleri
• harekete geçirici mesajlar

İçeriğinize doğru şekilde öncelik vermek

Dizimizin dördüncü bölümünde sitenizin içerik hiyerarşisinin öneminden biraz bahsetmiştik, ancak burada bu temel analizi daha da genişleteceğiz. İçerik önceliklendirme veya içerik hiyerarşiniz, ürün veya hizmetinizin faydalarını en iyi ve tam olarak anlamalarını sağlamak için kitlenizin sitenizdeki bilgileri sindirmesi gereken kesin sırayı belirlemek anlamına gelir.

Bu noktaya kadar, tasarımcıların önemli bilgileri ekranın üst kısmına yerleştirmenin öneminden bahsettiğini duymuş olabilirsiniz. “Ekranın üst kısmı” internetin ilk zamanlarında web tasarım terminolojisine geçiş yapan eski bir gazete terimidir. Sitenizi ziyaret eden kullanıcıya kaydırma yapmadan görüntülenen herhangi bir içeriğe atıfta bulunur; tıpkı bir gazetenin en önemli hikayeyi sayfa ortasının üstüne koyması gibi.

Bununla birlikte, çoğu basılı gazete gibi ekranın üst kısmındaki içerik kavramı, birkaç nedenden dolayı biraz modası geçmiştir. Yeni başlayanlar için, mobil trafik masaüstünü geçmeye devam ederken, birçok kullanıcı artık web sitelerini daha küçük ekranlardan (telefonlar ve tabletler gibi) ziyaret ediyor. Bu nedenle, birçok site ziyaretçisi kaydırma yapmayı bekler , bu nedenle ekranın üst kısmındaki içerik bir zamanlar olduğundan daha az ağırlığa sahiptir.

Bu, ekranın üst kısmındaki içeriğin yararlı olamayacağı anlamına gelmez - açılış sayfaları harika bir örnektir - ancak buna çok fazla önem vermemeye dikkat edin. Tasarım yaparken bunun yerine Seri Konum Etkisini düşünün.

Alman psikolog Hermann Ebbinghaus tarafından icat edilen bir terim olan Seri Konum Etkisi, insanların bir listedeki ilk ve son öğeleri hatırlama olasılığının yüksek olduğu gerçeğine atıfta bulunur. Bunun nedeni, beynimizin ilk gördüğümüz öğeleri (öncelik etkisi) ve en son gördüğümüz öğeleri (sonralık etkisi) kayırmasıdır.

Bu taktik, kullanıcıların içeriğinizden yalnızca bir veya iki önemli çıkarımı (belki bir ürün adı veya önemli bir fayda) hatırlamasını istediğinizde işe yarar. Bununla birlikte, birden fazla adım içeren veya işlenmesi gereken çok fazla bilgi içeren daha karmaşık konular için farklı bir yaklaşım benimsemek isteyeceksiniz.

Aşamalı Açıklama taktiği, kullanıcılarınızın oldukça karmaşık konuları anlamasına yardımcı olmanın daha iyi bir yoludur. Bilgiyi birden çok ekrana yayma ve etkileşimlerin birinden diğerine geçmesini gerektirme tekniğini ifade eder. Bu, son kullanıcınızın sunulan bilgilerden bunalmış hissetme olasılığını düşürmeye yardımcı olur. Kesik içerik ve akordeon görüntüler, tasarımcıların web tasarımında aşamalı açıklamayı kullanmalarının yaygın yollarından sadece ikisidir.

Bu etkilerin her ikisi de mesajınızı tüketicilerin zihninde sağlamlaştırabilecek doğal insan düşünce kalıplarından yararlanmanıza yardımcı olacaktır. Bununla birlikte, kullanıcılar içeriğinizi okumaya başlamadan önce, belirli bir şey için sitenizde gezinmeye karar verebilirler. Sonraki bölüm, bu süreci ziyaretçileriniz için sorunsuz hale getirmenize yardımcı olacaktır.

Navigasyonu yapılandırma

Çoğu web sitesi gezinme düğmesi iki yoldan biriyle yapılandırılmıştır: sayfanın üst kısmındaki bir çubukta veya bir kenarda bir hamburger menüsünde. Bu tür navigasyon, kullanıcılar için neredeyse ikinci bir nitelik haline geldi ve “bozuk değilse, tamir etmeyin” dediği gibi.

Navigasyonu tasarlarken standardı takip etmek kolaydır, ancak yapınızı değiştirmek isteyebileceğiniz birkaç örnek vardır. İlgilenmeniz gereken ilk fikir Hick Yasasıdır.

1950'lerin başlarında, iki araştırmacı, William Edmund Hick ve Ray Hyman, uyaran miktarı ile bireyin karar vermesi için geçen süre arasındaki ilişkiyi inceledi. Sonuç mu? Çok fazla seçenek felç ediyor. Bu durumda, tonlarca tıklanabilir öğeye sahip geniş bir gezinme menüsü, yeni kullanıcılar için fazla bunaltıcı olabilir.

Bunun yerine, gezinme düğmeleriniz net, iyi yerleştirilmiş ve az olmalıdır. Daha büyük siteler için, daha düşük öneme sahip düğmeleri, navigasyonunuzdaki başka bir düğmenin şemsiyesi altına yerleştirin. Örneğin, Amazon'un üst düzey navigasyonu oldukça basittir, ancak kullanıcılar fareyle üzerine gelerek seçeneklerinin genişletilmiş bir görünümünü elde eder.

İzleyicilere başlangıçta görüntülediğiniz düğmelerin sayısını sınırlayarak, onların seçimlerini daraltmalarına ve daha iyi navigasyon kararları vermelerine yardımcı olursunuz. Kullanıcılarınızı en çok yapmak istediğiniz eylemi yapmaya zorlamak için öncelik efektini de kullanabilirsiniz.

Çoğu web sitesi gezinmelerini aynı şekilde düzenlerken (Hakkında sayfası, ardından Hizmetler veya Ürünler, ardından İletişim), önce en önemli içeriğinizi yerleştirmek daha fazla görünürlük kazanmasına yardımcı olur. Bu nedenle, birincil hedefiniz potansiyel müşterilerin sizinle iletişim kurmasını sağlamaksa, navigasyonunuzda ilk önce İletişim sayfası düğmesini yerleştirmeyi deneyin.

Navigasyon menüsü, birçok tasarımcının estetik vizyonları ile son kullanıcının deneyimi arasında doğru dengeyi bulmakta zorlandığı yerdir. Estetik-kullanılabilirlik etkisi, hoş bir tasarım ile kullanıcının işlevsel sorunları gözden kaçırma eğilimi arasındaki korelasyonu ifade eder.

Olduğu gibi, kullanıcılar bir kitabı kapağına göre yargılama eğilimindedir ve bulundukları site güzel görünüyorsa, işlevsel sorunları daha fazla affederler. Bu nedenle, UX testinizi tamamlarken, tasarımınızın olumlu etkilerine odaklanan ancak nasıl çalıştığı hakkında söyleyecek çok az şeyi olan kullanıcılardan gelen geri bildirimleri gözden geçirmeye özen gösterin. Tasarımınızı övmek için işlevsel başarısızlıklarınızı affetmediğinden emin olmak için sonuçlarını inceleyin.

Ziyaretçilerinizin kullanacağı kapılar ve form alanları oluşturma

Kullanıcılar her zamankinden daha fazla çevrimiçi zaman harcıyor olsa da, kişisel verilerini verme olasılıkları giderek azalıyor. Bu muhtemelen çoğu insanın en az iki e-posta adresine sahip olmasının nedenlerinden biridir.

Yalnızca bir tanesi düzenli olarak kontrol edilen birincil e-posta adresidir. Diğeri ne yazık ki nadiren kontrol edilir. Ya bu, kullanıcının erişimini kaybettiği eski bir hesaptır ya da bir şeye erişim için bir e-posta adresi gerektiğinde kullanılıyor, ancak kullanıcı adının arkasındaki kişi, ana gelen kutusuna bir sürü pazarlama e-postası gelmesini istemiyor.

Bir kullanıcı, aktif veya bilinçsiz olarak işletmenizle iletişime geçmek veya kapılı içerik indirmek için bir form alanını doldurduğunda, kafasında hızlı bir maliyet-fayda analizinden geçer. Formu doldurmanın, gelen kutularında ve akıllarında yer bırakmaya değer olup olmadığını düşünüyorlar.

Değerinizin, kullanıcılarınızın tereddütlerinden daha ağır basmasını sağlamanın en iyi yolu, form alanlarınızı olabildiğince kolay kullanılabilir hale getirmektir. Mümkün olan en nitelikli müşteri adayını elde etmek için bir kullanıcıdan çok sayıda demografik bilgi istemek cazip gelse de, bunu yapmak onları tamamen kaybetme riski taşır. Kullanıcılarınızın bilgilerini daha hızlı girmelerine yardımcı olmak için formlarınızı otomatik doldurma için optimize edin ve onları gönderim maliyetinin bir kısmından kurtarın.

Ek olarak, eklemek istediğinizi düşündüğünüz ancak bazı kullanıcılar için çok fazla soru gerektirebilecek sorular bulursanız (kısa bir yorum için bir alan gibi) bunu isteğe bağlı hale getirmek, ziyaretçilerin giriş maliyetlerini daha da düşürmelerine olanak tanır. .

Ziyaretçilerinizi göndermeye yönlendirmeye yardımcı olmak için kullanıcı yolculuğu boyunca bir form alanını doldurmak için psikolojik teşvikler de oluşturabilirsiniz. Buna, beyinde daha hızlı, daha akılda kalıcı çağrışımlar oluşturmak için kasıtlı olarak birbirine göre olan kelimeleri veya görüntüleri kullanma eylemi olan hazırlama denir. Bu küçük tetikleyiciler, bir kullanıcının "gereksiz e-posta adresini" girmesi ile birincil adresini girmesi arasındaki fark anlamına gelebilir.

Bazı web tasarımcılarının ziyaretçilerini bir kapı veya iletişim formu doldurmaya hazırlamasının basit bir yolu, anlamsal hazırlamadır. Bilinçaltında ziyaretçileri form göndermeye zorlayan dilsel çağrışımlar oluşturmak için anlamsal hazırlamayı kullanabilirsiniz. Örneğin, pazarlamacılar kapının diğer ucundaki içerikle ilgili bir soruna "hızlı" veya "kolay" bir çözüm sözü verdiğinde, bu tetikleyici kelimeler ziyaretçinin kişisel verilerini yazma eylemini görme biçimini de renklendirebilir. .

Sepetler ve ödemeler aracılığıyla konuşmaları sağlamlaştırma

Çevrimiçi bir satıcı olduğunuzda, ödeme süreciniz sitenizin tasarımının en önemli yönlerinden biridir. Bu, dönüşüm için yapma ya da ara zamanıdır, bu nedenle bir şeyler ters giderse veya çok uzun sürerse, bir indirimi kaçırabilirsiniz.

Bu, birçok pazarlama ekibinin kullanıcılara ürünlerini hatırlatmak için dijital afiş kampanyalarına güveneceği zamandır. Bununla birlikte, "banner körlüğü"nün etkileri, en iyi hazırlanmış dijital kampanyanın bile ilerlemesini engelleyebilir.

Afiş körlüğü, insanların eldeki görevle alakasız gördükleri şeyleri doğal olarak görmezden gelecekleri bir tür seçici ihmaldir. Bu nedenle, araba kullanırken bir yemek tarifi veya reklam panoları arasında gezinirken dijital reklamları ayarlamak çok kolaydır. Beyin, olabildiğince alakasız bilgiyi otomatik olarak filtreleyecektir ve reklamlar her yerde olduğu için ilk gidilecek şeylerden biridir. Peki, banner körlüğü ile nasıl mücadele edilir?

Mümkünse, terk edilmiş sepet e-postaları veya sayfa içi açılır mesajlar, potansiyel alıcınızı gerçek bir alıcıya dönüştürmenize yardımcı olabilir. Bu mesajlar, kullanıcının dikkatini tekrar ödeme işlemine çekme girişimidir. Bilinçaltını daha fazla harekete geçirmek için Zeigarnik etkisini kullanın.

Bu, Litvanyalı psikolog Bluma Zeigarnik'in kesintiye uğrayan veya yarım kalan görevlerin tamamlanmış görevlerden daha kolay hatırlanmasını şart koşan bir gözlemdir. Televizyon programlarının sık sık uçurumlar içermesinin nedeni budur; bitmemiş gibi görünen bir şeyi hatırlama ve geri dönme olasılığınız daha yüksektir.

Bu nedenle, bir kullanıcının terk edilmiş sepeti hakkında bir açılır pencere görüntülediğinizde, tamamlanmamış bir ilerleme çubuğu veya numaralandırılmış adım listesi de dahil olmak üzere, içinde bulundukları "ödeme" zihniyeti de dahil olmak üzere, sepetten çıktıklarında ne yaptıklarını hatırlamalarına yardımcı olur. alıcı geri dönüp yaptıklarını bitirmek için. Tamamlanmış bir görevin önerilen tatmini, kullanıcının satın alma işlemini bitirmek için ihtiyaç duyduğu son itme olabilir.

Harekete geçirici mesaj oluşturma

Harekete geçirici mesaj, sitenizin tartışmasız en önemli parçasıdır. Bir web sitesi oluşturma hedefiniz ne olursa olsun (satış, veri toplama, sosyal takip oluşturma) harekete geçirici mesaj, onu isteyeceğiniz yerdir.

Çoğu site için, muhtemelen farklı derecelerde önem verilen birden fazla harekete geçirici mesajınız olacaktır. Örneğin, birincil hedefiniz ürün satmaksa, muhtemelen bir bültene abone olmak veya bir arkadaşınızı tavsiye etmek gibi ikincil istekleriniz olacaktır. Bu harika, çünkü her kullanıcı aynı yolculuğu takip etmek istemez, bu nedenle onlara seçenekler sunmak, kendi yollarını seçmelerine olanak tanır.

Bu, Hick Yasasının devreye girdiği başka bir örnektir. Seçim paradoksu olarak da adlandırılan bu, aşırı miktarda seçenek, kullanıcılar arasında karar felcine neden olduğunda ortaya çıkar. Kullanıcılarınızı seçim paradoksundan kurtarmak ve hızlı karar vermelerine yardımcı olmak için, yalnızca iki ila üç harekete geçirici mesaj kullanmayı belirleyin ve buna sıkı sıkıya bağlı kalın. Bu, kullanıcınızın işlem süresini hızlandırmaya yardımcı olacak ve ihtiyaçları için en iyi seçimi daha etkin bir şekilde daraltmalarına olanak tanıyacaktır.

Sitenizin en önemli yönlerinden biri olan harekete geçirici mesaj aynı zamanda çok dikkat çekmelidir. Bu bölümleri öne çıkarmanın kolay bir yolu, Von Restorff efektini kullanmaktır. İzolasyon etkisi olarak da bilinen bu, birden fazla uyaran sunulduğunda, diğerlerinden belirgin şekilde farklı olan bir öğenin daha kolay hatırlanacağı gözlemidir.

Bu nedenle, harekete geçirici mesajlarınızı oluştururken, ziyaretçilerinizin almasını en çok istediğiniz seçeneği belirleyin ve farklılaştırın. Kullanıcılardan bir ürün satın almalarının, bir haber bültenine abone olmalarının veya bir arkadaşlarını tavsiye etmelerinin istendiği yukarıdaki örneği kullanmaya devam etmek için net bir birincil hedef vardır: satış yapmak.

Satış için harekete geçirici mesajı renk, boyut, şekil, tipografi, yerleşim veya başka bir fiziksel öğe kullanarak diğer ikisinden ayırarak, en önemli isteğinize daha fazla dikkat çekersiniz. Her sayfada en az bir harekete geçirici mesaj olması gerekirken, Von Restorff efektini kullanarak bir diğerini öne çıkarabilir ve kullanıcıları en önemli eylemi gerçekleştirmeye teşvik edebilirsiniz.

Harika tasarımın arkasındaki beyinler

Bir web sitesi tasarımının kullanıcıları üzerindeki psikolojik etkilerini ortaya çıkarmak ve anlamak için çok daha fazlası var ve bu seri sadece yüzeyi çiziyor. Bu nedenle, tasarımı sürekli olarak tüm açılardan inceliyor ve serbest çalışanları ve tasarım profesyonellerini göz önünde bulundurarak içerik küratörlüğü yapıyoruz.

Yaratıcı araç setinizi büyütmenize yardımcı olacak tasarım öğelerini kapsayan daha fazla içerik mi istiyorsunuz? Becerilerinizi geliştirmek ve daha fazla iş kazanmak için ihtiyacınız olan en iyi araçlar, uygulamalar ve içgörülerden oluşan haftalık bir doz için aşağıdaki Düzen bültenine abone olun.