Web Tasarımında "Bilişsel Yük": Kullanıcıların kaçmaması ve dönüşümü artırmaması için karmaşıklığın nasıl azaltılması.

Hiç var mı? Web sitesine gidiyorum ve basıp kapatmanız gerekene kadar "Han Hank" gibi hissediyor.

Hayal edin ... yeni bir çift koşu ayakkabı istiyorsunuz. Tam güç! İlginç görünen bir çevrimiçi mağaza ararken umutla tıklayın ama bulduğum şey ... yüzlerce ürün model ekranlarla dolu, on menü var. Alt kategori, filtre filtrelerinin kullanımı çok karmaşıktır, ayrıca bir pop -up tanıtımı, tekrar sıçramak! Heyecan hepsi gitti. Sadece "baş döndürücü" "yorgun" ve "kafa karıştırıcı" hissi. Son olarak, istedikleri ayakkabıları bulamamış olsalar da, web sitesini kapatmak için sadece iç çekip düğmeye basarsınız ... eğer benzer bir durumla karşılaştıysanız, bu, bilişsel yük veya "beyin işleme yükü" olarak bilinen "senkrin dönüşümünün" kurbanı olduğunuzu gösterir.

[İllüstrasyonlar istemi] Grafik görüntüleri, dağınık bilgilerle dolu bilgisayar ekranına bakarken karışık ve baş ağrısı olan kullanıcıların ifadesini gösterir. "Han Han" hissini iletmek için kafanın etrafında bir simge, fikir ve soru işareti var.

"Bilişsel yük" nedir? Neden web sitesinin "zehiri"?

Bir evde konuşmak. Bilişsel yük, kullanıcıların web sitenizi anlamak ve kullanmak için ödemesi gereken "beyin enerjisi" dir. Beynimiz bilgisayarın koçu gibidir. Yani, karmaşık bilgi atarsanız, düzenli değil veya bir seferde çok fazla seçenek atarsanız sınırlı bir işleme alanı vardır, beynindeki RAM hızlı bir şekilde "dolu" olacak, yorgunluk duygularına neden olacak, karıştı ve web sitenizi kapatmak için "daha kolay" bir şey yapmak için kaçmak isteyecektir.

UX ilkelerine göre, Nielsen Norman Grubu tarif etti. Bilişsel yük 3 ana türe ayrılabilir:

• İçsel bilişsel yük (içeriğin karmaşıklığı): Vergi bilgilerinin doldurulması gibi doğal olarak bilgilerin veya hedeflerin zorluğunun neden olduğu yük. Gömleğin rengini seçmekten doğal olarak daha karmaşık
• Yabancı bilişsel yük (tasarım kompleksi): Bu, kontrol edebileceğimiz "kötü adam" dır! Bu, bulamama, insanların anlamadığı teknik terimleri veya kaotik düzeni kullanarak kötü tasarımların neden olduğu gereksiz bir yüktür.
• Bilişsel yük (öğrenme yükü): kullanıcıların yeni şeyleri anlamalarına ve öğrenmelerine yardımcı olan "iyi" yük. Web sitenizden, ürünlerinizin onun için sorunu nasıl çözebileceğini anlamak gibi

Bilge web tasarımcısının görevi, gereksiz olan yabancı yükü "azaltmak "dır. Böylece kullanıcı Alman yükü ile kullanmak veya gerçekten önemli şeyi anlamak için beyin enerjisiyle kalır. Tasarım, kullanıcıların algılarının önyargısını dikkate alarak bir başka ilginç konudur. Web tasarımındaki bilişsel önyargılar hakkındaki makalede daha fazla bilgi edinebilirsiniz .

[İllüstrasyonlar istemi] Basit infografik görüntüler, beynin "içsel", "yabancı" ve "alman" ile bölünmüş 3 kısmı. "Yabancı" gösterişli bir kırmızıdır ve baht bir işaretine sahiptir. Bunun ortadan kaldırılması gereken kısım olduğunu vurgulamak için

"Mess" web sitesi devam etsin mi? "Felaket" işi ile başa çıkmaya hazırlanın.

Bilişsel yük probleminin cehaleti güzel bir dükkan açmak gibidir. Ancak dükkanın girişi kirli ve müşterilerin gerçekten içeri girmek istemediğine dair açık bir işaret yok mu? Web sitenizin kullanıcının beynine bir yük oluşturmasına izin vermenin sonuçları düşündüğünüzden daha korkutucu:

