Mikro Etkileşim (Microinteraction) Nedir?

Mikro etkileşim nedir?

Mikro etkileşim, bir dijital ürünün içinde tek bir küçük görevi tamamlayan ya da tek bir olaya tepki veren, çoğu zaman bir an süren etkileşimdir. Bir mesajı beğendiğinizde kalbin kısa bir animasyonla dolması, şifre alanına yazarken gücünün çubukla gösterilmesi, telefonun sessiz moda geçerken titremesi ya da bir form gönderildiğinde düğmenin onay işaretine dönüşmesi mikro etkileşimdir.

Bu küçük anlar ürünün tamamı değildir; fakat kullanıcının ürünle kurduğu ilişkiyi belirler. Kullanıcı eylemini yaptığında sistemin bunu anladığını hissediyorsa güven oluşur. Hiçbir tepki gelmiyorsa ya da tepki belirsizse kullanıcı işlemin gerçekleşip gerçekleşmediğinden emin olamaz.

Bir mikro etkileşimin anatomisi nasıl kurulur?

Mikro etkileşimler tasarım literatüründe genellikle şu bileşenlerle tanımlanır: tetikleyici, kurallar, geri bildirim, döngüler ve modlar.

• Tetikleyici etkileşimi başlatır. Kullanıcı bir düğmeye dokunur ya da sistem bir koşul yakalar, örneğin pil seviyesinin düşmesi.
• Kurallar, tetikleyiciden sonra ne olacağını belirler. Neyin olacağı, neyin olmayacağı ve işlemin ne zaman biteceği burada kararlaştırılır.
• Geri bildirim, kuralların sonucunu kullanıcıya gösterir: renk, hareket, ses, titreşim ya da kısa bir metin.
• Döngüler ve modlar, etkileşimin zaman içinde nasıl davrandığını belirler. Örneğin bir hatırlatma kaç kez gösterilecek, ilk kullanımda farklı mı çalışacak sorularının cevabı buradadır.

Bu çerçeve, ekip içinde ortak bir dil sağlar. Tasarımcı, geliştirici ve ürün sahibi aynı etkileşimi parçalara ayırıp hangi parçada sorun olduğunu net biçimde konuşabilir.

Mikro etkileşim örnekleri ve işlevleri

İyi mikro etkileşimler süs değil, işlev taşır. Başlıca işlevleri şöyle sıralanabilir:

• Durumu göstermek: yükleme göstergesi, bağlantı kesildi uyarısı, kaydedildi işareti.
• Hatayı önlemek ve düzeltmek: geçersiz e-posta biçimini yazarken uyarmak, geri al seçeneği sunmak.
• Eylemi doğrulamak: sepete eklenen ürünün sepet simgesine doğru kayması, düğmenin basıldığını hissettirmesi.
• Yönlendirmek: ilk kullanımda belirli bir alanı hafifçe vurgulamak.
• Marka kişiliğini yansıtmak: bir uygulamanın hata ekranında nazik bir mizah kullanması.

Örneğin bir ödeme formunda kart numarası alanı, yazılan numaranın kart türünü tanıyıp ilgili logoyu göstererek anında geri bildirim verebilir. Kullanıcı ne yazdığını kontrol ettiği için hata yapma olasılığı düşer.

İyi bir mikro etkileşim nasıl tasarlanır?

İlk ilke ölçülü olmaktır. Mikro etkileşim, kullanıcının asıl işini yavaşlatmamalıdır. Her tıklamada uzun süren bir animasyon, başlangıçta hoş görünse de tekrar kullanımda sinir bozucu hale gelir. Hareket, işlevi desteklemek için vardır; dikkat çekmek için değil.

Bir diğer ilke tutarlılıktır. Aynı türden eylemler üründe aynı tepkiyi vermelidir. Bir yerde onay işareti ile bir yerde titreşimle onaylanan benzer eylemler kullanıcıyı şaşırtır.

Erişilebilirlik de ayrı bir ilkedir. Yalnızca renge ya da harekete dayanan geri bildirim, görme güçlüğü olan ya da hareket hassasiyeti bulunan kullanıcıları dışarıda bırakır. Sistem ayarlarında hareketin azaltılması seçilmişse animasyon sadeleştirilmeli, kritik bilgiler metin ya da ek bir kanalla da aktarılmalıdır.

Son olarak mikro etkileşim prototiplenip gerçek kullanıcılarla denenmelidir; kağıt üzerinde doğal görünen bir tepki gerçek cihazda ağır ya da gereksiz hissedilebilir.

Mikro etkileşim ile animasyon ve arayüz bileşeni arasındaki fark

Animasyon bir araçtır, mikro etkileşim ise bir tasarım birimidir. Mikro etkileşim animasyon kullanabilir ama hareketsiz de olabilir: bir alanın kırmızı çerçeveyle hata göstermesi buna örnektir. Bir animasyonun mikro etkileşim sayılması için bir tetikleyiciye bağlı olması ve kullanıcıya anlamlı geri bildirim vermesi gerekir. Yalnızca estetik amaçlı, hiçbir eyleme bağlanmayan hareket mikro etkileşim değildir.

Arayüz bileşeni ise düğme, açılır liste ya da tarih seçici gibi yeniden kullanılabilir yapı taşıdır. Mikro etkileşimler çoğu zaman bu bileşenlerin davranışını tanımlar. Düğmenin üzerine gelince renk değiştirmesi, basılınca küçülmesi ve işlem sürerken dönen bir gösterge göstermesi, bileşenin içindeki mikro etkileşimlerdir.

Mikro etkileşimler Mindset programlarında nerede ele alınır?

Etkileşim Tasarımı Kalıpları ve Mikro Etkileşimler eğitiminde Durum ve Geri Bildirim Tasarımı, Mikro Etkileşim Anatomisi, Prototipleme ve Sınama ile Kalıp Yönetişimi gibi modül başlıkları yer alır.