Peki psikolojinin bununla ne ilgisi var? Kullanıcı deneyimine gelince, neredeyse her şey.
Çok sayıda cihaz türü ve boyutu ve bu cihazlar için web siteleri tasarlamanın çok farklı yollarıyla, bir tasarımcının yarattığı deneyim, sitenin genel başarısını ve kullanıcının geri dönüp dönmeyeceğini belirler.
Kullanıcı psikolojisi, kullanıcıların bir web sitesini veya mobil uygulamayı ziyaret ettikleri zaman ihtiyaç duydukları ve ihtiyaç duydukları şeyin arkasındaki bilimdir. Psikoloji, bir kullanıcının markanıza güvendiğinden, iletmeye çalıştığınız mesajla ilgili hissettikleri şeyden kaynaklanır.
Ve tasarım bunun büyük bir kısmı. Renkten görüntülere, desenlere ve sitenin nasıl çalıştığına kadar her şey etkileyebilir bu duygular ve duygusal bağlantılar.
Bu öğelerin her biri sonuçta kullanıcıdan bir eyleme yol açmalıdır. Çoğu psikoloji ders kitabı, insanların harekete geçmesine ve tepki vermesine neden olan tetikleyicilere işaret eder. Bu tetikleyiciler, web tasarımına ve hatta daha da özellikle mobil tasarıma uygulanmaktadır, ki burada kullanıcı neredeyse her zaman bir web sitesiyle fiziksel olarak etkileşime girmek zorundadır, örneğin ekranda parmakla basma veya parmakla dokunma gibi.
Tetikleyiciler aygıta bakmaksızın aynı olsa da, kullanıcı deneyimi değildir. Kullanıcılar ezici bir şekilde içeriğin cihaza bakmaksızın aynı olmasını isterler, ancak bu içeriğin nasıl kullanılacağı ve bu içerikle nasıl etkileşime gireceği hakkında farklı fikirlere sahiptir.
Masaüstü web siteleri okumak ve perusing içindir. Okuma ve bilgi toplama süreci bir eylemle sonuçlanabilir, ancak kullanıcılar genellikle iş gibi bir web sitesine gitmek için ayrı bir nedene sahiptir. Bu deneyimlerin tümü eğlenceye veya eğlenceye dayanmaz ve çoğu da olmayabilir.
Masaüstü kullanıcıları da çevrimiçi etkileşimlerinde hala nispeten. Her eylem bir klavye veya fare ile yapılır. Cihazla çok fazla gerçek fiziksel etkileşim yok. (Birkaç kullanıcı ekrana hiç dokunmaz.)
Mobil kullanıcı deneyimi önemli ölçüde farklıdır. Kullanıcılar sürekli olarak cihaza ve ekrana dokunmaktadır. Dolayısıyla bu elemanların büyüklüğü ve nasıl hissettikleri oldukça önemlidir. Fiziksel dokunuşun bu şekilde kullanılması, özellikle tasarım öğelerini ekranda önemli kılar; çünkü, fare tıklatmasının her zaman aynı boyutta olduğu masaüstü sürümlerinden farklı olarak, dokunması kolay olmalıdır.
Mobil cihaz kullanıcıları, web sitelerine genellikle farklı amaçlarla erişir. Eğlence veya görev tamamlama etkinlikleri okuma ve araştırma eylemlerinden daha yaygındır. (Sadece bakkalada bir oyun oynamak veya bir metin mesajına cevap vermek için telefonunuzu ne sıklıkta çektiğinizi düşünün.)
Fiziksel farklılıklar, mobil tasarımın psikolojisini de etkiler. Aydınlatma koşullarını, cihaz boyutunu ve dokunma seçeneklerini göz önünde bulundurmalısınız. Bu öğeler gerçek bir kullanıcı için nasıl bir araya gelecek?
Her şey merkezi bir soruya geliyor: Mobil kullanıcı ne istiyor ve bekliyor?
Kullanıcıların göreceli olarak iki boyutlu görsel açıdan dinamik ve ilgi çekici bir deneyim bekledikleri masaüstü web sitelerinin aksine, mobil kullanıcılar her şeyi gerçek ve üç boyutlu uzayda yaşamalarını isterler.
Mobil kullanıcılar, arayüzden belirli şeyleri beklemeye geldi:
Asıl sır, tetikleyicileri ve kullanıcı beklentilerini birleştiriyor; sonra onlar için tasarlayın. Bunu iyi yapan sitelerin birkaç örneğini ve mükemmel bir kullanıcı deneyimi için tetikleyicileri ve mobil beklentileri nasıl birleştirdiklerini inceleyelim.
nane Mobil uygulama tasarımında her kutunun tıklanabilir bir öğe olduğu kart stili bir arayüz kullanıyor, masaüstü sürümü ise daha fazla tıklama stili bağlantı sunuyor. Parlak renk ve bol miktarda beyaz alan, aynı zamanda, mobil telefonun yenilenmiş versiyonuna da katkıda bulunuyor.
Tetikleyiciler: Çerçeveleme ve göze çarpan özellikler burada temel tetikleyicileridir, çünkü ücretsiz bir servis nane, kredi kartından sigorta tekliflerine kadar düşünmekte olduğunuz veya ihtiyaç duyduğunuz şeylere göre sınırlı bir süre için kaydolmanızı isteyecektir.
Mobil beklentiler: Mint, güncel kullanıcı verileriyle son derece hızlı yükler. Mobil uygulama, masaüstü sitesinde görünen daha ağır resimlerin çoğunu düşürür ve kullanıcının bilgileri izlemesine yönelik basit bir dikey desen kullanır. Ayrıca iPhone'da parmak izi erişimi ve öğeler arasında hareket etmek için sezgisel hareket kontrolü gibi bazı güzel UX araçları içerir.
damıtıcı İçerik, hem masaüstü hem de mobil sürümlerde neredeyse aynı görünüyor ve hissedilecek şekilde duyarlı bir çerçeve kullanır. Ancak, sitenin içeriği, içerikte gezinmenin benzersiz yollarıyla, mobil biçimin potansiyelini en üst düzeye çıkarır.
Tetikleyiciler: Bu sitenin kullanıcı etkileşimi oluşturmak için kontrastı nasıl kullandığını kolayca görebilirsiniz. Her iki web sitesi varyasyonunda renk ve beyaz alan kullanımı, heyecan yaratmak ve harekete geçirici mesajları teşvik etmek için tasarlanmıştır. (Sadece parlak renkli düğmelere ve öne çıkan yerleşimlere bakın.)
Mobil beklentiler: Distiller, kullanıcıların yardıma ihtiyacı olabilecek birkaç ince ipucuyla, kullanıcıların ilgisini çekmek için yaygın olarak kabul görmüş birçok patern kullanır. Örneğin, ikinci mobil ekrana bakın: (Her bir benzersiz bağlantı olan) kart stili elemanları, daha fazla içerik görmek için ileri geri kaydırılabilir ve kullanıcılara kaç öğe kaldığını göstermek için nokta stili çubuk kullanılır. Gezinti, hamburger simgesinde de önemli ölçüde aerodinamik hale getirilmiş ve gizlenmiştir, böylece kullanıcılar seçenekler tarafından bunalmış değildir ve mobil sitede serbestçe hareket edebilirler.
Hava Kanalı Masaüstü sitesinde ve mobil uygulamasında tam olarak aynı içeriği sağlar, ancak deneyimler büyük ölçüde farklıdır. Uygulama, kullanıcının okumak ve bakmak için daha fazla bilgiye sahipken, uygulama kullanıcının şimdi bilmesi gereken şeylere odaklanıyor.
Tetikleyiciler: Salience (yukarıda belirtilen) ve sosyal kanıt, The Weather Channel mobil uygulamasını farklı kılan şeyin büyük bir parçasıdır. Açılış ekranı, kullanıcının şu anda ayakta durduğu havadır. Parmak hareketiyle kullanıcılar koşulları bildirebilir, sosyal medyada paylaşabilir ve ünlü markaların hava durumu hikayesinin bir parçası olabilirler.
Mobil beklentiler: Uygulama, her öğeyi kolayca birleştirmek için modern, düz, kart tarzı bir tasarım kullanır. Konuşulacak bir menü yok çünkü tüm öncül bağlamsal, kullanıcıları bir seçenekten seçimlerine göre bir sonraki sıraya taşıyor.
Domino's Pizza siparişin ne kadar kolay olduğu konusunda büyük, halka açık bir anlaşma yaptı. Ve haklılar. Masaüstü sitesi çok geleneksel bir his verirken, uygulama, işlemi kolaylaştırmak için çok sayıda mobil kullanıcı arabirimi aracını (örneğin ses siparişi) kullanır.
Tetikleyiciler: Alıştırma ve çerçeveleme, satın alma deneyiminin anahtarlarıdır ve birçok teklif ve seçenek arasından seçim yapabilirsiniz. Ayrıca, mobil sürüm, kullanıcının bu işlemi daha kolay hale getirme tercihlerini hatırlar.
Mobil beklentiler: Domino, bu tür uygulamalar arasında ortak olmayan bazı işlevleri kullanırken, iyi bir şekilde açıklanmaktadır (ses düzeni simgesi gibi). Navigasyon, içeriğe göre oluşturulmuştur ve uygulama, hızlı bir şekilde yüklenen bol miktarda kontrast ve küçük resimlerle tasarlanmıştır.
Bu gece gösterisi cihazlar arasında kullanıcı eğlendirmek için tasarlanmıştır. Uygulamanın yanı sıra masaüstü ve duyarlı site de benzer şekilde görünür ve çalışır. Mobil seçenekler dikey bir hiyerarşi ile düzenlenir ve izlemek için izlenmesi kolaydır.
Tetikleyiciler: Diğer pek çok eğlence sitesinde olduğu gibi, insanların geri dönüşünü sağlayan şey, sosyal ve sosyal kanıttır. Sıcak ve trend olan şeyde bilmek istersiniz ve bu onu bulabileceğiniz yerdir.
Mobil beklentiler: Mobil site üzerindeki harika hilelerden biri, uygulamayı ister istemez kullanıcı isterse de, “sunmak zorunda olduğumuz en iyi deneyimi mi istiyorsunuz?” Diye sorar. beklemeye geldim. Uygulamayı bulmak kolay çünkü tek bir dokunuş ve kullanıcılar hiçbir şey aramaya gitmek zorunda değiller; her şey onların önünde.
Çoğu kullanıcı, cihazdan bağımsız olarak aynı web sitesi içeriğini bulmayı ister ve bekler, ancak genellikle kullanıcı deneyiminin kullandıkları cihaza göre uyarlanmasını isterler.
Bu aygıta özel kullanıcı deneyimi, kullanıcıların sadakatini ve çoğu web sitesi sahibinin kullanıcıların kendileri hakkında hissettiklerini umduğu iyi hisleri artırmaya yardımcı olur. Basitçe söylemek gerekirse, iyi bir masaüstü ve deneyime sahip olmak ve iyi bir mobil kullanıcı deneyimi önemlidir; aynı şey olmayabilirler.
Kullanıcıların kendilerini nasıl hissettiklerini optimize ederek, cihazlarını kullanarak nasıl kullanabileceklerini ve etkileşimde bulunduklarını tasarlayın.