Tasarım yalnızca piksellerden ve desenlerden ibaret değildir. Bu aynı zamanda ilerleme hızı ve duygulardır. Bazı ürünler belirsizlik, rahatlama, güven ve sükunet konusunda bizi sürüklemeden rehberlik ettiğinden sinematik bir his verir. buAkıştaki Duygu. Bazıları ise yanlış yere yapılan bir şakayla, sürpriz bir pop-up'la ya da ürkek bir geçişle kendi anlarının altını çiziyor. buÇatışmada Duygu.
Bunlar yalnızca UX'e yönelik fikirler değildir. Bunları eğlencenin her yerinde görebilirsiniz. Ve farkı hissetmenin en açık yolu, nasıl olduğunu karşılaştırmaktır.animeduygusal değişimleri nasıl ele alırMarvel ve DC filmleriyanılmak. İki özel örnek kullanacağız; biriDan da Dan(Netflix'teki anime dizisi) ve James Gunn'ın bir anime dizisiSüpermenFilmde iki kavramı tanımlayın ve ardından bunları hemen uygulayabileceğiniz pratik ürün tasarım modellerine dönüştürün.
Not: Av. Odaklanacağız dijital ürünlerNo mess 'all." ifadesinde kullanıldığında, "Her şeyi temizledim. uygulamalar, SaaS ve web dahil.
Akıştaki Duygu (Anime: Dan da Dan)İçindeDan da Danton aralığı vahşi, korku, komedi ve şefkattir, ancak yine deakışlar.
Örnek: Bir yayda, kahramanlar ana karakterlerden birinin (evet, gerçekten) "altın cinsel organını" içeren tuhaf, komik bir arayış içindeyken, diğerinde çocuğu kaçırılan bir annenin yürek burkan hikayesinin içine çekiliyoruz. Kağıt üzerinde bu vardiya bir araba kazası olmalı. Ekranda tutarlı ve duygusal açıdan okunaklı.
Bu neden ekranda çalışıyor?
- Bahislerin sürekliliği.
Bir şaka yapıldığında bile karakterlerin hedefleri ve tehlikeleri bozulmadan kalır. Mizah, mini bir çözümden sonra gerilimi azaltır; tehdidi inkar etmiyor. - Ruh hali ipuçlarını temizleyin.
Müzik, çerçeveleme, ilerleme hızı ve karakter tepkileri bir sonraki duyguyu yansıtır. Vardiya için hazırlandınız, bu yüzden çekilmek yerine onu sürüyorsunuz. - Duygusal bir çapa.
İlişkiler Kuzey Yıldızı olmaya devam ediyor, böylece ton hareket ettiğinde sahnenin kalbi kaybolmuyor.
Bu, UX'e nasıl çevrilir?
İyi ürünler de aynısını yapar:hazırlanmakNo mess 'all." ifadesinde kullanıldığında, "Her şeyi temizledim. geçişNo mess 'all." ifadesinde kullanıldığında, "Her şeyi temizledim. çözmek, böylece kullanıcılar duygusal ton değiştikçe kendilerini kaptırır.
Lois ve Clark içten, samimi bir sohbet, yavaş, insani bir an yaşıyor, bu arada arka planda bir şaka oynanıyor (bir canavarın dev bir beysbol sopasıyla dövülmesi). Sahne sizden gerçek bir şey hissetmenizi istediğinde şaka, odağı çalar. Sonuç, duyguyu serbest bırakmak yerine onu delen bir ton çatışmasıdır.
Bu neden ekranda başarısız oluyor?
- Artan bilişsel yük.
Burada olup bitenler doğrudan bilişsel yük teorisiyle eşleşiyor. Bir sahne (veya arayüz) kullanıcılardan iki rakip duygusal sinyali aynı anda işlemelerini istediğinde,yabancı bilişsel yük, görevin veya anın kendisiyle hiçbir ilgisi olmayan zihinsel çaba. Duygusal tempoya odaklanmak yerine dikkat, birbirini çözmeyen sinyaller arasında bölünür. Ürünlerde mizah, promosyonlar veya beklenmedik kullanıcı arayüzü değişiklikleri riskli anlara müdahale ettiğinde olan şey budur: Kullanıcılar harekete geçmeye çalışırken aynı zamanda üslup ve niyeti de yorumlamak zorunda kalır, bu da kavramayı yavaşlatır ve stresi artırır. - Rekabet aynı anda atıyor.
Şaka, ciddi bir ritmin doruk noktasıyla örtüşüyor; izleyici duygudan ziyade geçişe dikkat ediyor. - Ton aktarımı yok.
Mizah gelmeden önce samimiyeti sağlayacak bir geçiş yok, bu yüzden o an çözülmek yerine altı çiziliyormuş gibi geliyor.
Bu, UX'e nasıl çevrilir?
Ürünlerde bu, onay öncesi konfeti sorunu, para akışındaki arsız hata veya kritik bir görevin tam ortasında ortaya çıkan promosyon yöntemidir. Bu aynı zamanda bilişsel yükü de artırıyor: Kullanıcılar bir sorunu çözmeye çalışırken mizahı işlemek zorunda kalıyor, bu da onları yavaşlatıyor ve stresi artırıyor.
Akıştaki Duygu
Duygusal değişimler kazanılmış, telgraflanmış ve zamanlanmış gibi hissedilir, böylece önceki atımları çözerler. Daldırma tutar.
Çatışmada Duygu
Canlı bir duygusal ritmi patlatan sarsıcı bir anahtar (veya sert kesim). Daldırma molaları.
Artık adını verdiğimize göre: bu UX'e nasıl bağlanıyor?
Duygular Ürünün Unutulmazlığını Nasıl Şekillendirir?İnsanlar bir deneyimin ortalamasını hatırlamazlar; zirveleri ve sonları hatırlıyorlar. Akışınızın zirvesi hüsransa ya da sonunuz karmaşıksa, kalıcı olan da budur. Bu yüzden duygusal eğriyi bilerek tasarlayın.
Duygular üç katmanda yaşar (Don Norman'ın Duygusal Tasarımı) ve ürününüzün bunları sıraya koyması gerekir:
- İç organ (bağırsak):İlk izlenim sinyalleri: görseller, hareket, dokunsal, ses.
Örnekler:Dengeli bir iskelet yükleyici, gergin bir topaçtan daha fazla sakinleştirir; hafif bir başarı zili/dokunsal dokunuş, kazanmanın bağırmadan gerçekleşmesini sağlar; tutarlı hareket hızı/yön, göze neyin değiştiğini gösterir. - Davranışsal (yapmak):Görevimi sorunsuz bir şekilde tamamlayabilir miyim? Buradaki sürtünme stres anlamına gelir.
Örnekler:Öngörülebilir ilerleme sağlayan üç net ödeme adımı; ne olduğunu ve nasıl düzeltileceğini açıklayan hata durumları; form sonu patlamaları yerine satır içi doğrulama. - Yansıtıcı (anlamı):Sonrasında kendime anlattığım hikaye"Buna değer miydi? Buna güveniyor muyum?"
Örnekler:Düzenli bir toparlama ekranı ("Bitti. X'i Cuma gününe kadar alacaksınız.") kapanışı sağlar; küçük bir özet ("Bu yıl 18 € tasarruf ettiniz") havai fişekler olmadan gurur yaratır.
Mikro etkileşimlerduygusal yapıştırıcıdır. Her birinin bir tetikleyicisi (Öde'ye dokunuyorum), kuralları (sistemin yaptığı), geri bildirimi (ilerleme ve net bir sonuç) ve döngüleri veya modları (kullanıcı tekrar denerse ne olur) var. Bunları doğru yaptığınızda geçişleriniz duygular arasında köprü oluşturur. Onları yanlış anlarsanız akışı bozarlar.
Duygusal vuruş sayfası, Norman'ın deneyim katmanlarıyla net bir şekilde eşleşiyor:
- Belirsizlikiçinde yaşıyoriçgüdüselve erkendavranışsalKullanıcıların neler olduğunu anlamak için duyusal ipuçlarına (hareket, netlik, geri bildirim) güvendiği katmanlar.
- Netlikkesin olarak içindedirdavranışsalkatman, sistemin amacının ve kullanıcının bir sonraki eyleminin yerine oturduğu an.
- Beklentibir karışımıdırdavranışsal(kullanıcı bilerek bir şey yapıyor) veyansıtıcı(Kullanıcı zaten sonucu tahmin ediyor ve bundan sonra ne olacağını hayal ediyor).
- Başarıbiryansıtıcı tepeKullanıcının başarıyı, güveni ve deneyimin "doğru hissettirip hissettirmediğini" değerlendirdiği yer.
- Sakin/Kapanışöncelikleyansıtıcı, kullanıcıların etkileşimin anlamını tamamlamalarına ve ürünün güvenilir ve geri dönmeye değer olup olmadığına karar vermelerine yardımcı olur.
Gerçek ürünlerde işler ters gittiğinde bu sıra kaybolmaz. Hatalar, gecikme ve bozulmuş durumlar duygusal arkın istisnaları değildir; onlar onun bir parçasıdır. Anlatı merceğinden bakıldığında bu anlar, kahramanın yolculuğundaki engellerdir. İyi tasarlanmış bir iyileşme durumu, gerilemeyi kabul eder, ne olduğunu netleştirir ve yeni duygusal gürültü yaratmadan bir sonraki adıma rehberlik eder. Başarısızlık bir kopuş yerine bir darbe olarak ele alındığında duygusal akış stres altında bile korunabilir.
Kullanıcı Deneyimi Örnekleri: Akıştaki Duygu ve Çatışmadaki DuyguAkıştaki Duygu
Ödeme doğru yapıldı (Çizgili/Apple Pay stili): kısa adımlar, net ilerleme ve net bir başarı durumu (isteğe bağlı yumuşak dokunsallı bir onay işareti). Zirve (başarı) iner ve son, kapanışı (alınma veya bir sonraki adım) verir.
Teslim alma durumu (araç çağırma uygulamaları, örneğin Uber, Free Now veya Bolt): aşamalı güncellemeler yönlendirmeyi korur ve kaygıyı azaltır ("Sürücü geliyor", "2 dakika uzakta", "Geldi"). Belirsizlik, her geçişi hazırlayan nazik hareketlerle netliğe dönüşür.
Çatışmada Duygu
Not: Av. Burada belirli ürünlere isim vermiyoruz; onların arkasındaki çalışmaya saygı duyuyoruz. Bunun yerine duygusal çatışmalara neden olan kalıpları ve bunların tam olarak nasıl düzeltileceğini gösteriyoruz.
- Ciddi anlarda şakalar.
Para/sağlık/güvenlik için arsız kopyalama hatası durumları. Kullanıcılar stres altında; mizah öfkeyi artırır. - Karar öncesi kutlama.
Onay öncesinde konfeti, havai fişek veya yüksek sesler. Parti doruğa ara verir. - Sert durum atlayışları.
Görev ortasında sürpriz modeller/tanıtımlar, hazırlık gerektirmeden tam ekran devralmalar. Duygusal bir vuruş sırasında ani bir kesik gibi geliyor.
İşte çoğaltabileceğiniz tam şablonu içeren bir Notion sayfası:
1. Önce Duygusal Ritim Sayfasını Yazın
Her temel akış (ilk katılım, ödeme, iyileşme) için adım başına duyguları haritalandırın: belirsizlik → netlik → beklenti → başarı → sakin. Her vuruşa kopya, hareket ve mikro etkileşimler ekleyin. (Duyguyu kim nereye taşıyor?)
2. Tonunuzu Görev Riskiyle Hizalayın
Bir ton matrisi oluşturun (risk düzeyi × durum). Yüksek riskli hatalarda sakin, sade ve çözüm odaklı olun. Eğlenceyi düşük riskli bağlamlara saklayın.
Şablon parçacıkları:
- Yüksek riskli hata: "Kimliğinizi doğrulayamadık. Tekrar deneyin veya destek ekibiyle iletişime geçin."
- Düşük riskli boş durum: "Henüz burada bir şey yok. Bir örnekle başlamak ister misiniz?"
Pek çok olgun ürünün sessizce duygusal çatışmaya sürüklendiği yer burasıdır. Zamanla ekipler niyetten ziyade alışkanlıkla keyif katarlar.
Yararlı bir öz-kontrol şu soruyu sormaktır: Bu adımdan tüm şakacı veya kutlama unsurlarını kaldırsaydık, akış hala insani hissettirir miydi - yoksa bu unsurlar sürtünmeyi maskeliyor muydu?
İyi duygusal tasarım deneyimi netleştirir; Harika bir duygusal tasarımın kafa karışıklığını telafi edecek dekorasyona ihtiyacı yoktur.
3. Tasarımın Zirvesi ve Amacına Göre Sonu
Bir net zirve (başarı anı) ve bir temiz son (doğrulama ve bundan sonra ne olacağı) tasarlayın. Hatırlamayı ve memnuniyeti her iki noktada da ölçün.
4. Mikro Etkileşimleri Spot Işığı Değil Köprü Olarak Kullanın
- Hazırlık: Büyük bir durum değişikliğinden önce küçük, tutarlı hareket ipuçları.
- Onaylayın: Başarı, biraz daha yavaş bir rahatlama ve isteğe bağlı bir ışık dokunuşu ile incelikli bir şekilde yerleşir.
- Kurtarma: Tekrarlanan başarısızlık, tonu zarif bir şekilde iyimserden destekleyiciye değiştirir ve bir sonraki adıma rehberlik eder.
5. Duygusal Sürekliliği Test Edin
Kullanılabilirlik oturumlarında sadece sormayın"Bu kolay mıydı?"Bunun yerine sorabilirsiniz“Burada hangi duygu değişti?”"Kafası karışmış → eğlenmiş → kafası karışmış" sözlerini duyarsanız, akış değil çatışma yaşarsınız. Yalnızca ekranları değil, geçişleri yineleyin.
Çatışma Sırasında Duygulardan Nasıl Kaçınılır: Hızlı Kontrol ListesiKırmızı bayraklar → düzeltmeler:
- Ciddi anlarda şakalar → Sakin, doğrudan bir dil ve net bir iyileşme yolu ile değiştirin.
- Çözüm öncesi kutlama → kutlamayı onay sonrasına taşıyın; yüksek riskli görevler için bunu azaltın.
- Zor durum atlamaları → ön duyuru geçişleri; çerçevelemeyi tutarlı tutun; Sürekliliği korumak için anlamlı hareket kullanın.
- Ekipler arası ton kayması → risk düzeyi ve duruma göre örneklerle ses ve ton yönergelerini merkezileştirin.
Duygusal akışı bozmanın kasıtlı ve gerekli olduğu anlar vardır. Güvenlik uyarıları, yasal onaylar ve güvenlik açısından kritik uyarılar genellikle ani ton değişimlerinden yararlanır. Bu durumlarda, aksaklık önem sinyali verir ve dikkat gerektirir. Sorun duygusal çatışmanın kendisi değil; onuntesadüfi çatışma. Tasarımcılar kasıtlı olarak kesintiyi seçtiğinde, kullanıcılar darbeyi hissetmek yerine riskleri anlıyor.
ÇözümBüyük deneyimler yönlendirilmiş deneyimlerdir.Dan da Dan bizi kaybetmeden duyguların içinden nasıl geçeceğimizi gösteriyor: hazırlıyor, geçiş yapıyor ve çözüyor. Süpermen sahnesi bunun tam tersini gösteriyor: içten bir vuruşla çarpışan bir şaka.
Öncekini yap. Duygusal vuruşlarınızı haritalandırın, tonu görev riskine göre ayarlayın ve mikro etkileşimlerin duygular arasında köprü kurmasına izin verin; böylece kullanıcılar ortadaki darbeyi değil, doğru zirveyi ve doğru ucu hatırlasın.
