Inspirasi untuk menciptakan interaksi mikro yang menyenangkan di situs Anda

Diterbitkan: 2022-04-27

Mendarat di situs WordPress yang hebat terasa seperti menemukan uang yang Anda lupakan ketika Anda merogoh saku Anda. Tak terduga, tapi akrab. Ini memuat dengan cepat, terlihat luar biasa, dan benar-benar dapat membuat hari Anda menyenangkan.

dua wanita berkolaborasi di atas laptop yang ditutupi stiker, tersenyum. Yang satu memiliki rambut merah panjang sementara yang lain memiliki potongan pixie cokelat

Seluruh pengalaman dipikirkan dengan sangat baik. Anda bahkan tidak mulai menuliskan ide tentang bagaimana Anda dapat menerapkan UX semacam ini ke situs Anda sendiri sampai Anda setidaknya memiliki lima halaman.

“Perbedaan antara situs yang solid dan yang luar biasa terletak pada detailnya.

Fungsionalitas itu penting, tetapi pembeda nyata antara situs web yang layak adalah pekerjaan yang masuk ke aspek kecil yang melontarkan pengalaman pengguna ke tingkat berikutnya.

Masukkan: interaksi mikro.

seorang wanita dengan kemeja biru dan jenis manikur biru yang serasi di laptop

Interaksi mikro adalah penyelesaian satu tugas. Menekan snooze pada alarm. Mengklik suka di Facebook. Melompat ke lagu berikutnya di Spotify.

Interaksi mikro yang sederhana tidak terlihat banyak di permukaan. Ini sederhana, tidak mencolok, dan sepenuhnya cukup jelas. Namun, interaksi kecil dan hampir tak terlihat itulah yang mengubah situs web dari sekadar fungsionalitas menjadi kegunaan yang luar biasa.

Jika Anda ingin situs WordPress Anda melampaui dan melampaui, sentuhan-sentuhan kecil sangat penting. Merekalah yang benar-benar mengangkat desain yang solid ke tingkat yang menginspirasi desahan kegembiraan yang mengigau.

Memecah interaksi mikro

Interaksi mikro terdiri dari empat bagian terpisah: pemicu, aturan, umpan balik, serta loop dan mode.

1. Pemicunya

Pemicunya adalah bagian fisik nyata yang memicu pengalaman. Ini bisa manual, seperti tombol login, atau otomatis, seperti popup keluar.

Pemicu sistem otomatis meningkatkan pengalaman pengguna sedikit lebih jauh dengan membentuk interaksi ke preferensi dan tindakan mereka sebelumnya. Jadi, jika Anda telah mengunjungi situs beberapa kali dan mengunduh jenis konten tertentu, Anda bisa mendapatkan jenis munculan yang sama sekali berbeda dibandingkan dengan seseorang yang pertama kali tiba di sana.

2. Aturan

pria berbaju hitam mengetik di laptop. dia duduk di meja kayu dengan secangkir kopi di sebelah kanannya

Aturan menentukan ruang lingkup interaksi dan menentukan cara kerjanya. Mereka harus tidak terlihat oleh pengguna dan terjadi secara ketat di belakang layar.

3. Umpan balik

Umpan balik adalah apa yang sebenarnya dilihat pengguna. Ini adalah bilah di atas formulir keikutsertaan yang memberi tahu Anda bahwa ada 50% yang tersisa atau kartun pemuatan saat Anda masuk untuk mengakses konten yang terjaga keamanannya.

4. Loop

Loop menentukan panjang mikrointeraksi. Ini menentukan apakah ia memiliki akhir yang berbeda atau terus berjalan.

Kekuatan nyata dari interaksi mikro

Interaksi mikro menciptakan rasa kontinuitas. Rasa peduli. Mereka membuat situs tidak terlalu mengintimidasi dan dengan jelas memberi tahu pengguna apa yang terjadi pada waktu tertentu.

dua wanita berambut cokelat menatap monitor dengan intens di lingkungan kantor

Sebagian besar dari kita merasa sedikit gelisah ketika berhadapan dengan hal-hal yang tidak kita kenal. Ketika kita membuka halaman tertentu, biasanya dengan tujuan tertentu, seperti membaca posting blog, mendaftar untuk produk baru, atau mengunduh sumber yang bagus. Dan jika itu tidak bekerja seperti yang kita harapkan, itu sangat membuat frustrasi.

Interaksi mikro membantu menambahkan sentuhan pribadi pada ketidaktahuan yang membayangi. Mereka memberi tahu pengguna Anda bahwa mereka berada di jalur yang benar—bahwa mereka akan mencapai tempat yang mereka inginkan.

