7 User Experience quick-wins untuk meningkatkan situs web Anda 30 Agustus 2016

Sebagai pemasar digital, Anda terus berupaya mengoptimalkan situs web Anda. Melalui statistik web Anda ingin mendapatkan wawasan tentang berapa banyak dan di mana pengunjung meninggalkan situs. Statistik tidak selalu memberikan wawasan tentang alasan mengapa orang pergi. Riset online, dan khususnya pengumpulan umpan balik secara real-time, dapat menawarkan banyak informasi berharga tentang motif pengunjung.

Dari peran saya di Mopinion, saya sering menganalisis umpan balik yang diterima klien kami. Analisis ini menunjukkan bahwa seringkali masih banyak yang bisa diperoleh dalam hal pengalaman pengguna . Di blog ini saya akan memberikan tujuh titik fokus yang dapat Anda gunakan sebagai pemasar untuk mencapai kemenangan cepat guna meningkatkan pengalaman pengguna situs web Anda.

---

MULAI UJI COBA GRATIS ANDA!

Coba Mopinion Sekarang

• Kumpulkan umpan balik tanpa batas
• ■.
• Uji coba 14 hari gratis

---

Tip 1: Waktu pemuatan halaman

Ini tampaknya menjadi poin yang jelas. Namun, dari umpan balik yang kami kumpulkan untuk klien kami, tampaknya cukup mengganggu. Tidak hanya sering disebutkan (dalam beberapa kasus sekitar 30% dari umpan balik yang diterima), tetapi juga mendapat skor yang sangat tinggi pada pengukur gangguan. Khusus untuk perusahaan yang bekerja dengan orientasi promosi atau dengan siklus bulanan, Anda dapat melihat bahwa mereka berjuang untuk menghadapi puncak tertentu dalam jumlah pengunjung. Misalnya, pikirkan tentang pengundian lotere atau penyedia hipotek yang harus memproses banyak mutasi selama momen-momen tertentu dalam sebulan.

Selain itu juga sering ditunjukkan bahwa alat online yang lebih rumit – misalnya konfigurator mobil di otomotif – menuntut banyak bandwidth dari koneksi internet atau berdampak pada pemrosesan gambar komputer atau perangkat lain. Tentu saja alat-alat tersebut dapat menawarkan nilai tambah bagi pengunjung, tetapi pada saat yang sama juga mengandung risiko ketika proses tidak berjalan dengan cepat dan lancar.

Hosting
Anda mungkin berpikir: apa yang dapat Anda lakukan? Langkah pertama adalah memeriksa apakah Anda memiliki bandwidth yang cukup. Lihat solusi hosting yang fleksibel dan skalabel, seperti cloud hosting oleh Amazon atau Rackspace. Petakan bidang di mana Anda memiliki jumlah pengunjung terbesar dan pastikan Anda menjalankan alat pemantauan yang tepat di area itu, seperti Pingdom atau Google Pagespeed. Pastikan Anda tahu apa yang Anda bicarakan saat bertemu dengan departemen TI…

Aktiva
Solusi yang lebih dekat dengan rumah dapat ditemukan di aset yang Anda gunakan. Menurut Yahoo kemacetan lalu lintas seperti gambar, css dan dokumen javascript 80% dari waktu loading halaman. Jadi, pastikan Anda tidak memuat sampah yang tidak perlu dan file yang diperlukan diperkecil dan dikompresi dengan benar.

Selain itu, sering kali terlihat bahwa widget dan plugin dimuat di tempat yang tidak perlu. Jadi, periksa dengan cermat apa yang Anda butuhkan dan di mana Anda membutuhkannya. Ketika Anda hanya membutuhkan plugin di 1 halaman untuk alat tertentu, Anda tidak perlu memuatnya di tempat lain.

Caching juga dapat menawarkan solusi. Lihat alat yang memastikan bahwa pengunjung tidak sering harus memuat aset yang sama yang tidak perlu. Ketika website Anda berjalan pada framework atau CMS yang tidak dikenal, misalnya WordPress, seringkali tersedia opsi caching dalam bentuk plugin seperti W3 Total Cache.

Tip 2: Prosedur login

Sayangnya, masalah login masih menjadi masalah utama. Penyediaan layanan online bagi banyak perusahaan merupakan bagian penting dari kontak sehari-hari dengan pelanggan lama dan baru. Pikirkan saja tentang semua toko web, bank, perusahaan energi, dan penyedia telekomunikasi tempat Anda masuk secara teratur untuk menggunakan penyediaan layanan di, misalnya, lingkungan belanja atau lingkungan saya.

Sebagian besar umpan balik yang kami proses (sekitar 5%) berasal dari halaman yang terkait dengan prosedur login.

