Tasarım Psikolojisi ve Müthiş Kullanıcı Deneyiminin Sinirbilimi

Bu makalenin sesli sürümünü dinleyin

Belirli tasarımların neden gözünüze çarptığı ve kanınızın pompalanmasına neden olduğu konusunda bir bilim var.

İnsan beyni tembel, önyargılı ve kısayollara eğilimlidir.

İnsan bilişinin kullanıcı deneyimi çalışması duygusal, bilim dışı ve yanlış varsayımlarla dolu olabilir - belki de bu tembel bir beynin hatasıdır.

Biliş karmaşıktır ve birçok faktör bağırsak reaksiyonlarında veya anlık bir izlenimde rol oynar. Birine "Bunu neden yaptın?" diye sorduğunuzda. Cevap verememeleri veya cevaplarını yanlış yorumlamanız ihtimali yüksek .

Nörobilime girin.

Gözlem ve görüşme gibi araştırma yöntemleri genellikle UX araştırmacısının ve katılımcının tahminde bulunmasını gerektirse de, göz izleme gibi modern teknoloji , araştırmacıların neredeyse algılanamayan tepkileri ve tercihleri ​​incelemesine olanak tanır .

Yoğun trafiği olan ürünler söz konusu olduğunda, bir düğmenin genişliği veya metnin renk kontrastı gibi küçük görünen ayrıntılar milyonlarca dolarlık fark yaratabilir. Bu nedenle Facebook ve Google gibi teknoloji devleri, insanların ürünlerini nasıl kullandığını incelemek için sinirbilim temelli teknikleri kullanmaya başlıyor.

Tepkisel, "hızlı düşünmeye" bir girişle başlayalım ve tasarımcılara harika kullanıcı deneyimleri yaratmak için sinirbilimin gücünden yararlanmaya yardımcı olacak birkaç ipucu verelim.

Tasarım Psikolojisi: Hızlı Düşünme, Yavaş Düşünme

İnsan davranışını yönlendiren şeylerin çoğunun bilinçaltı olduğu bir sır değil. Bir kişi yeni bir uygulama veya web sitesiyle karşılaştıktan sonraki milisaniyeler içinde milyonlarca nöron harekete geçer ve beyin yüzlerce bilinçaltı kararı verir.

"Doğru" yerde miyim? Bu siteye güvenmeli miyim?

YouTube UX Araştırmacısı Javier Bargas-Avila 2012'de yaptığı bir araştırmada insanların bir web sayfasına maruz kaldıktan sonraki ilk 17 ila 50 milisaniye içinde estetik tepkiler oluşturduğunu belirledi .

Bunu perspektife koymak için, gözün yanıp sönmesi 300-400 milisaniye sürer. Ürününüz, göz açıp kapayıncaya kadar kısa bir süre içinde yargılanmasını, yargılanmasını ve cezasını alabilir.

Bu izlenimler kaydedilmeyebilir, ancak davranışı etkiler. Örneğin, bir site yavaş yükleniyorsa ve beyin yüklenen ilk öğeleri "konu dışı" olarak okuyorsa, kullanıcı sitenin yüklenmesini beklemek yerine hemen gidebilir.

Facebook gibi şirketler, öğelerin yükleme sırasını incelemek için önemli kaynaklar yatırıyor. Birisi Facebook'a giriş yaparsa ve herhangi bir bildirim rozeti göremezse, anında uzaklaşabilir. Rozetler önce yüklenirse, içerik ağırlıklı Haber Kaynağı yüklenirken bekleyebilirler.

Nobel ödüllü Daniel Kahneman'ın Thinking, Fast and Slow adlı kitabı, insan düşüncesini ve karar verme sürecini, farkı göstermeye yardımcı olmak için iki sisteme ayırıyor.

Sistem 1: hızlı, otomatik, sık, duygusal, basmakalıp, bilinçaltı.

Sistem 1 düşüncesi reaktiftir - nesneler arasındaki mesafeyi belirlemek veya duygusal tepkileri belirlemek gibi karmaşık ama içgüdüsel bilişten sorumludur. Tembel beyniniz genellikle varsayılan olarak Sistem 1 düşüncesine geçer.

Sistem 2: yavaş, çaba sarf eden, mantıklı, hesaplayıcı, bilinçli, seyrek.

Sistem 2 düşüncesi analitiktir ve uygun sosyal davranışı belirlemek veya farklı fiyat ve özelliklere sahip iki ürünü karşılaştırmak gibi daha karmaşık senaryolara uygulanır.

Beyin her yeni senaryoyla karşılaştığında bilgiyi yeniden işlemek veya yeni kararlar almak istemediğinden, insan karar verme sürecinin çoğu Sistem 1'e veya "hızlı düşünmeye" düşüyor.

Hızlı karar verirken beyin şemalara veya zihinsel modellere , yani tanıdık bilgi ve etkileşim kalıplarına aşırı derecede güvenebilir . 1. Sistem düşüncesi devreye girdiğinde 2. Sistem hiçbir zaman devreye girmez. İnsanlar beyinlerinin karar verme stenografisinin farkında olmayabilirler, ancak bu onların davranışlarını ve ürünle ilgili algılarını güçlü bir şekilde etkiler.

