Pencarian kekal untuk kecairan
Dalam dunia di mana video menawarkan kami 120fps, dengan skrin yang meningkat kepada lebih daripada 240Hz, kami lebih daripada pernah mencari kecairan. Dan ini di semua kawasan, jadi web pergi ke sana. Tapak bendalir dalam pemuatannya dan dalam navigasi itu sendiri semestinya akan menjadi lebih menyenangkan.
Jadi, alangkah gembiranya apabila ciri CSS3 tiba! Peralihan antara keadaan, animasi, dsb. Tetapi kerana tamak, kami ingin pergi lebih jauh dengan webGL dan teknik misteri lain untuk membuat sesuatu berlaku. Hebat, kami tidak berada di web untuk melihat pdf statik. Begitu sempurna, di sini kami bersedia untuk melakukannya twerking semua div halaman web kami.
Semua orang bereksperimen sedikit demi sedikit, mengambil kod baharu dalam tangan, menyesuaikan prinsip animasi yang lebih maju. Bagus. Seperti banyak perkara, anda perlu mencuba secara berlebihan untuk merealisasikan apa yang dirasakan seimbang. Dan ini masih berlaku hari ini. Ia tidak dapat dipertikaikan (atau membuka perdebatan mengenai kami twitter) bahawa animasi membawa banyak perkara kepada pengalaman pengguna.
L'animasi membimbing, memaklumkan, membuat menunggu, menyokong beberapa unsur tanpa glitter atau anak panah merah besar yang lain.
Sublimat menunggu...
Kami mempunyai beberapa cara untuk menunggu, bergantung pada konteks, tetapi dengan pemuat (darjah 0) atau bar kemajuan, saiz semula bekas untuk memaparkan semua kandungan, pemuatan dan oleh itu paparan kandungan yang progresif… kita boleh berjaya dalam : sama ada menemani atau menghiburkan pengguna semasa dia menunggu, atau memberinya maklumat tentang penantiannya.
Menganimasikan stepper, membuat kesan fokus yang bergerak, peluncur automatik, adalah beberapa penyelesaian yang boleh membimbing pengguna dalam perjalanannya. Sama ada dengan pra-mengunyah kerja untuknya, atau dengan menemaninya.
Kadangkala, ia juga digunakan untuk mendapatkan kredibiliti: sesetengah pembanding berpura-pura memuatkan untuk memaparkan hasil untuk mempercayai kerumitan dalam tugas mereka.
Habiskan dengan kesederhanaan?
Kami juga mempunyai hover, yang ditambahkan pada animasi. Walaupun penting untuk memahami butang yang anda tuding, tidak perlu melihat animasi kembali, yang agak memaksa pandangan anda untuk kekal pada butang yang telah anda tinggalkan.
Kesan penampilan modal, halaman, kad, dsb., selalunya merupakan contoh animasi yang baik yang tidak membawa apa-apa, kecuali kelewatan sebelum mengakses kandungan.
Mata manusia (dan otak) kuat, tetapi tidak akan dapat menumpukan perhatian jika terdapat 7 pergerakan serentak pada halaman, atau jika ia menganggap bahawa animasi tertentu tidak dijangka (dalam erti kata anomali untuk tangkapan ini -ini). Jika mata bergerak ke mana-mana, pengguna tidak mencari maklumatnya dengan cepat, dan dengan cepat kembali kepada pesaing (tiada lagi kerja selepas yang dibayar oleh permulaan anda).
cari baki, ia memberi makna
Sebaliknya, saya berpendapat bahawa kita juga mesti menerima animasi tertentu yang mungkin kelihatan percuma.
#1 Mereka yang berfungsi sebagai "kesan Wow" (bukan pancake)
Tetapi mereka membimbangkan jenis tapak tertentu, yang perlu memainkan emosi untuk memikat pengguna (terutamanya tapak acara, portfolio). Jika bank anda mula memberi anda rumah dengan animasi pergerakan tetikus 3D, anda mungkin berasa takut.
#2 Mereka yang menambah dimensi emosi pada animasi asas
Mari kita ambil contoh, ia pastinya lebih menarik: penyegaran semula senarai yang dicetuskan apabila menatal ke atas. Sama ada roda berputar, atau pelancaran roket, anda tahu bahawa tindakan yang diminta telah diambil dan sesuatu sedang berlaku. Tugas itu dilakukan dari segi pemahaman, tetapi saya fikir roket itu akan memberi lebih banyak impak, ia adalah kejutan kecil yang menyenangkan, yang boleh menggemakan identiti. Nugget, ceri, saya hampir bertaruh anda akan memuat semula kali kedua untuk menyemak.
Mereka seolah-olah bebas, kerana nilai tambah bukan pada makna yang mereka boleh bawa (walaupun), tetapi dalam emosi yang mereka bawa.
Animasi masuk akal, bukan mainan "baru" ini yang kami benar-benar mahu gunakan dan uji dalam semua projek dan situasi. Ini juga sebab kami mencari garis panduan tentang animasi dengan bahan. Animasi yang dipersembahkan adalah ringkas dan menyokong maksud atau makna bacaan iaitu hierarki. Ia malah kategori pertama tapak mereka dalam tab animasi: “memahami gerakan” (“animasi yang boleh difahami”).
Oleh itu, adalah sebahagian daripada amalan yang baik untuk mempunyai makna. Tetapi Google tidak memberitahu kami untuk tidak melakukan terlalu banyak. Ini nampaknya bukan alasan untuk saya menyalahgunakan ke arah ini. Google juga kekal dalam aspek pengguna, dan tidak bercakap tentang aspek emosi yang boleh dibawa oleh animasi tertentu.
PERLU
Untuk sebahagian besar, animasi harus mengiringi pengalaman, menyokong hierarki, memberi makna, membantu memahami navigasi tanpa mengutamakan fungsi. Tetapi kita tidak boleh mengabaikan aspek emosi tapak, identiti. Adalah penting untuk dapat menonjol juga melalui animasinya.
Kami akan pergi perlahan-lahan, seperti lada kecil yang datang untuk menyemarakkan ciptaan masakan baharu anda. Ia mengambil sedikit, tetapi terlalu banyak dan ia adalah sakit perut yang teruk.
- Animasi mesti mengiringi pengalaman, menyokong subjek dan memberi makna
- Jangan lupa aspek emosi yang boleh dibawa oleh animasi
- Apabila terdapat terlalu banyak daripada mereka, atau apabila mereka terlalu ditanda, mereka mengambil keutamaan daripada kandungan, daripada tindakan. Mata terganggu dan ini memecahkan kecairan pengalaman, mengganggu fungsi utama dan penting.
Julien, Pereka UI @UX-Republic
