Micro-Inctions: Web'de harika bir kullanıcı deneyimi yaratan küçük detaylar

Web'deki düğmeyi hiç tıkladınız mı ... sessiz mi? Bu bir sorun!

Hiç böyle hissettin mi? Düğmeye basacaksınız. "Onay onay" Web sitesinde en önemli. Ama bir kez basıldığında ... her şey "tamamen sessiz". Hiçbir şey olmadı. Ekran hareket etmiyor. Bildirim mesajı Yok Kalbin başım dönüyor. "Eh ... henüz basmadım mı?" "Para kopyalanacak mı?" Veya formu doldururken. Yanlışlıkla biraz yanlış hiçbir şey, tekrar gerçekleştirmeyi kaçırılan kanalların ima etmez, bilgiler tamamen gitti! Bu hayal kırıklığı, karışıklık ve belirsizlik duyguları. Kullanıcıların web sitesinde her gün karşılaştıkları sorun, "ölü" veya "canlı değil" gibi ve iyi müşterilerinizi geri döndüren ve sessizce uzaklaşan önemli bir faktördür.

‍

Neden çoğu web sitesi "lordless" ve iletişim kuramıyor

Bu sorun, çoğu web insanının (hem tasarımcılar hem de programcılar) "büyük görüntülere" odaklanma eğiliminde olduğu için ortaya çıkmaktadır. Örneğin, web sayfası yapısı güzel olmalı, ana özellik çalışmalı, markanın rengi doğru olmalıdır. Bunların hepsi çok önemlidir, ancak yolda "küçük ayrıntıları" göz ardı etme eğilimindedirler, verileri yüklerken küçük bir animasyona basıldığında veya küçük bir animasyona sahipken, sadece gerekli olmayan bir "dekorasyon" olduğunu ve yapmak için zaman harcadığını düşünüyorlar. Ama gerçekte bu detaylar sadece güzel şeyler değil. Doğrudan kullanıcılar için kullanan web sitesinin "beden dili" dir. "Sessiz" web sitesi, yanıt olarak başını sallamayan, göz teması kurmayan veya herhangi bir tepki olmadan konuşan insanlarla konuşuyoruz. Sonunda, bizi dinlenip dinlemediğini bilmiyoruz. Ve bu yüzden birçok web sitesinin cazibesi olmadığı ve bilmeden garip bir deneyim yaratmasının nedeni budur.

‍

"Sessiz" web sitesi devam etsin = Müşterilerin her gün "kaçmasına" izin verin

"İletişim kuramayan" bir web sitesine sahip olmak, düşündüğünüzden daha ciddi. Bu sadece bir güzellik meselesi değil. Ancak işletmenizi doğrudan etkiler:

• Güvenilirlik azalır. HABB: Geri bildirimi olmayan web siteleri müşterileri güvensiz ve güvensiz hissettirir. Özellikle finansal işlemler yapmak zorunda kalırken, bu web sitesinin "tanıtım görünmediğini" ve bir aldatmaca web sitesi olabileceğini hissedecekler.
• Dönüşüm Oranı Aşağı: Kullanıcı, eylemlerinin başarılı olup olmadığından emin olmadığında (eklentiyi araca basmak gibi), müşterilerin çok yüksek kaybolmasını sağlayan UX , neredeyse alışveriş yapsa bile web sitesinden ayrılacaklar
• Kullanıcı sinirli ve tekrar geri gelmek istemiyor: Kötü deneyim her zaman kalbe gömülecek. Web sitenizin kullanımı zorsa ve kafa karıştırıcısa, tekrar kullanmak için geri dönmek için hiçbir nedenleri yoktur. Daha iyi deneyimler sağlayan rakipler olduğunda
• Hasarlı marka imajı: Web sitesi şirketinizin yüzüdür. Küçük ayrıntılara dikkat etmiyor gibi görünüyorsa, markanızın da böyle olabileceğini yansıtır. Bu otoriteyi yok eder ve kolayca birikmiş güveni biriktirir.

‍

Çözüm "Mikro-Uluslararası" dır. Web sitesini dolduran gizli silah.

"mikro-uluslararası" (mikro-müdahale) denir . En kolay olanı konuşarak, "kullanıcılar web sitesinde bir şey yaptığında ortaya çıkan küçük detaylar veya tepkiler" kullanıcılara "Ne yaptığınızı zaten biliyorum". Ve "sonuç bu." Akıllı bir konuşma ortağına "sessiz" olan bir web sitesiydi.

Nielsen Norman Group gibi uzmanların kabul edilen ilkelerine göre 4 ana bölümden oluşan mikro-uluslararası iyiliğin bileşimi:

• 1. Tetikleyici (Stimülatör): Etkileşimi başlatan kullanıcıların, düğmeyi tıklamak, kaydırma çubuğunu kaydırmak, ekranı yenilemek için çekmek gibi eylemi mi?
• 2. Kurallar (kurallar): Tetikleyici gerçekleştiğinde, 'Like' düğmesine basıldığında, sayıların 1 ekleyeceğini ve simgenin maviye değişeceğini belirleyen şeydir.
• 3. Geribildirim (Yanıt): Kullanıcının bir animasyon simgesi görmek, "ting" i yumuşak bir şekilde duyan veya biraz titreme hissetmek gibi kuralların işe yaradığını "görmek", "duyulan" veya "hissetmek" veya "hissetmek".
• 4. Döngüler ve Modlar (Koşullar ve Döngü): İnteraktifin zamanla değişeceği veya 'Beğen' düğmesi tekrarlanamayacağı ek bir kuraldır. Ya da tekrar bastırmaktan farklı olacaksa

En iyi başlangıç, web sitenizde çağrıdan ila ila düğme, ödeme süreci gibi en önemli noktaları aramaktır. Veya çeşitli formlar ve "yaşam" veya bu küçük geri bildirim eklemeye başlayın. Tasarımın arkasındaki psikolojiyi anlamak , mikro etkileşimleri daha güçlü yaratmanıza yardımcı olacaktır.

‍

Gerçek Şeyden Örnekler: Sıkıcı form etkilemek için bir araç haline geldiğinde

Büyük bir sorunla karşılaşan bir B2B yazılım şirketi örneği vermek istiyorum. Müşteriler sayfaya gelir. Ekip denetlemeye gitti ve formlarının hem uzun hem de sıkıcı olduğunu buldu. Hiçbir şey nereden doldurulacağını söylemedi. Veya hangi kanalın yanlış olduğu

Ne yapmalı: Bu formu da elden geçirmeye karar verdiler. Mikro etkileşimler

• Yapmadan önce: Uzun bir form. Bir sayfada 10'dan fazla kanal cesaretini kırıyor.
• Yaptıktan sonra: Çok adımlı bir form olarak değiştirildiler, ilerleme çubuğu (geri bildirim) ile 3 kısa adıma ayrıldılar ve kullanıcının neredeyse bittiğini bilmesini sağladı. Doğru bilgileri her doldurduğunuzda, küçük bir yeşil işaret biraz titreyeceği ve kırmızı bir kenara sahip olacağı @ yoktur. Ve mesajları (geri bildirim) netleştirin ve son adımı doldurduğunda, "Veri" düğmesi roketten gökyüzüne dönüşür. "En iyi! Takım 24 saat içinde iletişim kurmak için acele edecek."

Sonuçlar: Sadece ayarlayın. Bu mikro etkileşimler, form tamamlama oranı, % 60'a varan bir artış ve müşterilerden "şimdiye kadarki en iyi formu doldurma deneyimi" olduğuna dair övgü aldı. , UX/UI'nin iyi olduğu ve ayrıntıları önemsediği açık bir örnektir Web'i iyi bir müşteriye bırakmak üzere olan kişi nasıl olabilir?

‍

Ne yapmak istiyorsun? Web siteniz için basit kontrol listesi.

Burada okuyun, muhtemelen web sitenizi geliştirmeye başlamak istersiniz, değil mi? Hemen başlamak için bu basit kontrol listesini kullanmayı deneyin:

1. Anahtar Etkileşim Puanlarını Keşfedin: Web sitenizi müşteri olarak keşfetmek için yürüyün. Ve sonra kullanıcıların sepet düğmesine ekle düğmesi, giriş düğmesi, arama kutusu, formüle etme formu, yükleme sayfası gibi bir şey "yapması" gerektiğini listeleyin.
2. "Tıklayın" Anlamı: Çeşitli düğmeler için, kullanıcıya "bu düğmeye basılabilir" ve "Basıldığım" ve "Ben basıldığım" için bilgi verme (fareyi noktaya getirirken rengi veya biraz boyutu değiştirin) ve aktif durumu (rengi değiştirin veya biraz daraltın) eklemeyi deneyin.
3. Formu doldururken geri bildirim verin: Ucuz ve kırmızı çerçeveyi yanlış şekilde doldururken yeşil işaret gibi gerçek zamanlı veri doğrulaması ekleme, kullanıcının "Gönder" tuşuna basmasını beklemeyin ve sonra yanlış olduğunu söyleyin.
4. Sıkıcı yükleme sayfasını yararlı olacak şekilde değiştirin: Beyaz ekrana veya çürümüş simgelere bakan kullanıcı yerine iskelet ekranına (yüklenecek web sayfasının ana hatları) veya markanızla ilgili animasyona geçmeyi deneyin. Bekleme hissini azaltmak için
5. Biraz mutluluk yaratın (keyifli ayrıntılar): Bir gülümseme oluşturmak için bir nokta bulmaya çalışın, örneğin, kullanıcılar haber almak için başvurduklarında, sevimli bir animasyon olabilir veya ürünü sepete sürüklerken bir "tung" yumuşaktır. Bunlar duygusal ilişkiler yaratmaya çok iyi yardımcı olur. yatırımcılar için web sitesi gibi yüksek güvenilirliğe ihtiyaç duyan işletmelerde