Tasarımda Psikoloji Bilimi

İnsan beyni, kütlesinin sadece %2'sini oluşturmasına rağmen vücudun oksijeninin %25'ini tüketir. Beyin bir hayatta kalma mekanizması olarak tembeldir - örüntü tanıma ve kısayollar, durumu bilinçli olarak işlemek için daha az enerji harcanması anlamına gelir . Beyin şeyleri tanımlar, etiketler ve tekrar alakalı olana kadar onları görmezden gelir.

Beynin kalıpları ve tembel karar vermeyi tercih etmesi hayatta kalmayı kolaylaştırabilir, ancak UX tasarımını daha zor hale getirir. Araştırma konunuzun algılayamadığı bir şeyi nasıl çalışırsınız?

Bir avuç sinirbilim tekniği, son zamanlarda UX araştırmalarına atlayarak, araştırmacıların "hızlı düşünmeyi" teşvik eden şeylere ışık tutmasına yardımcı oldu.

Göz takip kameraları ile dikkat ve algı çalışılabilir. Duygusal tepki ve uyarılma, cilt sensörleri veya yüz analizi ile belirlenebilir. Beyindeki elektriksel yanıt elektroensefalografi ile ölçülebilir.

Tasarımcılara, birinin ilgisini çekmek ve hayati bilgileri göz açıp kapayıncaya kadar iletmek imkansız bir görev gibi görünebilir. Neyse ki, sinirbilim sorunları teşhis etmemize yardımcı olabileceği gibi, genel çözümleri ve en iyi uygulamaları da ortaya çıkarabilir.

İşte tasarımcıların dijital ürünler tasarlarken kullanabilecekleri sinirbilim kullanıcı deneyimi araştırmalarından öğrenilen birkaç genel ders.

Tasarım Psikolojisi İpucu 1: Tanımlamayı Kolaylaştırın

Herkes bir web sitesine veya uygulamaya, nasıl görünmesi gerektiğine dair bir beklentiyle gelir. Bu beklentiye yakın kalmak, tasarımcıların anlık bilinçaltı karar verme özelliklerinden faydalanmasına yardımcı olur.

Uygulamanızı veya web sitenizi açan kişi şunu bilmek istiyor: a) aradığım şey bu mu; ve b) bu ​​yüksek kalite mi? Tasarımları basit tutmak ve markayı, hizmetleri ve ürünleri ön planda tutmak, insanların kendilerini yönlendirmelerine yardımcı olur.

Bazı bilgileri öne ve merkeze koymak, diğer bilgilerin onu dışarıda bırakmasını önlemek anlamına gelir. Bir tasarımın dağınıklığını ortadan kaldırmak, bileşenleri yeniden düzenlemek kadar önemlidir.

Teknoloji şirketleri arasında daha basit, daha az kalabalık arayüzlere doğru bir hareket olduğunu fark edeceksiniz. Bu minimalist tasarımlar, görev tamamlamada daha karmaşık tasarımlardan daha iyi performans gösterir ve görsel netliğin, çevrimiçi ve çevrimdışı satın alma kararlarını etkilediği gösterilmiştir.

Görsel olarak basit ve temiz tasarımların daha iyi performans gösterdiği bilimsel olarak kanıtlanmıştır. Tembel beyin, sitenin amacını anında kavrayabilir ve ne yapması gerektiğini anlayabilir.

Tasarım Psikolojisi İpucu #2: Ne Olacağını Belirtin

Birini yaklaşan bazı bilgiler veya etkileşimler için hazırlamak veya hazırlamak, kullanıcının yeni bilgileri anlama ve bunlara tepki verme yeteneğini geliştirebilir. Kullanıcı arayüzünün öğeleri, belirli etkileşimler veya bir süreçteki zamanlama gibi şeyler beklemesi için birini hazırlayabilirsiniz.

Örneğin, Yelp, kullanıcıları Yelp'ten bir üçüncü taraf sitesini ziyaret etmeleri için ayrıldıkları konusunda uyarmak için ek bir ekran kullanır. Ek bağlam, kullanıcının yeni bir tasarım ve bilgi mimarisi beklemesini sağlamaya yardımcı olur.

Hazırlama iki ucu keskin bir kılıçtır. İletmek istemediğiniz bilgiler yine de karar verme sürecini etkileyebilir . Örneğin, fotoğrafçılık şirketinizde yalnızca bebek resimleri varsa, bir kişi yanlış bir şekilde yalnızca bebek müşterilere hizmet verdiğiniz varsayımına kapılabilir.

Tasarım Psikolojisi 3. İpucu: Tembel Okuyucular için Organize Edin

Göz izleme çalışmaları, bir ürünle etkileşime giren bir kişinin bakışlarını takip edebilir. Ekranın bir kısmına odaklanarak harcanan zamanın uzunluğunu gösteren ısı haritaları veya gözün sayfada nasıl zıpladığını gösteren haritalar üretebilirler.

