Kavramları, marka bilinci oluşturma öğelerini ve öğeler arasındaki ilişkileri ifade etmek için, hareketin sürüş bağlamında dikkatli bir şekilde görünmesi gerekir. Yalnızca dikkatlerini dağıtmadan sürücüleri bilgilendirmek için kullanılmalıdır.
Özet:
- Gereksiz hareketlerle kullanıcıların dikkatinin dağılmasından kaçının
- Kullanıcıların anlayışlarını artırmak ve yetkinliklerini artırmak için hareketi kullanın
- Hareket dilinizi ilgili tüm donanımlar için yeterince esnek hale getirin
- Durumunuza uygun hareket kalıbını kullanın
Hareket kalıpları
Tüm uygulamalarda tutarlı bir kullanıcı deneyimi sağlamak amacıyla, aşağıdaki etkileşimlerde belirli hareket kalıpları geçerlidir:
- Uygulamalar arasında geçiş yapma
- Benzerler görünümleri arasında geçiş yapma
- Mevcut bir işlemi genişletme
- Bir işlemi en aza indirme ve genişletme
- Bir işlemi kesintiye uğratma
Bu hareket kalıpları, geçişi hızlı bir şekilde hızlandırıp ardından kademeli olarak yavaşlatarak bir geçişin sona ermesine odaklanan Materyal Tasarım'da açıklandığı gibi standart yumuşatmaya dayanır.
Uygulamalar arasında geçiş yapma
Uygulamalar arasında geçiş yaparken, bir öğenin karartılması, diğerinin ise şeffaflaşmasını sağlayan çapraz geçiş geçişi kullanın. Bu geçiş, mevcut uygulamadan çıkışı gösterirken hızlı bir şekilde başka bir uygulamaya geçer.
Örnek
Benzerler görünümleri arasında geçiş yapma
Bir uygulamadaki aynı hiyerarşi düzeyindeki görünümler (benzerler görüntülemesi olarak da adlandırılır) arasında geçiş yaparken (ör. uygulama çubuğundaki sekmeler veya bir oynatma listesindeki şarkılar) paylaşılan eksen geçişi kullanın. Bu geçişin yatay, bir yandan diğer yana hareketi, uygulama içinde aynı seviyede kalma durumunu yansıtıyor.
Örnek
Mevcut bir işlemi genişletme
Kullanıcı bir işlemi görüntülerken veya işlem yaparken, daha sonra bununla alakalı ikincil bir işlem yapan kullanıcının dikey (yukarı veya aşağı) bir hareketle ortaya çıkması gerekir. Bu ikincil işlem, birincil işlemin önünde, ekran kaplaması olan bir arka plan ile tam ekran yer paylaşımında görüntülenir. Birincil işlemin sahneye çıkması, kullanıcının hâlâ bu işlemi gerçekleştirmekte olduğunu pekiştiriyor.
Daha sonra ikincil işlem, açılış hareketinin ters yönünde kapatılır. İşlem yapıldığı için bu ters hareket, orijinal hareketten daha az zaman almalıdır.
Örnek
Bir işlemi en aza indirme ve genişletme
Devam eden işlemler daha küçük bir biçime indirgenebilir. Bu küçük biçim, devam eden işlem arka planda çalışırken kullanıcının çoklu görev gerçekleştirmesine olanak tanır.
Genişletme: Kullanıcı küçültülmüş bir işleme dokunduğunda, kararma geçişi kullanarak uygulama boyut olarak genişler ve tam ekranı doldurur.
Küçültme: Devam eden bir işlemi en aza indirirken bu hareketin tersini kullanın. Kullanıcı söz konusu işlemden ayrıldığı için hareketi en aza indirme hareketi genişletme hareketinden daha az zaman almalıdır.
Örnek
Bir işlemi kesintiye uğratma
Devam eden bir işlemin önünde aniden kısa ve isteğe bağlı bir işlemin görünmesi gerektiğinde, bu işlem ekranın kenarından kısmen kaydırılarak (yukarı veya aşağı) kaymalıdır. Alternatif olarak, tam ekran görüntüsüyle ekranın ortasına doğru kaymalıdır. Hareketi, yeni işlemin görünmesini istediğiniz yere en yakın konumdan başlatın.
Örnek
