Inspirasi 10 Indikator Loding Yang Kreatif

on

|

views

and

comments

Good interaction design provides feedback

Meskipun respons instan dari aplikasi atau situs web adalah yang terbaik, ada kalanya produk Anda tidak dapat mematuhi panduan untuk kecepatan. Respons yang lambat dapat disebabkan oleh koneksi internet yang buruk, atau operasi itu sendiri bisa memakan waktu lama. Untuk kasus seperti itu, desainer harus meyakinkan pengguna bahwa aplikasi sedang mengerjakan permintaan mereka dan bahwa kemajuan aktual sedang dibuat.

Indikator progres tunggu-animasi adalah bentuk paling umum dari menyediakan status sistem bagi pengguna ketika terjadi sesuatu atau memuat. Tetapi sebagian besar indikator menunggu terlihat membosankan karena pencipta produk hanya menggunakan indikator pemuatan default (apa pun sistem yang mereka desain untuk menawarkannya).

Image for post

Pemintal pemuatan tak terbatas memberi tahu pengguna bahwa konten dimuat. Setiap aplikasi kedua yang disajikan di pasar menggunakannya untuk memberi tahu pengguna tentang waktu pemuatan.

JIKA ANDA TIDAK DAPAT MENYINGKIRKAN BARIS, ANDA HARUS MENCOBA UNTUK MEMBUAT LEBIH BANYAK MENYENANGKAN LEBIH MENYENANGKAN PENGGUNA.

Indikator kemajuan kreatif dapat mengurangi persepsi waktu pengguna. Jika suatu aplikasi memberi pengguna sesuatu yang menarik untuk dilihat sambil menunggu, ini membuat pengguna kurang memperhatikan menunggu itu sendiri. Dengan demikian, untuk memastikan orang tidak bosan sambil menunggu sesuatu terjadi, desainer dapat menawarkan mereka selingan.

Dalam artikel ini, saya ingin mengeksplorasi sepuluh konsep pemuatan indikator yang menarik.

1. Wawancara sedang memuat …

Image for post
ueno. menggunakan waktu tunggu untuk memperkenalkan pengunjung ke tim mereka.
2. Memuat hadiah Natal

Image for post

Sepertinya aplikasi sedang memuat hadiah. Gambar: Chuan²
3. Kucing yang menggemaskan

Image for post

Alih-alih menggunakan pemuatan sistem pemintal, desainer dapat menggunakan sesuatu yang menciptakan emosi positif (semoga) kuat. Gambar: Thomas Bogner
4. Helix Ganda
Image for post
Animasi memuat ini menciptakan efek transformasi 3D. Gambar: Drew Endly
5. Mencari penerbangan terbaik

Image for post

Segera setelah pengguna memilih asal dan tujuan penerbangan dan mengklik tombol ‘Cari’, animasi menunjukkan penerbangan dari asal ke tujuan. Gambar: Tandai
6. Menyimpan data ke cloud

Image for post

Indikator pemuatan ini didasarkan pada metafora mengunggah file ke cloud. Bilah kemajuan vertikal hampir secara harfiah. Gambar: Ben Mettler
7. Membuat proses memuat terasa hidup
Image for post
Animasi ini membuat proses memuat menjadi menarik untuk dilihat seperti menonton seseorang berjalan di atas tali. Gambar: xjw
8. Animasi halus untuk layar splash

Image for post

Layar splash yang dirancang dengan indah dipasangkan dengan animasi yang bagus dapat memberi pengembang aplikasi beberapa detik waktu tambahan untuk mengunduh semua data yang diperlukan. Gambar: Behance
9. Tarik untuk menyegarkan animasi

Image for post

Tarikan untuk menyegarkan animasi ini memiliki tujuan fungsional yang jelas. Ini menghubungkan dua negara – sebelum dan sesudah pembaruan. Gambar: Ramosi
10. Animasi unggahan file
Image for post
Animasi ini adalah contoh yang bagus untuk transisi keadaan halus. Tanda centang terakhir memberi tahu pengguna bahwa operasi berhasil. Gambar: Eddy GannEddy Gann

sumber:uxplanet.org

Share this
Tags

Must-read

Mantaflow Creating Fire

Menciptakan efek api? Mudah dengan Mantaflow! https://www.youtube.com/watch?v=lR9vjaYzeYQ
spot_img

Recent articles

More like this