Yeni Başlayanlar İçin Duygusal Arayüz Kılavuzu
Bir kullanıcıya duygusal olarak bağlanan bir şey tasarlamaktan bahsediyoruz. Bu bağlantı güven ve ilişkilendirilebilirlik sağlamada önemli bir bileşen olabilir. Göründüğünden çok daha zor. Dikkate alınacak çok şey var. Duygular geniş, karmaşıktır ve genellikle etkilenmesi veya değiştirilmesi çok zordur.
Bugün bunun hakkında düşüneceğiz. Duygusal (veya duygusal) kullanıcı arayüzü nedir? Bu duygusal bağlantıyı gerçekten uyandıran bir kullanıcı arayüzü nasıl oluşturabilirsiniz? Ve bu bir sonraki tasarım projenizde daha dikkatli bir şekilde düşünmeniz gereken bir şey mi?
Tasarım Kaynaklarını Keşfedin
Duygusal (Duygusal) UI nedir?
E-postalarımız, metinlerimiz ve sosyal medya profillerimiz duygusal UI dünyasına bir bakış niteliğindedir. Günlük iletişimimiz, başkalarına tam olarak ne hissettiğimizi anlatmaya yardımcı olan küçük yüzlerle doludur.
Duygusal bir kullanıcı arayüzü, web sitesi tasarımının yeni kutsal kâsesi. Son derece kullanışlı olan ve visseral düzeyde insanlarla bağlantı kuran bir arayüzün birleşimidir. İster zevk ister sevinç ya da korku ya da öfke ya da üzüntü olsun, insanlar iyi bir tasarımla etkileşime girerken bir dizi şey hissederler.
Kullanıcının hiçbir şey hissetmediği bir tasarımdan daha kötü bir şey yoktur. (Çünkü umursamıyorlar.)
Dikkate alınması gereken bir dizi duygu vardır ve kullanıcılar etkileşim sırasında birkaç aşamadan geçebilirler. Hatırlanması gereken önemli şey, denklemin duygusal kısmının içerik ve tasarım nedeniyle gelmesidir; anlattığın hikayenin bir parçası. Kullanıcı hissi, web sitesini veya uygulamanın kendisini doğrudan kullanmaktan (düzgün çalışmayan bir şeyden kaynaklanan hayal kırıklığı gibi) kaynaklanmamalıdır.
Bildiğiniz gibi, hepimiz oldukça karmaşıkız. Kullanıcıların size tam olarak ne hissettiklerini ve duygusal bağlantıların doğru olup olmadığını söylemek zor olabilir. Ama size yardımcı olabilecek bazı teoriler var.
“Doğru” Duygu
Huge için deneyim tasarımı genel müdürü Sherine Kazim, birçok tasarımcının bugün hakkında düşündüğü 1980 tekerleğine dayanan emoji tabanlı bir duygu çarkı geliştirdi. Tekerlek, standart renk tekerleğinin bir kombinasyonudur ve her renge duygusal değerler ve ilişkilendirmeler ekler. Rengin bir tasarımı nasıl etkileyebileceğini anlamak için iyi bir başlangıç noktasıdır.
Ancak bugünün dinamiği değişti ve Kazim'in emoji kaplaması bugün nerede olduğumuza dair daha gerçekçi bir yorum olabilir.
İşte onun hakkında söyledikleri: “Grafikte, çarkta daha da ilerledikçe meydana gelen bir yoğunluk dağılımı olduğunu görebilirsiniz ve tasarımda, henüz kimse bundan bahsetmiyor. Şu anda insanlara temel duyguları, belki de sevinci veya üzüntüyü hissettiren şeyler tasarlıyoruz, ancak kullanıcı arayüzünün, kullanıcının duygularının nasıl yoğunlaştığı veya dağıldığına göre nasıl ayarlamamız gerektiğinden bahsetmiyoruz. ”
Bütün bunlar ne anlama geliyor? Temel olarak, duygular, tasarladığımızdan daha karmaşık ve çok daha az doğrudan. Çoğu tasarımcı bu kırmızı “öfke” veya “öfke” ilişkisini alır ve onunla birlikte çalışır. Ama tam olarak böyle değil.
Bu duygusal bağlantıya gerçekten girenlerin çoğu, tasarımın geri kalanıyla da ilgilidir. Tek başına bir renk yapamaz.
Tasarım Duygusu
Bir dakika için bu emoji çarkını düşünelim. Burada tasarımcılar için harika bir infografikten daha fazlası var. Tekerlek konsepti, kullanıcıların hissetmesini istediğiniz duyguya atadığınız gerçek tasarımı düşünmek için neredeyse üç parçalı bir süreci tanımlar.
En çekici tasarımlar, duygusal araçlar olarak renk, yüz içeren görüntüleri ve doğru kelimeleri kullanır.
Renk
Zaten bildiğiniz renk konseptiyle başlayın, ancak Kazim'in tavsiyelerini tekrar düşünün ve kullanıcılarla duygusal bağlantının doğası arasında düşünün. Tek başına renk muhtemelen duygusal bir bağ kurmak için yeterli değildir.
Renk, temel bir bağlantı düşünmenize ve kurmanıza yardımcı olacak iyi bir çerçevedir. Bir renkle olan ilişkilendirmeniz kullanıcınınkinden farklı olabilir.
Yukarıdaki resme baktığınızda ne hissediyorsunuz? Parlak renk seçimi belirli bir duyguyu harekete geçirecek kadar mı? Yoksa tasarımın diğer kısımlarına bakana kadar daha tarafsız duygularınız mı var?
Yüzler
Görsel olarak, istenen duyguyu yaratma şansınız yüzler kullanmaktır. İletmek istediğiniz duyguyu sergileyen kişilerin resimleri, kullanıcılara ne hissetmeleri gerektiğini göstermenin en etkili yoludur.
Yukarıdaki resme Elegant Seagulls web sitesinden bakın. Fotoğraf, bir dereceye kadar mutlu bir sürpriz sergileyen bir adamı gösteriyor. Aynı twinge hissettin mi? Resme bakarken yüzünüzde bir sırıtma olduğunu hissettiniz mi?
Bu etkili bir duygusal UI. Özellikle attığınız bir sonraki eylemi düşünürseniz. Sadece ne olacağını görmek için dizideki bir sonraki şüpheliye geçtiniz mi?
Kelimeler
Son olarak, kelimeler ve dil, hepsini bir araya getiren tasarım tekniğidir. (Tipik olarak kelimeleri bir tasarım öğesi olarak mı düşünürsünüz? Yapmanız gerekir. Kelimeler yazı biçimleri kadar önemlidir.)
Kelimeler, kullanıcının renk ve görüntülerin gerçekte ne anlama geldiğini belirlemesine yardımcı olan son ipucudur. (Evet, çoğu kullanıcı için gerçekten hecelemeniz gerekiyor.)
Kelimelerin tonu, bir kullanıcının arayüzün içeriğinin yumuşak ve hafif olduğunu anlamasını sağlayabilir veya kaygı ve korku duygularını güçlendirebilir. Kullanıcıyla konuşma şekliniz, harekete geçirici mesaj düğmelerindeki komutlar ve anlatı bu duygulara katkıda bulunur. İstediğiniz sahneyi yaratıyor mu?
Örneğin Draper James giyim sitesini ele alalım. Kahraman görüntüsü, bir “güney kıyafetleri” satırı satmak için mutlu bir güler yüz içeriyor. Renkler parlak ve davetkardır. Şimdi metne bakın: “Hepinize İyi Günler!” Kullanıcının bu tasarımla etkileşime girdiğinde ne hissetmesi gerektiği ile doğrudan duygusal bir korelasyon çizer. (Buradaki en büyük soru izleyicidir, bu tür bir duygu aslında bazı kullanıcıları uzaklaştırabilir mi? Bu sizin karar vermeniz içindir.)
Sonuç
Duygusal düzeyde tasarımdan bahsetmek yeni olmasa da, teknolojideki değişiklikler sayesinde konuşma yeniden canlanıyor. Sanal gerçeklik ve yapay zeka, arayüz tasarımlarının geleceği hakkında bize birçok soru bırakıyor. Çalışmak için daha da insan olmalılar mı?
Bu kavramlarla kullanıcıların “gerçek” bir deneyim talep etmesi muhtemeldir ve duygu bunun büyük bir parçasıdır. İnsanları ortaya çıkan bu cihazlara ve fikirlere geri getirecek olan iş parçacığı. Oldukça çılgın bir sürüşe hazır olun!