Sayangnya, banyak orang mengalami kesulitan mengingat jumlah besar nama pengguna dan kata sandi. Terlepas dari faktor manusia, masih banyak yang salah selama prosedur login itu sendiri. Bekerja dengan alamat email bagi banyak orang lebih mudah diingat daripada nama pengguna yang terpisah. Hindari penggunaan nomor klien atau nama pribadi yang rumit.

Berhenti memuat ulang
Penggunaan validasi di front-end dapat memastikan lebih banyak kemudahan penggunaan (jadi tidak mengumpulkan informasi melalui server/database tetapi langsung di browser, misalnya melalui Javascript dan/atau Ajax). Keuntungannya adalah halaman tidak harus dimuat ulang. Contoh: pelanggan yang secara tidak sengaja mengetik “[email protected]” alih-alih “.com” sebagai alamat email.

Dengan validasi Javascript atau Ajax, Anda dapat segera memberikan umpan balik kepada pengguna tentang input alamat email yang salah. Dengan menerapkan trik semacam ini Anda memudahkan pengguna untuk login. Gangguan yang lebih besar adalah bahwa semua bidang benar-benar kosong setelah login yang salah dan semuanya harus diisi lagi.

Lupa sesuatu lagi…?
Kendala berikutnya yang sering terjadi adalah pengumpulan kata sandi yang terlupakan. Sudah menjadi kurang lebih standar untuk memberi pengguna kemungkinan untuk mengatur ulang kata sandi atau mengajukannya melalui email. Tampaknya rapi untuk hanya menampilkan opsi itu setelah pengguna benar-benar mencoba masuk dengan salah.

Akhirnya: pesan kesalahan. Bagi banyak pengguna, itu cukup mengganggu sehingga ada yang tidak beres. Cobalah untuk menghindari pesan seperti robot seperti "kata sandi tidak valid". Kunjungi kolega yang baik di departemen komunikasi… Anda mungkin menerima alternatif hebat yang sesuai dengan nada suara perusahaan. Saran untuk pesan di atas: ”Sepertinya Anda salah mengetik sandi.” Sudah terdengar jauh lebih ramah, bukan?!

Tip 3: Formulir

Mungkin sangat mudah dikenali: Anda telah membuat pilihan, mengatur filter atau memasukkan data dalam formulir dan pada halaman berikutnya semuanya hilang dan Anda harus mengetikkan semua informasi yang sama lagi. Iritasi besar di antara pengunjung situs Anda.

9% dari umpan balik situs web yang dianalisis platform kami setiap hari terkait dengan formulir. Gangguan terbesar adalah penyampaian informasi yang telah dimasukkan sekali atau harus melakukan tindakan yang sama beberapa kali dalam formulir dan pilihan. Kadang-kadang menyebabkan iritasi kecil, tetapi biasanya gangguan besar.

Formulir sangat membantu ketika pengunjung mencari informasi, untuk memesan produk dan untuk menghasilkan prospek. Oleh karena itu, sangat penting bahwa formulir Anda berfungsi dengan benar. Secara umum berlaku bahwa semakin sedikit bidang yang Anda minta untuk diisi dalam formulir, semakin tinggi konversinya (mengingat fakta bahwa beberapa data sangat penting). Masuk akal bahwa lebih banyak bidang harus diselesaikan dalam hal pembayaran atau pesanan daripada ketika menyangkut formulir pembuatan prospek sederhana.

Ketika pengguna masih harus memberikan banyak informasi, juga menawarkan kemungkinan untuk menyimpan formulir di tengah jalan. Dengan cara ini pengguna akan dapat menyelesaikan formulir nanti.

Petakan perjalanan Anda
Petakan perjalanan terpenting dalam situs web Anda dan periksa area di mana Anda ingin pengguna memberikan informasi atau di mana mereka harus memasukkan data. Daur ulang data tersebut.

Apakah Anda tahu siapa pengunjung Anda, pastikan preferensinya disimpan dan dapat digunakan kembali. Juga gunakan alat pintar untuk secara otomatis melengkapi atau melengkapi bidang tertentu dalam formulir.

Apakah ini menyangkut pengunjung yang belum menjadi pelanggan? Anda juga dapat membedakan antara pengunjung berulang dan pengunjung baru. Ketika Anda, misalnya, menawarkan kemungkinan untuk mengunduh konten tentang produk Anda, tanyakan saja informasi yang diperlukan untuk pertama kalinya. Ketika pengunjung kembali dan mengisi formulir lain, pastikan dia hanya mengisi kolom baru dan menyembunyikan semua yang sudah Anda ketahui.

