Hareketin sessiz kuralları: mikro etkileşim ne zaman işe yarar?

Hareket, arayüzün noktalama işareti gibidir. Bir panelin nereden geldiğini, bir işlemin kabul edildiğini, dikkatin nereye kayması gerektiğini anlatabilir. Ama başlık da kart da ikon da aynı anda kıpırdıyorsa bu dil anlamını yitirir. Geriye, sayfanın öylesine kendini göstermeye çalıştığı bir gürültü kalır.

Hareket bir neden-sonuç cümlesidir

İyi bir geçişte başlangıç ve varış birlikte okunur. Kullanıcı bir kartı açtığında detay paneli o karttan çıkıyor gibi görünmeli; menü düğmesine dokunduğunda navigasyon rastgele bir yerden fırlamamalı. Hareket, iki durum arasındaki bağı görünür kılar ve “az önce ne oldu?” sorusuna sessizce cevap verir.

Bu yüzden bir animasyona süre ya da easing seçerek başlamam. Önce hangi olayın hangi sonucu doğurduğunu yazarım. Kaynak, yön ve hedef net değilse, hareket eklemek yerine durumu daha açık bir yerleşimle çözmek çoğu zaman daha doğru oluyor.

Mesafe ve süre aynı hiyerarşiyi konuşmalı

Küçük bir ok ile tüm ekranı değiştiren panel aynı ağırlıkta davranmamalı. Mikro geri bildirim kısa ve doğrudandır; içerik geçişi biraz daha sakin; navigasyon gibi büyük mekânsal değişimler ise yönü okutacak kadar belirgin olmalı. Hareketin mesafesi, süresi ve kapsamı, o öğenin arayüzdeki ağırlığını desteklemeli.

Buradaki tutarlılık her şeyi aynı süreye zorlamak değil; aynı aileden birkaç ölçülü ritim tanımlamak. Böylece kullanıcı sayıları bilmese de arayüzün nasıl davrandığını öğrenir: küçük sinyal hızlı, kart geçişi orta, panel değişimi daha geniş ama kontrollü.

Her şey hareket ediyorsa hiçbir şey yön göstermez

Animasyon eklemek kolaylaştıkça asıl tasarım kararı, neyi sabit bırakacağın oluyor. Sayfa açılırken tüm metinlerin sırayla belirmesi, her hover’da kartın sıçraması, arkada sürekli dönen şekiller — ilk bakışta canlılık gibi durur. Ama uzun kullanımda içerikle yarışır, yön hissini zayıflatır ve arayüzü tahmin edilemez yapar.

Bu yüzden önceliğim, kullanıcının eylemine cevap veren hareketler. Sayfa sırf açıldı diye gösteri yapmaz; bağlantı sadece yönü gösterir, kart seçilince derinlik kazanır, menü açılınca odak yeni alana taşınır. Bir hareketi çıkardığımda anlam kaybolmuyorsa, o hareket muhtemelen gereksizdir.

Azaltılmış hareket ayrı bir tasarım değildir

prefers-reduced-motion desteğini, animasyonları sonradan kapatan bir güvenlik düğmesi gibi görmüyorum. Aynı bilgi mimarisinin daha sakin bir anlatımı olarak görüyorum. Büyük kaydırmaları ve ölçek değişimlerini kaldırırım; ama durum değişimi renk, çizgi, opaklık ya da doğrudan içerik güncellemesiyle yine anlaşılır kalmalı.

Bir hareketin iyi olup olmadığını anlamak için kendime basit bir soru sorarım: kullanıcıya yön, neden ya da geri bildirim veriyor mu? Cevap evetse, o hareket arayüzün dili. Cevap sadece “daha etkileyici görünüyor” ise, sessizlik çoğu zaman daha güçlü bir karar.