Mobil için UX Nasıl Özelleştirilir?
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 nedir?
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.
- Karşılıklılık: Eğer kullanıcılar için bir şeyler yaparsanız, sizin için bir şeyler yaparlar. (Bir haber bültenine kaydolurlar, onlara özgürce verirsiniz.)
- Çerçeveleme: kullanıcılar şeyler arasında karşılaştırmalar yapacaktır. (Bunu istermiyim ister misiniz? Çoğu kullanıcı tüm seçeneklerin ortasında bir yere düşer.)
- Salience: Kullanıcılar şimdi neyin önemli olduğunu istiyor. (Bu yüzden e-ticaret web siteleri alışveriş deneyimi sırasında ilgili öğeleri ekrana ekliyor.)
- Sosyal kanıt: Kullanıcılar ne yapacağını görmek için başkalarına bakar. (Sosyal medyanın etkisi.)
- Kıtlık: Kullanıcılar sahip olamayacakları şeyleri ister. (Sınırlı sayıda ürün.)
- Kontrast: Kullanıcının zihninde göze çarpan şey. (Tasarım teorisi 101.)
İki farklı kullanıcı deneyimi
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?
Kullanıcı beklentileri
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:
- Her eylemin tatbik edilmesi gerekiyor. (Görmek ve dokunmak kolay.)
- Grafikler ve resimler hızlı yüklenmeli ve mobil deneyimin bir parçası olmayabilir.
- Seçeneklerin bağlamsal olması gerekir. Kullanıcılar, neyin peşinde olduğunu ve buradan nereye gidebileceklerini bilmek ister; Her olası seçeneği bilmelerine gerek yoktur.
- Web sitelerinin, diğer uygulamalar ile eşleme, arama ve entegrasyon gibi tüm mobil cihaz işlevleriyle entegre olması gerekir.
- Etkileşimler kolay olmalı ve genel olarak kabul edilen modelleri takip etmelidir. Mobil kullanıcılar neredeyse sıfır dikkat süresine sahiptir. Öğeler ilk kez çalışmıyorsa - ve çok fazla düşünce veya açıklama olmadan - kullanıcı kaybolur.
Nasıl tasarlanır
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
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ı
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ı
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
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
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.
Sonuç
Ç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.