Sektörler ve uygulama türleri arasında beynin genellikle F modelinde (veya E modelinde) bilgi taradığını biliyoruz. Kişi en üstteki bilgilere bakar, sağ tarafı okur ve ardından ilgili bilgi veya simgeler için sayfayı aşağı doğru tarar.

F düzenini kırmak, örneğin önemli bilgileri sağ alt köşeye koymak, bulmayı zorlaştıracaktır.

Metninizi Evcilleştirin

Nielsen Norman'ın 45.237 sayfa görüntülemesiyle ilgili araştırmasına göre, insanlar bir sayfadaki metnin yalnızca %20'sini okuyor. Daha da kötüsü, daha fazla içeriğe sahip sitelerde, insanlar ek her 100 kelimelik metin için yalnızca fazladan 4 saniye ayırdı.

İnsanların kelimesi kelimesine okumadığı bir dünyada, Nielsen Norman taranabilir metinler için aşağıdaki yönergeleri kullanır.

• Vurgulanan anahtar kelimeler
• anlamlı alt başlıklar
• Madde işaretli listeler
• Paragraf başına bir fikir
• Ters piramit stili - sonuçla başlayın
• Geleneksel yazının yarısı (veya daha azı)

Renk Pop ve Kontrast ile Çalışın

Metin organizasyonu ve konumu, tasarımdaki tek önemli faktör değildir. Renk teorisi, ağırlıklar ve kontrast, kullanıcının dikkatini çekmek için kullanılabilir.

NASA'nın kokpit tasarım ekibi, yarışan bilgilerle dolu bir alanda pilotun dikkatini yönetmeye yardımcı olmak için parlaklığı (veya bir tasarımın algılanan parlaklığını) kullanır. Kokpit tasarım ekibi, en önemli unsurlara görsel önem vermek için renk ve kontrast kullanır.

Parlaklık ve kontrast, belirli bilgileri vurgulamak veya küçümsemek için ürününüz genelinde kullanılabilir, ancak çoğunlukla düğme veya harekete geçirici mesaj tasarımında atıfta bulunulur. Aşağıdaki kırmızı örnek düğmelerde de görebileceğiniz gibi, sol üst köşedeki düğme en doygun olsa da, kontrast en yüksek olduğu için en parlak “hissediyor”.

Kontrast ve parlaklık sadece ilk adımdır. Renk teorisi, ürününüzün renklerini zamanın %60'ında baskın rengi, %30'unu ikincil ve %10'luk vurguyu kullanarak dengelemeyi önerir. Bu döküm, göze çarpan şeyin arkasındaki sinirbilim ile tutarlıdır. Vurgu rengi en az kullanıldığı için en çok gözü çeker.

Parlak renk kullanımının göze çarpabilmesi gibi, daha yumuşak renklerin kullanılması da kullanıcının hangi bilgilerin ikincil veya daha az önemli olduğunu belirlemesine yardımcı olabilir. Örneğin, çoğu web sitesi, sayfadaki bilgilerin geri kalanından ayrılmayı göstermek için daha nötr renkli altbilgi alanları kullanır.

Tasarımcıların önceliklerini kaldırdıkları herhangi bir özellik veya bilgi, kullanıcının doğrudan çoğu içe aktarma etkileşimine veya bilgiye odaklanmasına yardımcı olur.

Tasarım Psikolojisi İpucu #4: Bağırsak Kontrolü

Neyse ki bir tasarımın çalışıp çalışmadığını anlamak için binlerce dolarlık göz izleme yazılımına veya elektroensefalograma ihtiyacınız yok.

5 saniyelik testler, tasarımlarınızın anında anlaşılır olup olmadığını belirlemek için güçlü bir araçtır.

5 saniyelik bir testte, katılımcı bir siteyi veya uygulamayı 5 saniye boyunca görüntüler, ardından konu ve tasarımla ilgili soruları yanıtlar. Görüntüye geri dönemeyen katılımcı, "izlenimlerini" verir - katılımcıların ürünün amacı ve işlevi olduğunu varsaydıkları ve ne yapacakları veya sonraki adımlar için nereye bakacakları.

Ürününüz, kullanıcınızın arzu ettiği tüm işlevselliğe sahip olabilir, ancak tembel, desen seven beyin bunu hemen kavrayamazsa, yoluna devam edecektir .

“Zihin Okuyucuları” Olarak Tasarımcılar

Tasarım psikolojisi, beyin ve algı hakkında daha fazla şey öğrendikçe, tasarım normları endüstri genelinde değişmeye devam edecek. Bağlantı ipliği verilerdir; sinirbilim ve biliş çalışma yöntemleri geliştikçe, UX tasarımı için mevcut verilerin türü ve kalitesi de artacaktır.

Harika kullanıcı deneyimi tasarımı sihir değil, bilimdir. Sinirbilim.

Bu makale , daha önce Facebook'ta, şu anda Airbnb'de ve Stanford's d.school'da bir arkadaş olan UX araştırmacısı Caitria O'Neill ile işbirliği içinde yazılmıştır .

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
• Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
• En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
• Mobil Arayüzler için Sezgisel İlkeler
• Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır