Jika Anda tidak tahu apa yang harus diubah, coba ubah warna situs web Anda

Salah satu masalah terbesar dalam hal meningkatkan kinerja situs web Anda adalah tidak mengetahui perubahan apa yang harus dilakukan. Ini telah terjadi pada kita semua di beberapa titik waktu. Dalam kasus seperti itu, hal yang benar untuk dilakukan adalah fokus pada bagian web yang paling penting. Maksud saya, bagian halaman Anda yang paling mendapat perhatian atau paling penting untuk model bisnis Anda.

Misalnya, jika tujuan Anda adalah mereka yang mengunjungi situs web Anda akhirnya mengisi formulir, fokuslah pada formulir itu sendiri: buatlah lebih menonjol dan sederhanakan sebanyak mungkin sehingga mudah diisi dan dikirim. Seperti yang telah saya katakan sebelumnya, lihat dulu elemen yang, ketika diubah, mungkin memiliki dampak yang lebih besar pada pengunjung Anda, karena ini Anda akan mendapatkan hasil yang menarik lebih cepat.

Jika Anda masih tidak tahu apa yang harus diubah, sesuatu yang tidak pernah mengecewakan dan sangat mudah untuk dicoba adalah menerapkan perubahan pada warna halaman web Anda. Tanpa niat untuk mengesampingkan tunanetra, jelas bahwa warna situs web Anda sangat penting. Jauh lebih dari yang bisa Anda bayangkan.

Ada beberapa penelitian tentang teori warna dan cara kita manusia melihatnya. Apa yang mungkin tampak hanya interpretasi dari panjang gelombang berbeda yang ditangkap oleh sistem visual kita (mata, saraf optik, dan otak), menyembunyikan latar belakang psikologis yang sangat besar.

Untuk alasan ini, saya mendorong Anda untuk mencoba mengubah warna halaman web Anda (atau beberapa elemen berdampak tinggi di dalamnya) dan mempelajari bagaimana interaksi pengunjung Anda berkembang dalam menghadapi perubahan ini. Inilah yang akan saya jelaskan kepada Anda hari ini dengan contoh lengkap dan nyata yang telah kami uji di situs web ini.

Definisi tes A/B

Untuk menguji setiap perubahan di situs web Anda, Anda harus menggunakan pengujian A/B. Dengan melakukan ini, Anda dapat menjamin dengan data nyata dan mengikuti metode ilmiah bahwa perubahan yang diterapkan bekerja lebih baik (atau tidak) daripada versi Anda saat ini.

Dalam contoh hari ini, yang akan kita lakukan adalah menguji perubahan warna lipatan pertama halaman harga Pengujian A/B Nelio. Lipatan pertama ini memiliki dampak besar pada bisnis kami, karena bertanggung jawab menampilkan tabel harga di mana pengunjung kami akhirnya menjadi pelanggan saat membeli plugin.

Pada perbandingan berikut Anda dapat melihat versi asli dari lipatan pertama (di sebelah kiri) dan versi alternatif (di sebelah kanan) dengan warna tombol dan margin yang berbeda, dan gambar latar belakang baru:

Untuk menguji perubahan, kami menggunakan Pengujian A/B Nelio sebagai plugin pengujian A/B referensi kami. Hal pertama yang akan kita lakukan adalah membuat halaman pengujian A/B baru, yang merupakan elemen yang akan kita uji.

Kami melakukan ini karena kami dapat mengubah warna melalui editor halaman WordPress itu sendiri. Jika kita tidak bisa melakukannya seperti itu karena warna datang melalui template tema atau dengan cara lain yang kurang ortodoks –pengalaman memberi tahu kita bahwa gaya warna dapat didefinisikan dalam beberapa cara di WordPress–, opsi lain yang akan selalu berhasil adalah gunakan pengujian A/B gaya CSS, di mana kita bisa menerapkan warna baru dengan menambahkan aturan gaya CSS baru di varian.

