Dulu animasi hanya dianggap sebagai elemen tambahan (hiasan) saja pada sebuah interface web maupun app. Seiring perkembangan zaman, saat ini designer menggunakan animasi untuk meng engage user atau target audience mereka.

Tips Meng-engage User Menggunakan Animasi

Untuk itu, kami akan membagikan tips meng engage user anda melalui animasi yang anda gunakan (design).

1. TUNJUKKAN KETERAMPILAN (KEAHLIAN) DARI ANIMASI ANDA

User selalu memperhatikan suatu design dengan detail. Ketika web atau aplikasi menggunakan animasi pada interfacenya, hal itu dapat menstimulasi pengalaman yang berbeda bagi user anda. Dengan kata lain, user memiliki pengalaman yang menarik dari design yang anda buat.

A. LOAD SCREEN ANIMATION

Load screen animation merupakan animasi yang dibuat untuk mengalihkan perhatian user ketika proses loading dilakukan pada sebuah web/app. Jenis animasi ini dapat menunjukkan bahwa product anda adalah product yang keren. Animasi mungkin tidak selalu menyenangkan, namun animasi dapat mempengaruhi perhatian user, secara tidak langsung anda dapat mengontrol fokus dari user anda.

B. SIGNATURE ANIMATION

Beberapa perusahaan saat ini menggunakan animasi sebagai ciri khas dari brand mereka. Mailchimp adalah salah satu perusahaan yang menggunakan animasi jenis ini.

Tips Meng-engage User Menggunakan Animasi

2. GUNAKAN ANIMASI UNTUK MENYAMPAIKAN PESAN YANG INGIN ANDA SAMPAIKAN

Efek pada animasi dapat membantu anda untuk menyampaikan pesan anda dengan lebih jelas. Dengan menggunakan animasi anda dapat membuat ide anda atau proses yang kompleks dapat menjadi lebih mudah dicerna dengan cara yang menyenangkan.

A. INTERACTIVE ANIMATION

Animasi dapat digunakan untuk menyoroti apa yang menjadi kekuatan sebuah product. Contohnya Bellroy yang merupakan produsen dompet. Pada contoh di bawah ini, anda dapat melihat bagaimana animasi yang digunakan Bellroy dengan jelas menunjukkan keunggulan dan manfaat dari product mereka.

Tips Meng-engage User Menggunakan Animasi

B. HOVER ANIMATION

Animasi hover digunakan untuk memberikan informasi tambahan pada product yang anda tawarkan.

Tips Meng-engage User Menggunakan Animasi

C. STORYTELLING ANIMATION

Storytelling animasi dapat menambah emosional interface yang membosankan. Beberapa contoh umum dari storytelling adalah halaman yang memamerkan sebuah product baru dengan menampilkan proses “assembling” dari product yang ditawarkan.

Tips Meng-engage User Menggunakan Animasi

Tips Meng-engage User Menggunakan Animasi

3. ENGAGE USER ANDA UNTUK MENGAMBIL STEP SELANJUTNYA MELALUI ANIMASI ANDA

Penggunaan animasi akan mempengaruhi mata user anda dan dapat mengendalikan fokus mereka pada halaman web atau app anda. Mata manusia secara natural akan tertarik pada gerakan, membuat animasi menjadi tools yang baik untuk mengontrol hirarki visual anda.

A. DIRECT USER ATTENTION

Element yang bergerak adalah tools yang baik untuk menarik perhatian user. Perlu diingat, selama tidak banyak element yang terdapat pada screen anda, anda dapat menggunakan animasi pada interface anda. Contohnya Space Needle Seattle dengan baik menggunakan animasi pada website mereka.

B. ENCOURAGE USER ACTION

Animasi yang halus dan efek interaktif mendorong user untuk mengklik. Lihatlah design yang digunakan untuk situs Chekhov is Alive di bawah ini. Animasi mereka mendorong untuk mengklik untuk menemukan karakter anda.

Tips Meng-engage User Menggunakan Animasi