Arkadaşlar merhaba, uzun zamandır üzerinde çalıştığım bir web uygulamasında kullanıcı deneyimini iyileştirmeye çalışıyorum. Özellikle buton tıklamalarında kullanıcıya verdiğimiz geri bildirimler konusunda takıldım. Normalde çoğu framework'ün hazır hover ve active efektleri var, ama bunlar bana çok yapay geliyor. Mesela bir butona tıkladığımda sadece rengi değişiyor veya hafifçe küçülüyor, bu da kullanıcıya "tıkladım mı, tıklamadım mı" hissini tam olarak vermiyor. Sizce buton tıklama hissiyatını daha gerçekçi kılmak için hangi teknikleri kullanıyorsunuz?
Ben kendi adıma birkaç şey denedim, mesela CSS transform ile scale ve box-shadow kombinasyonu yaparak butona basınca hafif bir içe çökme efekti verdim. Ama bazen bu efekt çok abartılı oluyor, kullanıcı butonun kırılacağını sanıyor :) Bir de JavaScript ile tıklama anında kısa bir animasyon eklemeyi düşündüm, ama performans konusunda endişelerim var. Özellikle mobil cihazlarda bu tür animasyonların takılma yapabileceğini okudum. Siz bu konuda ne düşünüyorsunuz? Belki de mikro etkileşimler (micro-interactions) eklemek daha iyi bir çözüm olabilir mi?
Ayrıca butonların fiziksel hissiyatını artırmak için dokunsal geri bildirim (haptic feedback) üzerine de araştırma yaptım, ama bu özellik sadece mobilde çalışıyor ve web tarafında tam olarak desteklenmiyor. Web uygulamalarında bu hissiyatı yazılımsal olarak nasıl verebiliriz? Örneğin butona basıldığında bir ses efekti eklemek mantıklı mı, yoksa bu kullanıcı için rahatsız edici olabilir mi? Deneyimlerinizi ve önerilerinizi merak ediyorum, özellikle gerçek dünyada buton hissiyatını yakalamak için neler yapıyorsunuz?
Ben kendi adıma birkaç şey denedim, mesela CSS transform ile scale ve box-shadow kombinasyonu yaparak butona basınca hafif bir içe çökme efekti verdim. Ama bazen bu efekt çok abartılı oluyor, kullanıcı butonun kırılacağını sanıyor :) Bir de JavaScript ile tıklama anında kısa bir animasyon eklemeyi düşündüm, ama performans konusunda endişelerim var. Özellikle mobil cihazlarda bu tür animasyonların takılma yapabileceğini okudum. Siz bu konuda ne düşünüyorsunuz? Belki de mikro etkileşimler (micro-interactions) eklemek daha iyi bir çözüm olabilir mi?
Ayrıca butonların fiziksel hissiyatını artırmak için dokunsal geri bildirim (haptic feedback) üzerine de araştırma yaptım, ama bu özellik sadece mobilde çalışıyor ve web tarafında tam olarak desteklenmiyor. Web uygulamalarında bu hissiyatı yazılımsal olarak nasıl verebiliriz? Örneğin butona basıldığında bir ses efekti eklemek mantıklı mı, yoksa bu kullanıcı için rahatsız edici olabilir mi? Deneyimlerinizi ve önerilerinizi merak ediyorum, özellikle gerçek dünyada buton hissiyatını yakalamak için neler yapıyorsunuz?