Thursday, December 2, 2021
spot_imgspot_imgspot_imgspot_img
HomeVisual DesignInteraksi Mikro(Microinteractions): Rahasia Desain Aplikasi Hebat

Interaksi Mikro(Microinteractions): Rahasia Desain Aplikasi Hebat

Produk terbaik melakukan dua hal dengan baik: fitur dan detail. Fitur itulah yang menarik orang ke produk Anda. Detail adalah apa yang membuat mereka tetap di sana. Dan detail adalah apa yang sebenarnya membuat aplikasi kita menonjol dari pesaing kita.

Interaksi mikro adalah salah satu teknik terbaik untuk memberikan umpan balik yang menyenangkan.

Sering dianggap sekunder, interaksi mikro benar-benar menciptakan perasaan pengalaman yang dirancang dengan baik begitu ditemukan oleh pengguna. Sebagai seorang desainer, mengenali pentingnya interaksi mikro sama pentingnya dengan mendesainnya.

Apa itu Interaksi Mikro?

Interaksi mikro adalah momen produk yang terkandung yang melakukan satu tugas kecil.

Seperti yang pertama kali dijelaskan dalam buku Interaksi Mikro Dan Saffer, detail kecil ini biasanya melayani fungsi-fungsi penting ini:

Komunikasikan umpan balik atau hasil suatu tindakan.
Selesaikan tugas individu.
Meningkatkan rasa manipulasi langsung.
Bantu pengguna memvisualisasikan hasil tindakan mereka dan mencegah kesalahan.

Beberapa contoh interaksi mikro tertentu meliputi:

Pemberitahuan getaran bersama-sama dengan ikon mode diam pada layar ketika Anda mengganti iPhone untuk membisukan.

Image for post

  • Animasi antarmuka pada input pengguna (tombol yang berubah warna saat Anda mengetuknya).

Image for post

Source: Dribbble.

Mengapa Interaksi Mikro Bekerja

Interaksi mikro berfungsi karena menarik minat alami pengguna untuk pengakuan. Ketika pengguna berinteraksi dengan UI, mereka ingin tahu bahwa sistem mereka menerima tindakan mereka. Interaksi mikro juga dapat memandu pengguna tentang cara berinteraksi dengan sistem.

Mengidentifikasi Peluang

Bagian dari keindahan interaksi mikro adalah bahwa mereka dapat dimasukkan ke berbagai tempat, di sekitar tindakan potensial. Namun, secara umum, mereka cenderung muncul dalam bidang-bidang berikut:

Tampilkan Status Sistem

Prinsip heuristik kegunaan pertama oleh Jakob Nielsen menyatakan: tetap beri tahu pengguna Anda tentang apa yang sedang terjadi. Saat pengguna memicu operasi, mereka berharap mendapat respons segera. Tetapi ada situasi ketika aplikasi membutuhkan waktu untuk menyelesaikan operasi. Jadi, antarmuka harus membuat pengguna tercerahkan tentang apa yang terjadi.

Image for post
Progress Bar untuk mengunggah dan mengunduh. Sumber: Dribbble.

Atau di mana pengguna berada:

Image for post
Kemajuan Scrolling Bar

Takeaway: Jangan biarkan keajaiban Anda tentang apa yang terjadi – tetap beri tahu pengguna dan tunjukkan kemajuan.

Sorot Perubahan

Ketika terjadi peristiwa penting, kami perlu menampilkan pemberitahuan untuk memberi tahu pengguna tentang hal itu. Animasi dapat membantu mencapai tujuan ini. Ini akan menarik perhatian pengguna dan tidak akan membiarkan pengguna mengabaikan apa yang Anda anggap penting.

Image for post

Pesan masuk baru. Sumber: Dribbble.

Takeaway: Dalam banyak kasus, efek animasi digunakan untuk menarik perhatian pengguna ke detail penting.

Simpan Konteks

Gunakan gerakan untuk memindahkan pengguna dengan lancar di antara konteks navigasi, menjelaskan perubahan dalam pengaturan elemen pada layar. Ini terutama berlaku untuk perangkat seluler dan jam tangan pintar, karena tidak mungkin untuk memasukkan banyak informasi pada satu layar dan setiap perubahan kondisi layar harus jelas bagi pengguna Anda.

Image for post

Material Design

Takeaway: Transisi antara dua kondisi visual harus jelas dan halus.

Visualisasikan Input

Input data adalah salah satu elemen terpenting dari aplikasi apa pun. Dan interaksi mikro mengubah proses ini menjadi sesuatu yang istimewa. Anda dapat menggunakan elemen visual yang ada untuk mengirimkan umpan balik — cukup tambahkan detail visual yang bagus.

Image for post

Source: Dribbble.

Takeaway: Interaksi mikro membantu mengungkapkan informasi dan membantu pengguna untuk mencapai tujuan mereka.

Panggilan untuk bertindak

Interaksi mikro memiliki kekuatan untuk mendorong pengguna untuk benar-benar berinteraksi. Dengan membawa empati dalam pengalaman pengguna, Anda memiliki peluang yang lebih baik bagi pengguna untuk bergerak. Tetapi pastikan isyarat visual dan animasi sesuai untuk pengguna Anda. Dan ingatlah umur panjang – apakah interaksi mikro akan mengganggu penggunaan yang ke-100, atau apakah secara universal jelas dan tidak mengganggu?

Image for post

Takeaway: Fokus pada emosi pengguna karena mereka memainkan peran besar dalam interaksi pengguna. Menarik dari penelitian & desain konteks & pengguna untuk penggunaan berulang.

Hal-hal untuk diingat
Interaksi mikro bertindak sebagai fasilitator untuk interaksi, dengan umpan balik yang sesuai.
Interaksi mikro harus menghemat waktu dengan mengomunikasikan informasi secara instan dengan cara yang tidak membosankan atau mengganggu pengguna.
Mengetahui pengguna Anda dan konteks di balik interaksi mikro akan membuatnya lebih efektif.
Interaksi mikro harus bertahan dari penggunaan jangka panjang. Apa yang tampaknya menyenangkan pertama kali mungkin menjadi menjengkelkan setelah digunakan ke-100.
Tambahkan kemanusiaan ke interaksi mikro dan fokus pada harmoni visual. Gerakan harus terasa cair untuk membuat interaksi mikro menjadi hidup.
Kesimpulan

Desain dengan hati-hati. Pikirkan tentang bagaimana orang-orang bekerja dengan dan menggunakan perangkat mereka dan. Perhatian pada setiap detail adalah kunci keberhasilan Anda membuat interaksi manusia-komputer mudah digunakan. Desain hebat harus terjadi pada semua tingkatan, dari bagian fungsional utama hingga interaksi mikro kecil.

 

 

 

 

 

 

sumber:uxplanet.org

RELATED ARTICLES
- Advertisment -

Most Popular

Recent Comments