Panduan untuk meningkatkan Pengalaman Pengguna (UX) situs WordPress

Mengoptimalkan situs web untuk pengalaman pengguna yang lebih baik bukanlah hal yang mudah, sebagian besar karena alat yang diperlukan dan/atau pengetahuan pengkodean tidak datang untuk selusin sepeser pun. Tetapi ketika situs web dibuat pada platform yang praktis dikenal dan disukai karena keramahan penggunanya, UXO ( pengoptimalan pengalaman pengguna ) secara signifikan tidak terlalu merepotkan.

Ada ribuan alat yang tersedia di WordPress, banyak di antaranya bahkan gratis, yang membantu Anda memahami audiens Anda dengan lebih baik (pelacakan dan analitik), meningkatkan kinerja (plugin pengoptimalan gambar dan cache), dan pengujian dan peningkatan (A/B menguji perangkat lunak seperti Nelio, OptimizePress, dll.). Panduan ini bukan tentang mereka.

Panduan ini merinci beberapa aspek kegunaan yang lebih mudah diabaikan di situs web WordPress dan cara terbaik untuk memperbaiki kesalahan tersebut. Kami akan mulai dengan:

Korsel

Setiap departemen di setiap bisnis menginginkan carousel/slider, hanya karena itu adalah Golden Mean yang indah. Setiap orang menempatkan produk/kampanye/pesan mereka di satu ruang yang paling terlihat di halaman: Paro atas.

Inilah sebabnya mengapa tema WordPress yang paling diinginkan mengemas setidaknya satu plugin slider (biasanya Revolution Slider). Mari kita lihat pro dan kontra dari pendekatan itu:

Kelebihan:

• Menampilkan pesan paling signifikan di satu tempat.
• Pesan dapat diprioritaskan (paling penting mendapat slide pertama)
• Seharusnya menarik semua segmen pengunjung (“sesuatu untuk semua orang”)

Kontra:

• Pengguna biasanya tidak menunggu slide berputar dan akan melompati korsel setelah melihat sekilas ke bingkai yang terlihat saat ini.
• Konten slide tidak mudah dirayapi oleh bot pencarian, yang merupakan berita buruk bagi SEO.

Ada beberapa cara untuk mengatasi kontra tersebut dan meningkatkan UX carousel:

1. Usahakan jumlah slide/frame tidak lebih dari 5.
2. Berikan kontrol navigasi carousel kepada pengguna
3. JANGAN teruskan otomatis.

Terkadang, solusi paling sederhana adalah yang terbaik. Alih-alih mengandalkan plugin slider premium yang mewah, Anda dapat menggunakan plugin JavaScript (jQuery) ringan seperti Slick untuk membuat carousel yang ramah pengguna di WordPress.

Navigasi Lanjut

Menu utama di header yang dikombinasikan dengan navigasi sekunder di sidebar adalah cara yang hampir mudah untuk memastikan navigasi Anda lengkap dan dapat digunakan. Tetapi ketika datang ke situs web besar (terutama eCommerce atau blog besar dan berat konten) dengan ribuan halaman, navigasi sekunder saja tidak akan memotongnya.

Inilah sebabnya mengapa kita membutuhkan Menu Mega. Tapi ada dua sisi mata uang ini juga.

Kelebihan:

Visibilitas Seragam: Konten/halaman di level yang lebih rendah disertakan dalam menu mega
Menghemat langkah ekstra: Pengguna dapat mengakses konten yang lebih jauh/tidak jelas dengan lebih cepat.

Kontra:

• Telah diketahui menyebabkan masalah dengan kinerja ketika elemen UI seperti grafik/ikon ditambahkan.
• Kurang lebih tidak efektif di situs web dengan hierarki konten yang buruk
• Membuat menu mega sangat responsif bisa menjadi tantangan

Sebelum Anda memperdebatkan pro dan kontra (dan apakah Anda membutuhkan menu mega di situs web Anda atau tidak), Anda perlu mengkategorikan konten Anda secara menyeluruh. Taksonomi WordPress ada karena suatu alasan. Gunakan.

Setelah hierarki konten Anda cukup jinak dan terorganisir, Anda dapat menggunakan plugin WordPress seperti Max Mega Menu, uberMenu, dll. untuk menambahkan menu drop-down mega ke situs web. Ekstensi WooCommerce seperti Navigasi Berlapis Ajax menambahkan antarmuka pemfilteran ke toko.