Formulir responsif
Mengingat fakta bahwa penggunaan seluler adalah yang paling populer secara online – pada tahun 2014 penggunaan seluler melampaui desktop – ada kemungkinan besar pengunjung Anda menggunakan ponsel cerdas atau tablet. Jadi pertimbangkan dengan cermat ruang yang tersedia, antarmuka sentuh, dan panjang formulir. Formulir multi-langkah menawarkan solusi karena Anda sebenarnya memotong formulir menjadi beberapa bagian dan hanya menampilkan 1 atau 2 bidang per layar. Mungkin berguna untuk menguji beberapa varian dengan alat seperti Optimizely.

Tip 4: Menemukan halaman atau informasi yang tepat

22% dari umpan balik yang dianalisis perangkat lunak kami untuk klien melibatkan fakta bahwa pengunjung tidak dapat menemukan informasi yang benar. Dalam kasus terburuk, informasi yang dibutuhkan tidak tersedia sama sekali dan pengunjung keluar sepenuhnya.

Banyak perusahaan besar dan toko web hanya menyediakan sejumlah besar informasi, terkadang hanya karena banyaknya pilihan produk. Masalah ini tidak dapat diselesaikan dengan sangat mudah. Namun saya memiliki sejumlah tips, berdasarkan pengalaman sebelumnya, untuk tetap meningkatkan pengalaman pengguna .

Langkah pertama untuk mengatasi masalah umum ini adalah memetakan perjalanan online. Periksa sendiri tujuan apa yang ada dalam pikiran pengunjung ketika mereka datang ke situs web Anda. Pengunjung seringkali harus melalui sejumlah langkah untuk mencapai tujuannya. 'Memetakan' perjalanan membantu Anda mendapatkan wawasan tentang masalah yang dialami pengunjung dan di mana mereka membutuhkan informasi tertentu.

Perilaku klik
Selain itu, Anda dapat menggunakan perilaku klik untuk menganalisis tempat orang pergi. Pada poin-poin ini juga berguna untuk mendapatkan umpan balik kuantitatif. Ini akan mengungkap alasan di balik perilaku klik. Anda dapat membuat formulir umpan balik muncul secara aktif ketika Anda, misalnya, memberi sinyal perilaku berulang seperti bolak-balik dalam aliran tertentu. Metrik logis untuk mengajukan pertanyaan di sini adalah Rasio Penyelesaian Sasaran (GCR). Pertanyaannya sering seperti: “Apakah Anda dapat mencapai tujuan Anda?”, dengan pilihan “Ya”, “Tidak”, atau “Sebagian”. Anda melaporkan persentase “Ya” sebagai GCR. Jelas disarankan untuk meminta penjelasan terbuka setelah pertanyaan GCR.

Tip 5: Teks tidak jelas

Sekitar 7% dari umpan balik yang kami analisis setiap hari berkaitan dengan konten web yang tidak jelas. Ini mungkin melibatkan informasi produk tetapi juga konten dalam alur pemesanan atau halaman swalayan seperti FAQ.

Orang-orang mencari informasi di situs web Anda dengan tujuan tertentu. Tujuan itu biasanya untuk menemukan jawaban atas suatu pertanyaan.

Pengunjung dan pelanggan membaca informasi, melihat sesuatu di meja atau menonton video. Misalnya untuk mengetahui apakah suatu produk sesuai dengan keinginan, apakah model penetapan harga yang sesuai atau dalam rangka untuk memecahkan masalah terkait dukungan.

Selain informasi yang harus jelas dan tidak terlalu panjang, pengunjung juga ingin dapat segera menemukannya. Jadi, pastikan konten dapat dengan mudah dipindai dan meninggalkan informasi yang tidak perlu, sehingga orang dapat memahami hal-hal penting.
Tambahkan gambar dan video sehingga keseluruhan dapat dengan mudah diserap.

Jawaban untuk pertanyaan Anda?
Pada halaman di mana perlu untuk menawarkan banyak informasi atau lebih rumit, selalu disarankan untuk mengetahui cara pengunjung mengalami informasi tersebut. Ini dapat dilakukan melalui formulir umpan balik sederhana yang disematkan di mana Anda mengajukan pertanyaan: Apakah informasi ini memuaskan? Pilihan jawaban adalah "ya" atau "tidak", dengan kemungkinan untuk meninggalkan komentar terbuka. Pengunjung dapat menunjukkan di sini, misalnya, informasi mana yang kurang atau apa yang tidak jelas persisnya.

Umpan balik ini dapat digunakan untuk mengumpulkan wawasan yang dapat diakses tentang sejauh mana pengunjung menghargai konten Anda, apakah konten tersebut memadai dan apa yang dapat Anda lakukan untuk meningkatkan kualitas konten Anda.

Tip 6: Bug di mana-mana