• Kitap oranı atladı: Kullanıcı geldi ve doğru yeri bulamadı. Hemen bastı. İstatistikler bize çoğu insanın kalıp kalmayacağına karar vermek için birkaç saniye sürdüğünü söylüyor.
• Dönüşüm Oranı Dang: Nihai hedefimiz, kullanıcıların alışveriş, form doldurma veya üyelik için başvurma "bir şeyler yapmasını" sağlamaktır, ancak her adım "zor" ve "çok düşünmek zorunda kalırsa", arabanın terk edilmesinin ortasında en bariz örnektir.
• Deneyimi ve Güvenilirliği Kırın (Marka Güven): Kullanımı zor olan web sitesi, müşterilerinizin markanızın "dikkat etmediğini" ve "profesyonel değil" hissetmesini sağlar. İlk izlenimi çözmek çok zor. Ve onların tekrar geri gelmemesine neden olabilir
• Ücretsiz reklam ücreti atışı: İnsanları çekmek için Google reklamları veya Facebook reklamlarıyla çok para atabilirsiniz, ancak açılış sayfanız yüksek bir yük oluşturursa, "para döküyorsunuz" çünkü insanlar içeri girip dönüşüm yapmadan bastırırsınız.

Yüksek karar verme değeri olan B2B işi için sorunsuz bir deneyim yaratmak daha da önemlidir. Daha net görüntüler görmek için yüksek değerli B2B işletmeleri için UX/UI tasarımları hakkında daha fazla bilgi edinmeye çalışın

[İllüstrasyon istemi] Grafik "hemen çıkma oranı" yükseliyor ve "dönüşüm oranı" satırı açık. Bilişsel yükün etkileri ile bağlantılı olmak için yorgun bir beyin simgesi ile

Kutsal yazıyı açın "Beyin Yüklerini Azalt". Gerçek çözüm. Ve hemen başlamalı!

İyi haber şu ki, kanıtlanmış tasarım ilkeleriyle web sitemizden yabancı bilişsel yükü "ortadan kaldırabilir". Ve hemen böyle başlayabilirsiniz:

• "Küçük ama çok" (Hick Yasası) ilkesini kullanın: Bu kural, "Daha fazla seçenek o kadar uzun sürerse" diyor. Bu nedenle, kullanıcıyı seçeneklerle felç etmeyin (seçim paradoksu). Ana menülerin sayısını, ilk sayfada gösterilen ürün sayısını veya formun yalnızca gerekli olduğunu azaltmaya çalışın. Pararicex'te daha fazla okunabilir
• Bilgi düzenleyin (parçalanma): Beynimiz, "grubu" tek bir ölçekli verilerden (Miller Yasası) daha iyi hatırlar, uzun, kısa paragraflar kullanan, mermi noktaları kullanır veya bir grup kart tasarımını veya farklı renkli arka planları organize eder, örneğin ödeme prosedürlerini açıkça böler. (Teslimat Bilgileri -> Ödeme Yöntemi -> Onay)
• Net bir "Görsel Hiel Hiyerarşisi: Kullanıcının gözlerinde gezinmek için karakterlerin kullan, renk ve kalınlığı. Ana konunun ne olduğunu, ikincil konunun nedir ve tıklanacak en önemli düğme nedir.
• Kullanıcıların (Jakob Yasası) modeli kullanın: Diğer web sitelerindeki çoğu kullanıcı! Bu nedenle, web sitenizin benzer şekilde çalışmasını beklerler. Şimdiye kadar karşılaştıkları gibi, logonun konumu (sol üst açı açısı), ürün simgesi (sağ -üst köşe) veya standart ödeme işlemi gibi çok temel şeylerle "yaratıcı" olmaya çalışmayın.
• Beyin yerine beynin yapması için "boşalma" çalışın: Kullanıcıyı, kullanıcının yanlış formu doldurması gibi bilgileri "hatırlamaya" zorlamayın. Hangi ürünleri gördüklerini gösteren veya net bir ürün karşılaştırma işlevine sahip olan tüm bilgileri doldurmayın.

dönüşümü iyileştirmenin önemli bir konusu olan bilgi kokusu ilkeleriyle bağlantılıdır

[İllüstrasyonlar istemi] Infox, 5 ana tekniği (Hick Yasası, Yasak, Görsel Hierachy, Jakob Yasası, Boşaltma), küçük bir simge, grup simgesi, piramit simgesi, simge, koruma ve simgeler gibi kolayca anlama simgeleriyle özetleyin.

Gerçek Şeyden Örnekler: SaaS "karmaşıklığı azaltmayı" kabul ettiğinde ve müşteriler "aşk" dır.