Tüm bunları aynı anda yapmak zorunda değilsiniz. Sadece 1-2'yi önemli olarak seçin ve yapmaya başlayın. gibi araçlar, bunları çok daha kolay yaratmanıza yardımcı olan bir etkileşim araçlarına sahiptir

‍

İnsanların merak etme eğiliminde olan sorular (ve açık cevap)

S1: Animasyon veya Mikro-Uluslararası Girin Bu web siteleri yavaşlayacak mı?
C: Bu çok iyi bir soru! Cevap "Hayır, doğru yapılırsa." Mikro etkileşimler çoğu çok hafif ve web hızını hiç etkilemeyen CSS geçişleri/animasyonları veya SVG dosyaları kullanır. Önlenmesi gereken şey, büyük bir GIF dosyası veya gereksiz bir komut dosyası kullanmaktır. Web hızı her zaman kalptir.

S2: Bu sadece güzel bir oyuncak, değil mi? Bunu yapman gerekiyor mu?
A: Hayır! Ana işlevinin karışıklığı azaltmak için "iletişim ve geri bildirim" olduğunu açıkladığı gibi, güveni arttırır ve kullanıcıyı hedef güzelliğe yönlendirir. , dönüşüm oranı ve müşteri sadakati üzerinde doğrudan etkisi olan mükemmel kullanıcı deneyimi (UX) oluşturmaktır

S3: Kod yazmanın temeli yoksa bunları yapabilirsiniz?
A: Tabii ki! Şu anda, modern bir web sitesi oluşturma platformu, özellikle Webflow, bir kod, hatta bir satır bile yazmak zorunda kalmadan şaşırtıcı sonuçlar oluşturmak için tıklayabileceğiniz görsel bir etkileşimli ve animasyon aracına sahiptir. UX/UI tasarım uzmanı üzerinde bir sonuç istiyorsanız , başarıya bir kısayol.

S4: Mikro etkileşimler eklemeye başlamalıdır. İlk en iyisi nerede?
A: "Para Yatak Eylemleri" veya Önce İşletmeniz İçin En Önemli Noktayla Başlayın, Eylem Çağrısı (CTA) düğmesi (uygulama, sipariş, iletişim gibi) ve bilgi , çünkü bu noktaların iyileştirilmesi iş sonuçlarını mümkün olduğunca açık ve çabuk etkileyecektir.

‍

Özet: Web sitenize "Hayat" ekleme zamanı. Sonra izleyiciyi bir müşteriye dönüştür

Bu noktada, mikro etkileşimlerin sadece yapılabilecek "küçük detaylar" olmadığını, aynı zamanda etkileyici ve farklı kullanıcıların deneyiminin "anahtarı" olduğunu gördüğünüze inanıyorum. Web işlevini ve kullanıcının duygularını bağlayan bir köprüdür. Rahatsız edici ilişkilerden sorunsuz ve güvenilir bir sohbete geçin.

Yatırım, bu ayrıntılara dikkat etmede etkilidir. Müşterilerinize "sizi önemsiyoruz" demektir. "Her adımınızı önemsiyoruz" ve bu duygu sadece "ziyaretçilerden" bir "müşteriye" dönüşecek ve sonunda markanızın "gerçek hayranı" olacak

Web sitenizin sadece yalnız bir çevrimiçi broşür olmasına izin vermeyin. Şimdi web sitenizi keşfetmek için kalkmaya çalışın ve ona "hayat" ekleyebileceğiniz "küçük bir nokta" bulun. olabilir ve kesinlikle harika sonuçlar tarafından şaşıracaksınız!

Vision X Brain'in web sitesine "hayatınızı doldurmanıza" yardımcı olmasını isteyin. Hem güzel hem de iş sonuçları yaratan mikro etkileşimler, değil mi? Uzmanlarımıza ücretsiz danışın! Müşteriler WOW'a kadar dikkat çekici bir deneyim yaratmak için web sitenizi değiştirmeye hazırız!

‍

‍