Di layar edit pengujian A/B, kami memilih halaman dasar yang ingin kami uji (halaman harga kami) dan membuat varian baru, yang akan kami edit nanti:

Aspek penting lainnya yang perlu disoroti adalah untuk menentukan metrik mana yang kita inginkan untuk dilacak oleh alat pengujian A/B untuk kemudian mengetahui mana dari dua versi yang bekerja lebih baik. Kami mendefinisikan ini di bagian sasaran dan tindakan konversi, seperti yang Anda lihat pada tangkapan layar di atas.

Dalam kasus kami, kami menetapkan lima sasaran, yang akan memberi kami lima hasil berbeda untuk pengujian A/B yang sama. Pertama, kami menentukan tujuan yang mengukur jumlah klik pada tombol pembelian dari salah satu paket yang ada di tabel harga. Kemudian kami memiliki 3 sasaran tambahan yang mengukur klik untuk setiap rencana satu per satu. Dan akhirnya kami memiliki tujuan yang mengukur jumlah sebenarnya dari pembelian yang dilakukan setelah melihat setiap versi halaman yang diuji.

Terakhir, kami mengedit versi alternatif halaman. Ini membawa kami ke editor halaman WordPress yang kami gunakan (dalam kasus kami, editor blok), seperti yang Anda lihat di tangkapan layar berikut:

Di sini kita hanya perlu mengubah warna tombol aksi masing-masing dari tiga kolom dan elemen yang kita gunakan untuk membuat margin atas. Dan kami juga mengubah gambar latar belakang untuk yang lain yang telah kami unggah ke perpustakaan media WordPress kami.

Setelah halaman alternatif dengan perubahan yang ingin kita uji siap, saatnya untuk kembali ke layar edit pengujian A/B dan memulainya. Ini akan secara otomatis membagi lalu lintas ke halaman harga kami menjadi dua. Separuh pengunjung kami akan berinteraksi dengan versi aslinya, separuh lainnya akan melihat variannya.

Dengan cara ini, kami dapat memeriksa versi halaman mana yang bekerja lebih baik dibandingkan dengan lima sasaran konversi. Sekarang kita hanya perlu menunggu hasil untuk memberikan informasi yang kita cari.

Analisis hasil tes

Akhirnya, jika satu varian lebih baik dari yang lain, alat uji A/B itu sendiri akan memberi tahu kami. Pada pengujian A/B yang telah kami jelaskan sebelumnya, hasilnya sudah jelas. Versi dengan warna baru lebih buruk dari yang sudah kami miliki. Anda dapat melihat detail hasil untuk masing-masing dari lima gol yang ditentukan dalam tes di galeri berikut:

Varian ini tidak hanya mendapatkan lebih sedikit klik pada tombol tindakan, tetapi juga menghasilkan lebih sedikit penjualan (hampir 22% lebih sedikit).

Ini mungkin tampak konyol, tetapi jika alih-alih menguji perubahan dengan pengujian A/B, Anda mengubahnya langsung di situs web Anda tanpa mengujinya sebelumnya, Anda berisiko memperkenalkan perubahan yang mungkin bekerja lebih buruk. Ini bisa menjadi kasus kami, karena perubahan yang ingin kami buat tidak berjalan sebaik yang kami kira.

Anda mungkin menemukan bahwa mengubah warna pada waktu tertentu adalah solusi yang baik, karena Anda lebih menyukai yang baru. Anda telah menemukan palet warna baru yang menurut Anda jauh lebih baik dari sudut pandang gaya dan memilih untuk menggunakannya secara langsung. Tapi ini adalah kesalahan besar. Fakta bahwa Anda menyukai satu warna lebih dari yang lain tidak penting. Yang penting adalah memeriksa dengan cermat apakah hal ini benar-benar terjadi pada audiens dan pengunjung Anda. Dan Anda dapat melakukannya di lingkungan yang terkendali melalui pengujian A/B.

Gambar unggulan oleh Jeremy Thomas di Unsplash.