Pazarlamacılar için veri analiz araçları sağlayan SaaS (AA-Hizmet Olarak Yazılım) hakkında düşünün. "İlk sürümleri" özellikler, grafikler ve karmaşık veri programı ile doludur. Gösterge paneli sonuçların dışına çıktı. Nedir? Bilgi ile "kayıp" ve "ezici" denemek için başvuran yeni müşteriler. Nereden başlayacaklarını bilmiyorlar. Ve son olarak, denemeden gerçek müşterilere (TRAL-TRAL-PAID dönüşüm) değişim oranının değerini görmeden önce kullanmayı bıraktı ve destek ekibi her gün aynı soruyu tekrar tekrar cevaplamalıdır.

"Kullanıcı Deneyimi Revizyonu" misyonu: Ekip, bilişsel yükü kendilerinin anahtarı olarak azaltma prensibine dayanarak tüm gösterge panelini elden geçirmeye karar verdi:

• Gelişmiş Özellikleri Gizle: "Gelişmiş" menüsündeki kompleksi ve sıklıkla kullanılmayan özellikleri taşıyın.
• Bir kılavuzla yerleşik oluşturun: İlk giriş kullanıcısı kısa bir tur geçirdiğinde, yalnızca başlangıç için gerekli olduğu gibi "en önemli" 3-4'ü önerin
• "Akıllı Boş Durumlar" gösterge tablosunu kullanın: Kafa karıştırıcı boş grafik yerine, "Grafiğinizi görmek için verilerinizi bağlayın" nı net bir düğme ile kısa bir öneri gösterirler.
• Yeni bilgiler düzenleyin: İlgili bilgileri aynı karta düzenleyin ve insanların anlaşılması kolay olduğu dilleri kullanın. Teknik kelime dağarcığı yerine

Şaşırtıcı sonuçlar: TRAL-FAID dönüşümünün değişmesinden sonra,% 40'a kadar, "temel kullanım" ile ilgili destek biletlerinin sayısı% 60'dan fazla azaldı ve en önemlisi yeni müşteriler ürünün "değerini" ve "değerini" görebilir. Sürekli kullanıma yol açan bu, kullanıcının beynine önem veren tasarımın gücüdür. SaaS Business için İyi Müşteri Yerleşik Sürecinin Kalbi

[İllüstrasyonlar istemi] Soldaki gösterge paneli bilgisayar programının gösterge paneli sayfalarının görüntülerini karşılaştırın (sağdaki grafikler ve sayılarla dolu aşırı büyümüş ekran görüntülemeden önce (temiz ekranı gösterdikten sonra kısa bir rehber var. Ve dostça bir şekilde kullanmaya başlamaya davet eden bir mesaj var.

Takip etmek ister misiniz? Kontrol Listesi Kontrol Listesi Bilişsel Yük web sitesi (hemen kullanılabilir)

Muhtemelen kendi web sitenizi keşfetmek için geri dönmek istersiniz, değil mi? "Sağlığınızı kontrol etmek" için bu basit kontrol listesini kullanmayı deneyin. Web siteniz beyni çok çalışmaya zorluyor:

1. Navigasyon: Ana menülerinizden kaç tane? 7'den fazla mı? Kelime, yabancılar için net ve kolay bir -ambal -and -to -and -to -and -to -and -to -and -to -and -to -anning menüsünde mi kullanılıyor?
2. Ana sayfa: Kullanıcı ilk 3 saniyede ilk sayfaya geldiğinde, web sitenizin ne hakkında olduğunu cevaplayabilirler mi? Ve onun için nasıl yararlı? Yoksa dağınık bilgilerle dolu mu?
3. Form (formlar): Kaç tane bilgi ile iletişime geçiyorsunuz veya üyelik için başvuruyorsunuz? Gerçekten gereksiz bir kanal var mı? Ve kesebilir mi?
4. Sayfa/Hizmet (Ürün/Hizmet Sayfası): Bilgiler kolay okuma için düzenlenmiş mi? Yoksa bolca birlikte uzun bir mektup çubuk mu? Çağrı-ila-"Sepet Alın" veya "Teklif İsteyin" gibi) açık mı?
5. Tutarlılık: Düğmenin yüzü, kullanılan renk ve her sayfanın düzeni tutarlı mı değil mi? Yoksa her sayfa farklı web siteleri gibi görünüyor?
6. Pop-up ve dikkat dağıtıcı unsurlar: Kullanıcının kullanımını gereksiz yere kesintiye uğratmak için zıplayan pop-up, afiş veya animasyon var mı?

Sadece bu soruları doğrudan cevaplamaya çalışın. Web sitenizde bilişsel bir yük yaratan "kör noktayı" görmeye başlayacaksınız. Küçük bir nokta belirleme, kör noktayı belirtmek ve UX/UI tasarım .

[İllüstrasyonlar istemi] Her bilgisayar ekranında büyüteç kullanan kişilerle birlikte, görüntü (simge simgesi, menü, ev simgeleri, simgeler, fiyat etiketleri, fiyat etiketleri).

İnsanların merak etme eğiliminde olan sorular (Soru -Cevap) Web hakkında her düğümü temizleyin. "Kolay ama iş"

Açık bir cevapla bilişsel yük hakkında popüler bir soru derledim ve aslında burada kullandım.

S1: Bilişsel yükü azaltmak için "Basit" tasarımı, web sitemizi "sıkıcı" hale getirecek veya olağanüstü olmayacak mı?
A: Hiç de değil! "Basit", "sıkıcı" (sıkıcı) veya "plain" anlamına gelmez, ancak Apple veya Google gibi dünya sınıfı bir web sitesi olan "netlik" ve "niyet" anlamına gelir. Kalp, "öz" ve "güzellik" tam olarak gösterilecek şekilde gereksiz şeyleri ortadan kaldırmaktır.

S2: Web sitemizin yüksek veya düşük bilişsel yüke sahip olduğu sonuçlarını nasıl ölçebiliriz?
A: Doğrudan ölçüm numarası olmamasına rağmen, ancak bu işaretlerden görebiliriz: 1.) Nicel veriler (nicel veriler): Bkz. GOOGE ANALTICS'DE BAŞLAYIR ORANI, Sayfada Zaman ve Dönüşüm Oranı. Bir uyarı işareti olabilir. 2. Nitel Veri: Bu en iyi yoldur! Gerçekten kullanıcılar tarafından kullanılabilirlik testi yapın Web sitenizde bir görev yapmaya çalışırlar ve insanların "sıkışıp" veya "kafa karıştırıcı" olduklarını veya insanların sayfaya nereye tıkladığını görmek için ısı haritasını nerede kullanacaklarını fark ederler.