Beberapa interaksi mikro yang menyenangkan

Jenis interaksi mikro tertentu yang Anda sertakan di situs web Anda bergantung pada tujuan situs Anda. Mengapa orang ada di sana dan bagaimana Anda bisa membuatnya lebih mudah bagi mereka?

Apa yang paling berhasil tergantung pada merek Anda, produk Anda, audiens Anda, dan preferensi gaya Anda.

Mari kita lihat beberapa situs WordPress yang menggoyang interaksi mikro untuk audiens mereka!

Untuk mengklik atau tidak mengklik

Tangkapan layar dari beranda Blue Cadet di mana National Association of Broadcasters disorot secara halus

Blue Cadet adalah situs web dengan banyak media yang menggunakan interaksi mikro untuk mengintegrasikan pengalaman dan menambahkan teks tanpa merusak alur halaman.

Anda dapat menggulir video dan ketika Anda mengarahkan kursor ke salah satu dari mereka, judul potongan membuat gerakan kecil untuk menunjukkan bahwa Anda dapat mengkliknya.

Ini adalah cara sederhana namun efektif untuk membuat media Anda bekerja untuk Anda dan menciptakan minat visual.

Bilah gulir yang hampir ada

inspirasi-mikro-interaksi-scroll-bar

Formulir online bisa sangat membuat frustrasi. Anda menghabiskan waktu lama dengan hati-hati mengisi semua informasi Anda hanya untuk menekan kirim dan menyadari bahwa ada tiga halaman lagi yang harus dilakukan.

Bilah gulir di bagian atas memungkinkan Anda mengetahui dengan tepat berapa banyak yang telah Anda lakukan dan berapa banyak yang harus Anda selesaikan.

Ini bekerja sangat baik untuk formulir yang lebih panjang dari satu halaman tetapi juga sangat efektif untuk formulir satu halaman seperti di atas.

Ketika berbicara tentang interaksi mikro, lebih sedikit lebih banyak

Sangat mudah untuk terbawa suasana dengan menciptakan pengalaman pengguna yang luar biasa. Anda ingin situs web Anda menjadi istimewa dan menarik perhatian dengan cara yang benar.

Terkadang, terlepas dari niat terbaik kita, kita terbawa suasana dan, dalam keinginan kita untuk membuat sesuatu yang super intuitif, menciptakan interaksi kompleks yang tidak perlu.

Menambahkan animasi ke interaksi mikro bisa sangat efektif, tetapi pastikan itu tidak mengurangi keseluruhan nuansa dan fungsionalitas situs Anda.

Dan, mereka harus sesuai dengan narasi Anda.

Apa cerita yang Anda ceritakan melalui situs WordPress Anda? Apa yang dialami pengguna?

Interaksi mikro yang menyenangkan meningkatkan narasi. Mereka menambah cerita tanpa memutus aliran.

Interaksi mikro yang dirancang dengan baik bertahan dalam ujian waktu. Anda ingin pengguna menganggapnya sama menariknya saat mereka mengunjungi situs Anda yang ke-50 kali seperti yang pertama.

Menyenangkan pengguna

“Interaksi mikro yang paling menyenangkan membantu pengguna merasa benar-benar di rumah.

Di dunia yang ideal, semua halaman akan dimuat dalam kecepatan yang tidak dapat ditangkap oleh mata manusia dan semuanya akan selalu berfungsi. Namun pada kenyataannya, bahkan situs web terbaik pun terkadang menghadapi masalah. Masalahnya bahkan mungkin tidak ada di pihak Anda—bisa jadi koneksi internet pengguna, perangkat khusus mereka, atau sejumlah faktor eksternal lainnya.

tangan menggunakan stylus pada tablet

Interaksi mikro sangat bagus untuk mengenali situasi itu dan menambahkan sentuhan kesembronoan ketika ada yang salah. Mereka mengurangi frustrasi dan menciptakan transisi yang mulus dari satu tindakan ke tindakan lainnya.

Saat pengguna tiba di situs Anda, Anda ingin mereka merasa seperti pernah ke sana sebelumnya. Seperti pengalaman menyambut. Seperti mereka diinginkan dan Anda secara pribadi senang mereka ada di sana.

Interaksi mikro adalah kesempatan Anda untuk memamerkan sisi aneh, manusiawi, dan bijaksana dari merek Anda dengan menunjukkan bahwa Anda telah memikirkan apa yang penting bagi pengguna dan menyampaikannya dengan sempurna.