Mikro Etkileşmeler ile UX Geliştirmek İçin 7 Sır
Hepimizin bir kitap kapağıyla yargıladığımızı bilerek, akıllı tasarımcılar akılda kalıcı ve pratik arayüzler yaratır. Potansiyel kullanıcılar bağlanabilir, ancak onları tamamen nasıl devreye sokuyorsunuz?
Bu soruyu cevaplamaya çalışırken, tüm yollar kullanıcı odaklı bir odak noktası olan insan merkezli bir tasarım yaklaşımına yol açıyor. İnsan olun: Uygulamanız, her gün kullandığımız aynı dili, duyguları, konuşma dilini konuşmayı ve “gel-git” görüntüsünün bir tutamı ile konuşmalıdır. Bir arabirim, iyi arkadaşınız olmalı, deneyiminizi geliştirmek için çaba sarf etmeye hazır olmanız ve sizi güldürmenizi sağlayacaktır.
Perdeler yukarı, ışıkları yak. Mikro etkileşimler devreye girer. Daha net olmak gerekirse, bu, daha çekici hale getirmek için bir arayüzle birlikte gelen etkileşimli animasyonlar hakkındadır. İyi bir animasyon şunları yapabilir:
- Durumu iletin ve geri bildirim sağlayın
- Doğrudan manipülasyon duygusunu geliştirin
- Kişilerin eylemlerinin sonuçlarını görselleştirmelerine yardımcı olun
UX'te, önemli olan, kullanıcılarla nasıl çalıştığınız ve ürünü kullanırken neler hissettikleridir. Küçük detaylar bile dikkati hak ediyor. Mikro-etkileşimler, kullanıcılara ihtiyaç duydukları geribildirimi ve devam eden süreçleri anlayabilmelerini sağlayarak, arkasındaki mantığın ne kadar karmaşık olursa olsun, bir arayüzün ulaşılabilir olmasını sağlar.
1) Sistem durumunu göster
İlk kullanılabilirlik sezgisel prensibi Jakob Nielsen tarafından devletler: neler olup bittiğini kullanıcı haberdar edin. Kullanıcılar hemen yanıt almayı bekler, ancak bir eylemin tamamlanmasından önce bir sitenin biraz zamana ihtiyaç duyduğu durumlar vardır.
Dolayısıyla, arayüz, arka planda bir grafik görüntüleyerek, bit hızını ölçerek veya bir ses çaldığında, kullanıcının neler olup bittiğini aydınlatmasını sağlamalıdır. Aynı prensip dosya transferleri ile ilgilidir: kullanıcının sıkılmamasına izin vermeyin; ilerlemelerini göster. Transfer hatası gibi hoş olmayan bir bildirimin bile hoş bir şekilde iletilmesi gerekmektedir. Kullanıcıyı güldürün!
2) Değişiklikleri vurgula
Çoğu zaman, yerden tasarruf etmek için, bir uygulama gerektiğinde bir düğmeyi diğeriyle değiştirir. Bazen, kullanıcının onu gördüğünden emin olmak için bildirimleri göstermeliyiz. Animasyon dikkatlerini çekecek ve kullanıcıların önemli olduğunu düşündüğünüz şeyleri gözden kaçırmasına izin vermeyecektir.
3) İçeriği koru
Akıllı ekranlar ve küçük ekranlı akıllı saatler çağında, bir ekranda çok fazla bilgi sığdırmak zor olabilir. Bunu ele almanın bir yolu, farklı sayfalar arasında net gezinmeyi sağlamaktır; Böylece kullanıcı, neyin nereden geldiğini anlar ve kolayca geriye doğru gidebilir. Bunun için birçok seçenek var:
4) Standart olmayan düzenler
Önceki örneklerle devam eden mikro etkileşimler, kullanıcıların gereksiz kafa karışıklığı olmadan nadir düzenlerle nasıl etkileşimde bulunacaklarını anlamalarına yardımcı olmalıdır. Öne doğru dönen fotoğraflar, kaydırma grafikleri ve dönen karakterler harika seçenekler:
5) Harekete geçirici mesajlar
Bir kullanıcının bir uygulama ile etkili bir şekilde etkileşime girmesine yardımcı olmanın yanı sıra mikro etkileşimler, kullanıcıları gerçekten etkileşimde bulunmaya teşvik etme gücüne sahiptir: sadece çekici olduğu ve ayrılmak istemediği için içeriğe göz atmaya, beğenme veya içerik paylaşmaya devam etme:
6) Girişi görselleştirin
Veri girişi, herhangi bir uygulamanın en önemli unsurlarından biridir. Kullanıcıların elde ettiği kalite sonuçları veri girişine bağlıdır. Kural olarak, oldukça sıkıcı ama mikro etkileşimler bu süreci özel bir şeye dönüştürüyor:
7) Öğreticilerin canlanmasını sağlayın
Ve elbette, animasyonlar, bir uygulamanın başlatılmasından sonra kullanıcıların bir aksama olmadan daha fazla kullanım için gerekli temel özellikleri ve kontrolleri vurgulayarak eğitmelerine yardımcı olabilir.
Sonuçlar
Bu nedenle, kullanıcı deneyiminize değer veriyorsanız, arayüzünüzü A'dan Z'ye doğru cilalayın, mikro etkileşimler ve animasyonlarla canlandırın. Hayatı projenize çekecek.
Her bir detayın dikkati, insan-bilgisayar etkileşimini kolaylaştıran başarınızın anahtarıdır.