S3: Gerekli bilgiler ve sadelik arasında ne seçmeliyiz? Bazen işimizin gerçekten iletişim kurması gereken karmaşık bilgiler vardır.
C: Bu çok iyi bir soru. Bir şekilde "seçmemiz" gerekmez, ancak bir "denge" ve "akıllıca sunuldu" bulmalıyız. Ardından, hazır olduğunda daha karmaşık ayrıntıları görmek için kullanıcının "Daha Fazla Öğren" i tıklamasına izin verin. gelişmiş UX tasarım tekniklerini incelemek için Smashing dergisi gibi güvenilir bir bilgi kaynağı kullanın

[İllüstrasyon istemi] Görüntü simgeleri, ampuller, daha parlak fikirler, yavaş yavaş solmuş olan soru işareti

Özet: Kullanıcının beyni değerlidir. Onu gereksiz yere "çok düşünmeye" zorlamayın.

bilişsel yükün görebileceğinize inanıyorum , aynı zamanda web sitenizin "başarı" veya "başarısızlığını" doğrudan etkileyen temel bir psikolojik faktördür. Kullanıcının sizi daha fazla tanımaya devam edeceğine karar veren önemli bir değişkendir. Yoksa "Anlaşılması Daha Kolay" daki rakiplere veda edecek

Anahtar, kullanıcıların gereksiz tüm karmaşıklığı ortadan kaldırması için "beynine saygı duymak". Web sitenizde "kolay" ve "düşünmeyi boşa harcamamak" için deneyiminizi oluşturduğunuzda bilgileri açıkça organize edin ve en sorunsuz hedeflere yönlendirir, sadece hemen çıkma oranını azaltmaz veya dönüşüm oranını eklemezsiniz, ancak iyi ilişkiler yaratıyorsunuz, güven yaratıyorsunuz ve müşterileri markanız hakkında iyi hissettiriyorsunuz.

Zamanı! Geri dönelim ve yorgun bir kullanıcının gözleriyle web sitenize bakalım ve sınırlı bir zaman geçirelim. Sonra kendime "Nereden kolaylaştırabilirim?" Diye sordu. Bugünkü küçük değişiklik yarın harika iş sonuçlarına yol açabilir. Bunu yapmak için beklemeyin!

"Cerrahi", bilişsel yük web sitesi ve dönüşümü artırmak için en yüksek potansiyelin kilidini açmanıza yardımcı olacak bir uzmana ihtiyacınız varsa. Dönüşüm Oranı Optimizasyonu (CRO) için ekip uzmanımıza danışın!

[İllüstrasyon istemi] Son güçlü ve umutsuz görüntü: Kullanıcılar mobil web sitesini kullanırken mutlu bir şekilde gülümsüyorlar. Web ekranının temiz göründüğü ve kullanımı kolay, başından dönüşüme (dönüşüm) pürüzsüz ve pürüzsüz bir yol var.

‍