Image

QUICK CONTACT













Image

4 Ways To Communicate the Visibility of System Status in UI

30 Jun 2020 by Billy Gani
Visibilitas dari status sistem merupakan salah satu bagian dari sepuluh heuristik yang diberikan oleh Jakob Nielsen dalam desain tampilan antarmuka. Dengan mengkomunikasikan status sistem saat ini, Anda tentunya dapat membuat pengguna merasakan kontrol dalam sistem, dan hal ini dapat membantu dalam membangun kepercayaan dari mereka. 
 
Berikut ini beberapa metode yang dapat kami berikan untuk Anda gunakan dalam berkomunikasi melalui status sistem:
 
Respon Balik Visual Yang Menunjukkan Lokasi Atau Kemajuan Dari Proses Sistem 

1. Dimana Mereka Berada
 
Tidak seorang pun menyukai ketika mereka tersesat, tetapi hal tersebut terjadi di kedua dunia, nyata dan digital. Membuat pengguna menyadari dimana mereka berada dalam aplikasi Anda merupakan hal yang penting untuk menciptakan pengalaman navigasi yang baik. Baik aplikasi maupun website haruslah menggarisbawahi atau menandakan opsi navigasi mana yang sedang dipilih sehingga pengguna memahami dimana lokasi mereka.

2. Berapa Banyak Langkah Yang Harus Dilakukan Untuk Menuntaskan Tindakan
 
Mengetahui seberapa banyak langkah yang diperlukan untuk melengkapi operasi tertentu dapat membantu pengguna mengestimasikan waktu yang mereka butuhkan untuk melengkapi prosedur tersebut. 
 
Respon Balik Visual Yang Mengkonfirmasi Tindakan Pengguna
 
Penting untuk menyediakan respon balik secara langsung untuk setiap interaksi dari pengguna. Respon balik secara langsung dapat memberitahu pengguna bahwa aplikasi Anda menerima tindakan mereka ,  memperkuat rasa manipulasi langsung, dan mencegah pengguna untuk membuat kesalahan (seperti menekan tombol yang sama dua kali). Dalam bentuk dasarnya, penting bagi Anda untuk menunjukkan bahwa sistem bereaksi langsung dengan tekanan / klik dari jari pengguna.
 
Tetapi, dalam beberapa kasus, penting juga untuk mengubah status dari tombol itu sendiri. Respon balik visual ini dapat mengkomunikasikan hasil interaksi, yang membuatnya terlihat dan mudah dipahami. Berikut ini beberapa contohnya:
 
  • Menekan Tombol Suka / Like
  • Mengubah status dari On menjadi Off. Perubahan warna dalam tombol dapat membuat pengguna memahami sinyal perubahan dari objek tersebut
  • Menandai item tertentu
  • Menambahkan produk atau objek ke dalam keranjang. Dalam hal ini, respon balik visual yang tepat dapat memberitahu pengguna bahwa produk / item tersebut sudah berhasil dimasukkan ke dalam keranjang. 

Respon Balik Visual Yang Menunjukkan Status Sistem
 
1. Tunjukkan Bahwa Sistem Sedang Sibuk Mengerjakan Permintaan Pengguna
 
Ketika aplikasi atau website memerlukan lebih dari beberapa detik bagi sistemnya untuk dimuat, hal tersebut harus ditampilkan kepada pengguna sebagai bentuk respon balik. Bergantung pada waktu tunggu muatan, disarankan untuk menggunakan indikator tidak terbatas (infinite loading indicators) atau progress bar untuk operasi tindakan yang lebih dari 10 detik.
 
Indikator ini mengkomunikasikan kepada pengguna bahwa sistem sedang bekerja dan mengurangi tingkat ketidakpastian. Untuk aplikasi perangkat, Anda dapat juga menggunakan splash screen animasi saat memuat. Splash screen yang dirancang dengan baik dapat menghasilkan kesan positif untuk pengguna dan memindahkan fokus mereka dari kenyataan menunggu.

2. Konten Yang Sedang Dimuat
 
