Hareket, sürüş bağlamında dikkatli bir şekilde kullanılması gereken güçlü bir araçtır. Yalnızca sürücülerin dikkatinin dağılmasını engellemeden sürücüleri bilgilendirmeye yardımcı olduğu durumlarda uygundur
Bir bakışta rehberlik (TL;DR):
- Gereksiz hareketlerle kullanıcıların dikkatini dağıtmayın
- Kullanıcıların anlayışını artırmak ve yetkinliğini artırmak için hareketi kullanın
- Hareket dilinizi alakalı tüm donanımlar için yeterince esnek yapın
- Durumunuz için önerilen hareket kalıbını kullanın
Hareket ilkeleri
Arabalar için Android arayüzleri için hareket tasarlarken üç temel ilkeyi aklınızda bulundurun: güvenli, bilgilendirici ve esnek olun.
Güvenli
Araba kullanmak kullanıcının birincil görevidir; geri kalan her şey ikinci planda kalır. Kullanıcının dikkatini sınırlı bir kaynak olarak ele alın ve gereksiz dikkat çekmek için hareket kullanmaktan kaçının.
Bilgilendirici
Kullanıcılara yardımcı olan bilgileri aktarmak için hareketi kullanın. Örneğin, hareket, kullanıcılar arasında hiyerarşik ve mekansal ilişkiler göstererek kullanıcıların ürünü daha iyi anlamasını sağlayabilir. Hareket, mevcut etkileşimleri belirterek kullanıcı arayüzünün yeterliliğinin artırılmasına da yardımcı olabilir.
Esnek
Her boyut ve şekildeki ekranlara ve tüm kullanıcı girişi türlerine uyum sağlayabilecek kadar ölçeklenebilir ve esnek bir hareket dili tanımlayın.
Hareket desenleri
Android Automotive, tüm uygulamalarda tutarlı bir kullanıcı deneyimini desteklemek için aşağıdaki durumlarda kullanılacak belirli hareket kalıplarıyla ilgili öneriler sunar:
- Aynı seviyedeki görünümler arasında geçiş yapma
- Ayrıntılı görünüme geçme
- Mevcut bir işlemi genişletme
- İşlemleri en aza indirme ve genişletme
- İşlemi kesintiye uğratma
Bu bölümdeki tüm hareket kalıpları, Materyal Tasarım Yumuşak Geçiş kurallarında açıklandığı gibi standart yumuşatmaya dayanır. Yani hareketler hızlı bir şekilde yükselir ve geçişin sonuna odaklanmak için daha kademeli bir şekilde yavaşlar.
Aynı seviyedeki görünümler arasında geçiş yapma
Uygulama çubuğundaki sekmeler veya bir oynatma listesindeki şarkılar gibi aynı hiyerarşi seviyesinde görünümler arasında geçiş yaparken yan yana hareket kullanın. Yatay hareket, uygulamada aynı seviyede kalma fikrini daha da güçlendiriyor.
Örnek
Ayrıntılı görünüme geçme
Daha üst düzey bir içerik görünümünden ayrıntılı görünüme geçerken, alt katmanın ölçeğini büyüten ve üst katman şeffaflaşarak belirmeye başlayan z derinliği hareketini kullanın. Bu hareket, üst düzey görünüm ile ayrıntılı görünüm arasındaki üst-alt ilişkisini pekiştiriyor. Bu hareket, odağı ikinci bakışa çekiyor.
Örnek
Mevcut bir işlemi genişletme
Kullanıcı bir işlem yaparken ilgili işlemi gerçekleştirdiğinde, ikincil işlemin tam ekran yer paylaşımında birincil işlemin üst kısmında (kırık arka planlı) gösterilmesi için dikey (yukarı veya aşağı) hareket kullanın. Birincil eylemi görerek görebilme olanağı, kullanıcının halen bu işlemde olduğunu destekler.
İkincil işlemi kapatırken bu hareketin tersini kullanın. Kullanıcı ikincil işlemi tamamlayıp çıkışa hazır olduğundan ters hareket, orijinal hareketten daha az zaman alır.
Örnek
İşlemleri en aza indirme ve genişletme
Çoklu göreve izin vermek için küçültülmüş bir ekran biçiminde küçültülmüş bir devam eden işlemi genişletirken, tam ekranlı bir kararma içeren genişleyen pencere maskesi kullanın.
Devam eden bir işlemi en aza indirirken bu hareketin tersini kullanın. Kullanıcının söz konusu işlemden vazgeçmesi ve onu engellemeye hazır olması nedeniyle hareketin en aza indirgenmesi, genişleyen hareketten daha az zaman alır.
Örnek
İşlemi kesintiye uğratma
Engellemeyen kısa bir işlemin, devam eden bir işlemin üzerinde aniden görünmesi gerektiğinde, bu işlemi ekranın kenarından aşağı veya yukarı doğru (kısmi kıvrımlı bir şekilde) kaydırın ya da orta kısma (tam karoyla) kaydırın. Hareketi, yeni işlemin görünmesini istediğiniz yere en yakın konumdan başlatın.
Örnek
