Gerakan adalah alat yang ampuh yang sebaiknya digunakan dengan hemat dalam konteks mengemudi. Gerakan hanya tepat digunakan ketika dapat membantu memberikan informasi kepada pengemudi tanpa mengalihkan perhatian mereka dari jalan.
Panduan singkat (TL;DR):
- Hindari mengalihkan perhatian pengguna dengan gerakan yang tidak perlu.
- Gunakan gerakan untuk meningkatkan pemahaman pengguna dan membangun kemampuan mereka.
- Buat bahasa gerak Anda cukup fleksibel untuk semua perangkat keras yang relevan.
- Gunakan pola gerakan yang direkomendasikan untuk situasi Anda.
Prinsip-prinsip gerak
Saat mendesain animasi untuk antarmuka Android for Cars, ingatlah tiga prinsip dasar: aman, informatif, dan fleksibel.
Aman
Mengemudi adalah tugas utama pengguna – segala sesuatu yang lain adalah sekunder. Perlakukan perhatian pengguna sebagai sumber daya yang terbatas, dan hindari penggunaan gerakan untuk menciptakan gangguan yang tidak perlu.
Informatif
Gunakan gerakan untuk menyampaikan informasi yang membantu pengguna. Misalnya, gerakan dapat meningkatkan pemahaman pengguna tentang produk dengan menunjukkan hubungan hierarkis dan spasial antar elemen. Gerakan juga dapat membantu membangun kemahiran pengguna dalam menggunakan antarmuka dengan menunjukkan interaksi yang tersedia.
Fleksibel
Definisikan bahasa gerak yang dapat diskalakan dan cukup fleksibel untuk menyesuaikan diri dengan layar berbagai ukuran dan bentuk, serta semua jenis input pengguna.
Pola gerakan
Untuk mendukung pengalaman pengguna yang konsisten di semua aplikasi, Android Automotive memberikan rekomendasi pola gerakan spesifik yang dapat digunakan dalam situasi berikut:
- Beralih antar tampilan pada level yang sama
- Beralih ke tampilan detail.
- Memperluas tindakan yang sudah ada
- Memperkecil dan memperluas suatu tindakan
- Mengganggu suatu tindakan
Semua pola gerakan di bagian ini didasarkan pada easing standar, seperti yang dibahas dalam panduan Material Design Easing . Artinya, gerakan dipercepat dengan cepat dan diperlambat secara bertahap, untuk memfokuskan perhatian pada akhir transisi.
Beralih antar tampilan pada level yang sama
Saat beralih antar tampilan pada tingkat hierarki yang sama di dalam aplikasi, seperti tab di bilah aplikasi atau lagu dalam daftar putar, gunakan gerakan menyamping. Gerakan horizontal memperkuat gagasan untuk tetap berada pada level yang sama di dalam aplikasi.
Contoh
Beralih ke tampilan detail.
Saat beralih dari tampilan konten tingkat atas ke tampilan detail, gunakan gerakan z-depth yang memperbesar lapisan bawah dan memudarkannya saat lapisan atas memudar. Gerakan ini memperkuat hubungan induk-anak antara tampilan tingkat atas dan tampilan detail, menarik fokus ke tampilan detail.
Contoh
Memperluas tindakan yang sudah ada
Saat pengguna sedang melakukan suatu tindakan dan mengambil tindakan terkait, gunakan gerakan vertikal (atas atau bawah) untuk menampilkan tindakan sekunder pada overlay layar penuh, dengan latar belakang transparan, di atas tindakan utama. Kemampuan untuk melihat tindakan utama melalui latar belakang transparan memperkuat bahwa pengguna masih berada dalam tindakan tersebut.
Saat menutup tindakan sekunder, gunakan gerakan kebalikannya. Gerakan kebalikan seharusnya membutuhkan waktu lebih singkat daripada gerakan aslinya, karena pengguna telah selesai dengan tindakan sekunder dan siap untuk keluar.