Pertunjukan

Apa pun yang ingin Anda percayai: Anda TIDAK eksklusif.

Pengguna tidak ingin menunggu konten, jadi jangan buat mereka menunggu konten atau mereka akan mencarinya di tempat lain. Bahkan peringkat Anda menderita dari situs web yang lambat. Itu jumlah total kebutuhan untuk pengoptimalan kinerja dalam pengalaman pengguna.

Optimalkan kinerja situs WordPress Anda dengan:

CDN: Opsi yang layak untuk situs web yang menerima audiens global dan memiliki lalu lintas sedang hingga tinggi. Plugin MaxCDN dan W3 Total Cache adalah kecocokan yang dibuat di surga pemuatan cepat.

Cache: Seperti disebutkan di atas, W3 Total Cache adalah satu-satunya plugin caching yang Anda butuhkan (bahkan tanpa dukungan CDN). Tanyakan juga kepada pengembang Anda tentang solusi sisi server seperti Redis dan Memcached

Pengoptimalan Front-end: Plugin seperti EWWW Image Optimizer mengompresi gambar (tanpa mengurangi kualitas). Pastikan juga bahwa ada sesedikit mungkin CSS dan JS sebaris dalam file tema Anda. Kompres dan perkecil stylesheet dan file JavaScript juga.

Kurangi ketergantungan eksternal, gunakan sprite CSS, dan sangat pilih-pilih saat mengunduh plugin (semakin sedikit, semakin baik). Anda bahkan dapat menghubungi penyedia hosting web Anda dan meminta bantuan. Terkadang, host web Anda memang membuat masalah terkait kinerja.

Modal Pop-Up

Jangan menjengkelkan atas nama interaktivitas dan konversi.

Ya, modal pop-up (pemasaran interupsi) adalah alat konversi yang hebat. Ada ribuan plugin di luar sana (sebagian besar plugin media sosial memiliki fitur ini sekarang) yang memungkinkan Anda menempelkan pesan kepada pengguna, 'dengan sopan' mengingatkan mereka untuk membagikan/mengikuti/menyukai konten di media sosial, berlangganan atau mendaftar, dapat diskon, dkk.

Ada begitu banyak hal yang salah dengan itu… tapi kita akan membahasnya sebentar lagi.

Kelebihan:

• Terbukti meningkatkan tingkat konversi

Kontra:

• Mengganggu: Pengunjung ada di sini untuk konten dan popup menghalangi.
• Popup diperlakukan sebagai White Noise (seperti banyak iklan) kecuali jika cocok dengan perjalanan pengguna.
• BURUK untuk aksesibilitas

Ada contoh popup yang digunakan dengan baik dalam konteks. BrainPickings.org memahami audiensnya dan mempromosikan tautan 'donasi' mereka hanya ketika pengguna telah mengakses situs secara berulang dan ketika mereka selesai membaca konten. Pop-up Reebok Crossfit memiliki waktu yang buruk tetapi sedikit menebusnya dengan diskon berlangganan di halaman produk.

Sumber: REEBOK

Penundaan waktu dan pemicu baik-baik saja, tetapi juga perlu untuk fokus pada gambaran yang lebih besar dan mengikat popup dengan cara yang relevan bagi pengguna yang menginginkannya.

Sejauh ini, peningkatan konversi lebih disebabkan oleh kekuatan tumpul biasa, tetapi kualitas konversi dan prospek berikutnya dapat ditingkatkan jika Anda melakukannya dengan cerdas. Meminta pengunjung pertama kali untuk berlangganan situs web tidak akan memberi Anda prospek berkualitas 99/100 kali.

Coba gunakan plugin WordPress secara cerdas untuk popup. Ada beberapa (seperti Popup oleh Supsystic) yang bagus. Bekerja dengan mereka alih-alih hanya berfokus pada interaksi pada satu halaman.

Catatan akhir

Untuk meningkatkan pengalaman pengguna, harap pastikan Anda mengikuti saran ini dengan sedikit garam dan menguji semuanya (Gunakan pengujian Google Analytics atau Nelio A/B, atau alat lain apa pun: terserah Anda).

Dan berjanji pada diri sendiri untuk terus memperbaiki diri.

Baca lebih lanjut Plugin WordPress | 5 Perbaikan Cepat untuk Situs WordPress Anda