Saat Anda memerlukan waktu untuk memuat konten, disarankan untuk menggunakan jenis kontainer yang khusus - skeleton screen. Kontainer konten sementara ini digunakan untuk mengurangi waktu tunggu dan menunjukkan bahwa kehadirannya akan digantikan dengan data sebenarnya segere ketika data tersebut sudah tersedia. Kontainer ini bekerja dengan baik untuk produk dalam website dan juga aplikasi perangkat. 
 
Tindakan Yang Dipicu Oleh Pembaruan Tertentu

1. Notifikasi / Indikator
 
Tujuan dari notifikasi yang efektif adalah untuk mengarahkan perhatian pengguna kepada pembaruan tertentu dari website atau aplikasi Anda. Disarankan untuk menggunakan animasi yang smooth untuk notifikasi karena efeknya secara alami menangkap perhatian pengguna - mata manusia cenderung berfokus pada objek yang bergerak. 

2. Meminta Pengguna Melakukan Tindakan 
 
Ada banyak kasus dimana sebuah sistem memerlukan data dari tindakan pengguna. Contohnya, ketika pengguna mengisi formulir dengan data yang salah karena terlalu kompleks dan memasukkan email yang salah. Selalu lebih baik untuk memberitahu mereka tentang permasalahan tersebut di depan, dengan menggunakan respon balik yang sesuai. 
 
Respon balik visual mungkin seringkali diremehkan dalam skema desain, tetapi hal tersebut merangkul keseluruhan pengalaman pengguna. Saat pengguna berinteraksi dengan UI, mereka berekspektasi akan prediksi dan kontrol yang dapat mereka miliki, dan karena itulah setiap desainer UI harus menyediakan respon balik secara visual. 
 
 
 
Sudahkah Anda memahami lebih dalam tentang bagaimana Anda dapat mengkomunikasikan visibilitas dari sistem status UI aplikasi atau website Anda? Jika masih bingung, kami dapat membantu Anda. 
 
Eannovate sebagai salah satu agency web development di Jakarta dengan kualitas dan layanan terbaik dapat membantu anda dalam bidang UI UX Design di Jakarta. Atau juga jika sebenarnya anda hanya memerlukan aplikasi perangkat dan website sederhana yang berkualitas dengan harga yang terjangkau, ExpressWeb juga kini hadir sebagai bagian dari Eannovate untuk memenuhi kebutuhan anda dalam pembuatan UI UX Design di Jakarta dengan memberikan website dan aplikasi perangkat dengan harga yang lebih terjangkau serta cepat dan mudah, tanpa mengurangi kesan profesional dari perusahaan anda.
 
Selain itu, Eannovate sebagai salah satu SEO agency di Jakarta dengan kualitas dan layanan terbaik juga hadir untuk melengkapi bisnis anda dalam bidang SEO marketing di Jakarta. Dengan memberikan layanan terbaik untuk SEO services di Jakarta seperti FREE SEO Audit, kami menjamin bahwa website anda dapat kami diagnosa dan membuatnya muncul pada pencarian page 1 di Google. Buatlah perusahaan anda lebih dikenal oleh target audiens anda dengan menyerahkan layanan jasa Digital Marketing di Jakarta hanya pada Eannovate.
 
Anda mencari website yang menyajikan informasi teknologi kreatif yang dilengkapi dengan berita startup, info gadget terupdate, dan berita di dunia IT terbaru dan terkini? Anda dapat mengunjungi blog kami, AlterSpace.
 
Jika ada pertanyaan mengenai aplikasi perangkat (mobile apps), UI UX dan digital marketing Jakarta,  jangan sungkan untuk langsung menghubungi kami di
Telp : 021-5437-5601 (Senin - Jumat, 9 pagi - 5 sore) ,
 
Email : hello@eannovate.com atau menggunakan contact form.
 
 
 
 
 
 
Article Reference: UX Planet

CONTACT US

Let's Work Together

Have cool projects to work on ?

CONTACT

Image
LOKASI
INDONESIA

Ruko Kosambi Baru blok A ext 1 no 66. Jakarta Barat.

Image
TELEPON
INDONESIA
+6221 5437 5601
+62813 8251 8448
Image
E-MAIL
hello@eannovate.com

Office hours of Web, UI UX Design, Mobile App Development, SEO in Jakarta,Indonesia
JAM KERJA
Mon-Fri 9.30am - 6.00pm