Sayang sekali. Bug tidak bisa dihindari. Mereka akan selalu menemukan cara untuk menyelinap masuk….

Jangan takut: ada lebih dari seribu kombinasi browser / platform yang beredar. Oleh karena itu, risiko bug yang muncul di situs Anda di suatu tempat sangat besar. Alat seperti Browserstack menawarkan kemungkinan untuk menguji situs web Anda di hampir semua kemungkinan kombinasi. Kemudian biasanya melibatkan bug di front-end. Dalam perangkat lunak back-end itu sendiri, segala macam hal juga bisa salah (pikirkan, misalnya, validasi formulir, masalah yang berkaitan dengan hak atau masalah dengan output database).

Bahkan dengan pengujian yang paling ekstensif, bug masih dapat terjadi setelah Anda melakukan siaran langsung. Pelanggan Anda biasanya yang pertama kali menemukannya. Oleh karena itu disarankan untuk memberi pengunjung kesempatan untuk melaporkan bug dengan mudah, selain semua komite tes yang Anda kelola sendiri.

Ketika Anda menawarkan kemungkinan untuk melaporkan ini melalui formulir umpan balik, Anda akan melihat bahwa Anda dengan cepat mendapatkan wawasan yang relevan. Sekitar 20% dari umpan balik yang kami analisis untuk klien kami terkait dengan pemberitahuan bug. Jadi, jangan tinggalkan kesempatan untuk membiarkan pelanggan membantu memberi sinyal bug yang tidak digunakan.

Kiat 7: Seluler dulu?

Saya juga telah menunjukkan contoh untuk mengoptimalkan formulir Anda untuk "seluler" di tip 3 . Di seluruh lebar pengalaman online berlaku bahwa seluler masih agak diabaikan. Itu aneh mengingat fakta bahwa rata-rata lebih dari setengah kunjungan online dilakukan melalui perangkat seluler.

Sekitar 6% dari umpan balik yang kami terima di platform kami terkait dengan masalah pada perangkat seluler. Di beberapa blog seluler disebut-sebut sebagai titik perhatian penting ketika menyangkut hal-hal seperti Search Engine Optimization (SEO). Oleh karena itu, ini tidak hanya sangat penting untuk Pengalaman Pengguna tetapi juga untuk kemampuan menemukan situs Anda.

Poin penting adalah penggunaan gambar. Mulailah dengan "area pandang" terkecil dan kemudian lanjutkan ke layar yang lebih besar. Pastikan konten juga beradaptasi dengan rapi ke layar Retina dengan dpi yang lebih tinggi.

Seperti yang saya sebutkan sebelumnya di blog ini, waktu pemuatan yang lama memiliki efek negatif pada pengalaman pengguna, jadi pastikan file Anda tidak menjadi terlalu besar dan Anda hanya memuat ukuran yang benar. Saat Anda banyak bekerja dengan ilustrasi dan ikon, Anda juga dapat melihat penggunaan SVG (Scalable Vector Graphics). Ini sebenarnya adalah file baris yang mudah disesuaikan dengan desain Anda.

Teks dan font
Perhatikan juga penggunaan teks dan font Anda. Ini juga salah satu area di mana kita sering melihat kesalahan saat menganalisis umpan balik. Jauhi font yang terlalu tipis dan rumit. Orang sering kali harus membaca dari layar yang lebih kecil saat menggunakan ponsel cerdas mereka. Tingkatkan keterbacaan dengan menangani spasi antara huruf dan garis dengan cara yang cerdas. Periksa juga tata letak teks Anda pada area pandang yang berbeda. Di sini Anda akan menemukan informasi lebih lanjut tentang komposisi proporsional ideal teks versus wadah .

Navigasi seluler
Terakhir, kami sering melihat beberapa kendala dalam hal navigasi seluler. Untungnya, banyak menu seluler telah disematkan di templat yang dikenal, misalnya, sistem seperti WordPress. Tetapi jika Anda tidak ingin menggunakan sistem tersebut, pastikan Anda memulai dari layar kecil. Ruang terbatas dan menganggap mereka akan digunakan melalui sentuhan . Pedoman Apple menunjukkan "jari" rata-rata 44 piksel.

Pastikan bahwa halaman terpenting Anda dapat didekati dengan cepat dan batasi jumlah opsi.
Informasi lebih lanjut tentang merancang navigasi seluler, misalnya, dapat ditemukan di sini.

Sebagai tip terakhir: browser seluler juga dapat diuji dengan sempurna dengan Browserstack yang disebutkan sebelumnya.

CATATAN: Persentase jumlah umpan balik yang telah kami analisis adalah milik penelitian yang kami lakukan pada data umpan balik kami sendiri pada tahun 2015. Ingin melihat semua temuan kami, baca posting blog ini.