Androverse

Azaltılmış hareket nedir?

Anlamı, kullanım örnekleri ve kararları. Kavramı işin içinde açıyoruz.

Motion sözlüğünden

Kısa cevap

Azaltılmış hareket, hareket yoğunluğunu azaltmayı tercih eden kullanıcıların ayarını dikkate alan arayüz yaklaşımıdır.

Nerede işine yarar?

Büyük kaydırma, döndürme ve sürekli animasyonlar sadeleştirilebilir. Durum bilgisinin tamamı hareketle veriliyorsa metin veya sabit işaret gibi bir alternatif de gerekir. CSS medya sorgusu tercihi algılar; uygun davranışı ürünün tasarımı belirler.

Bir cümlede uygulaması

Sürekli dönen dekoratif bir görseli sabitleyip yükleme bilgisini metinle korumak.

Neyle karıştırılmamalı?

Hareketi azaltmak bütün geri bildirimi kaldırmak anlamına gelmez.

Bir çalışma senaryosu

Aynı deneyimin daha sakin bir yolu

Bir portfolyo sayfasında büyük görsellerin kaydırmayla yer değiştirdiğini, başlığın yavaşça büyüdüğünü ve arka planın ters yönde aktığını düşün. Bu kompozisyon bazı ziyaretçiler için etkileyici olabilir. Başka bir ziyaretçi ise yoğun mekânsal hareketten rahatsız olabilir ve işletim sisteminde hareketi azaltmayı seçmiş olabilir. Azaltılmış hareket yaklaşımı, bu tercihe uygun bir deneyim sunmayı amaçlar. Sayfayı eksik bırakmak veya bütün etkileşimleri kapatmak anlamına gelmez. Önemli bilgi, gezinme ve eylemler korunur; hareketin miktarı ve biçimi kullanım ihtiyacına göre yeniden ele alınır.

İlk iş, sitedeki hareketleri ayırmaktır. Kullanıcının bir durumu anlamasına yardım eden kısa geri bildirimle dekoratif arka plan döngüsü aynı öneme sahip değildir. Kaydırmaya bağlı büyük yer değiştirmeler, yakınlaşmalar veya sürekli hareket eden sahneler yerine kararlı görseller kullanılabilir. Bir menünün açılması anlık olabilir, fakat açık olduğunu gösteren başlık ve kontroller hâlâ görünmelidir. Animasyonun başlangıç halinde saydam bırakılan içerik, hareket devre dışı kaldığında kaybolmamalıdır. Alternatif sürüm yalnız animasyon süresini sıfırlayan bir kuraldan daha dikkatli tasarım gerektirebilir.

Tercihin okunmasıyla uygulanması farklı adımlardır. Tarayıcı ilgili tercihi bildirebilir; uygulamanın kendi hareket sistemleri de buna uymalıdır. CSS geçişini kapatıp JavaScript ile çalışan kamera hareketini sürdürmek tutarsızlık yaratır. Video, tuval, üçüncü taraf bileşenler ve otomatik kayan içerik ayrı ayrı düşünülür. Tercih sayfa açıkken değişirse yeni davranışın nasıl uygulanacağı da önemlidir. Bazı sahneler güvenli bir durağan görsele geçebilir; devam eden zorunlu işlem ise sonucu anlaşılır biçimde göstererek tamamlanabilir. Kullanıcının seçimi arayüzün farklı bölümlerinde kaybolmamalıdır.

Hareket azaltıldığında markanın karakteri yalnız animasyondan ibaret olmadığını gösterir. Tipografi, kompozisyon, renk ilişkileri ve gerçek görseller deneyimi taşımaya devam eder. Bu aynı zamanda tasarım için yararlı bir sınamadır: hareket kapalıyken sayfanın ne anlattığı anlaşılmıyorsa önemli bilgi efektin içine saklanmış olabilir. Durağan sürüm baştan düşünülürse sonradan eklenmiş yoksul bir alternatif gibi görünmez. İçerik sırası ve odak davranışı aynı kalır; kullanıcı, hareket tercihinden dolayı farklı bir bilgi seviyesine veya daha az işlevli ürüne mahkûm olmaz.

Azaltılmış hareket sürümünde görsel süreklilik için aynı kapak veya sabit kareyi kullanmak yararlı olabilir. Ancak seçilen kare hareketli sahnenin yalnız karanlık bir geçiş anıysa içerik kaybolur. Durağan varlığın da başlıkla birlikte okunabilen, ürünü gösteren ve sayfanın atmosferine oturan bir kompozisyon olması gerekir. Bu varlık üretim planına dahil edildiğinde alternatif sürüm son anda alınmış rastgele bir ekran görüntüsü gibi durmaz. Hareketli ve sakin deneyim aynı tasarım kararının iki tamamlanmış yüzü olarak hazırlanır.

Hareketi kapatmak ile deneyimi korumak

Her süreyi sıfırla

Bütün animasyonların süresi gelişigüzel sıfırlanır. Bu yaklaşım bazı basit bileşenlerde çalışsa da başlangıçta gizlenmiş içeriği, zamanlamaya bağlı kodu veya hareketli tuvali kaçırabilir. Menü kapalı duruma dönmeyebilir, görsel yanlış ölçüde kalabilir. Sonuç daha sakin görünürken işlevsel olarak eksik olabilir.

Anlamı aynı kalan alternatif

Her hareketin taşıdığı bilgi belirlenir ve bunun durağan karşılığı tasarlanır. Açık panel açık görünür, aktif sekme anlaşılır, sonuç hazır olduğunda gösterilir. Süs amaçlı kamera veya arka plan hareketi kaldırılabilir. Böylece kullanıcı tercihi yalnız teknik bir bayrak olarak okunmaz; içerik ve kontrol bakımından tamamlanmış bir deneyime dönüşür.

Hareket olmadan aynı görevi tamamlamak

Azaltılmış hareket tercihi, içeriği gizlemek veya etkileşimi kapatmak için kullanılmamalıdır. Büyük yer değiştirmeler ve sürekli döngüler sadeleştirilirken durum değişimi hâlâ anlaşılır kalır. Tasarımın hareketli ve sade sürümleri aynı bilgi ve eylemleri sunmalıdır.

  • Büyük kaydırma ve yakınlaşma hareketlerini gözden geçir.
  • Hareketle açıklanan duruma sabit bir görsel karşılık ver.
  • Tercihi değiştirdikten sonra ana görevleri yeniden dene.

Bütün animasyonları kapatmak şart mı?

Tercihe verilecek karşılık hareketin niteliğine bağlıdır. Amaç gereksiz veya rahatsız edici hareketi azaltmaktır. İşlevsel bilgiyi taşıyan bir durum değişimi kaybolmamalı; uygun bir sabit görünüm veya daha sade geçişle açıklanmalıdır.

Karar masası

İşin içinde sorulacaklar.

Azaltılmış hareket seçildiğinde bütün animasyonlar yasak mı?

Tercihin amacı gereksiz veya rahatsızlık verebilecek hareketi azaltmaktır; uygulama kararları bağlama göre değerlendirilir. Büyük mekânsal hareketlerin kaldırılması öncelikli olabilir. Daha sakin durum değişimleri bazı işlevleri açıklayabilir. Önemli olan, kullanıcının tercihine karşı dekoratif hareketi korumaya çalışmak yerine aynı bilgiyi daha az hareketle nasıl sunacağını düşünmektir.

Bu özellik yalnız erişilebilirlik için mi yararlı?

Erişilebilirlik temel nedenlerden biridir; sakin bir deneyim isteyen başka kullanıcılar da bundan yararlanabilir. Bununla birlikte hareket tercihi düşük donanım veya düşük veri kullanımıyla aynı şey değildir. Bunları tek bir koşul altında varsaymak yerine ayrı gereksinimler olarak düşünmek gerekir. Daha hafif bir görsel alternatifin varlığı uygulamanın farklı ortamlara uyumunu da kolaylaştırabilir.

Kullanıcının tercihini değiştirmesini ister miyiz?

İçeriği görmek için bu tercihi kapatmasını istemek doğru bir çözüm değildir. Ana deneyim tercih açıkken de anlaşılır ve kullanılabilir olmalıdır. Kullanıcının bilinçli olarak başlatacağı bir medya için açık kontroller sunulabilir, fakat temel sayfa bilgisi animasyona mecbur bırakılmaz. Tasarımın görevi tercihi aşmak değil, ona saygı duyan bir anlatım yolu oluşturmaktır.

Sıra sende

Bir sahnenin sakin eşini tasarla

Hareketli bir sayfa bölümünü seç ve aynı içeriği durağan biçimde yeniden kur. Bu bir görsel kalite azaltma alıştırması değildir; hareketin taşıdığı anlamı başka araçlarla görünür kılma çalışmasıdır.

Çalışma adımları

Azaltılmış hareket iyi tasarımın yedek modu değil, aynı deneyimin düşünülmüş bir başka sunumudur. Hareket kapandığında markanın dili, kullanıcının yönü ve eylemlerin karşılığı görünür kalıyorsa iki sürüm de kendi başına çalışır.

Siteyi geliştirmek ve çalışmalarımızın sonucunu ölçmek için çerez kullanmak istiyoruz. Analiz ve pazarlama çerezleri yalnızca izin verirsen çalışır. Gizlilik ve çerezler