Cara Melakukan Audit Desain Situs Web Anda

Seiring pertumbuhan situs web Anda, ada kemungkinan desainnya mulai terlihat agak basi. Ingatlah, tren desain terus berkembang, dan kemampuan untuk menemukan masalah ini penting jika Anda ingin situs Anda terlihat modern dan 'segar'. Plus, Anda juga harus menjaga semua aspek desain Anda terlihat seragam (dan dapat digunakan) untuk memberikan pengalaman yang baik.

Cara terbaik untuk menemukan dan memperbaiki masalah ini adalah dengan audit desain seluruh situs web Anda. Dalam artikel ini, kami akan mengajari Anda apa itu audit dan bagaimana mereka dapat membantu Anda. Kemudian kita akan berbicara tentang beberapa alat untuk membantu Anda melakukannya, sebelum akhirnya menunjukkan kepada Anda bagaimana melakukannya dalam tiga langkah sederhana. Ayo bekerja!

Apa itu Audit Desain (Dan Bagaimana Itu Dapat Membantu Anda)

Audit desain adalah saat Anda duduk untuk meninjau elemen visual branding situs web atau perusahaan Anda. Dalam kebanyakan kasus, Anda mencari keseragaman, tetapi prosesnya juga menawarkan peluang bagus untuk memeriksa apakah desain Anda masih terlihat segar.

Sejujurnya, istilah "audit" membuat semuanya terasa jauh lebih mengancam daripada sebenarnya. Bagaimanapun, ada beberapa manfaat untuk melakukan audit desain reguler untuk situs web Anda. Sebagai contoh:

• Kesempatan untuk memeriksa desain Anda. Seiring tren desain masuk dan keluar dari gaya, kemungkinan elemen visual Anda juga mulai terlihat agak basi. Audit desain dapat memberi Anda pemeriksaan realitas dan kesempatan untuk melakukan peningkatan.
• Tinjau merek Anda. Sebagian besar situs web memiliki merek sendiri berdasarkan beberapa elemen visual, seperti logo, baris tag, gambar header, dan sebagainya. Seiring waktu, elemen-elemen ini dapat menjadi tidak cocok, yang pada gilirannya dapat memengaruhi persepsi merek Anda.
• Anda dapat menawarkannya sebagai layanan konsultasi. Jika Anda memiliki pengalaman melakukan audit desain yang sukses, Anda dapat memasarkan layanan Anda ke perusahaan lain dan membantu mereka dalam prosesnya. Banyak bisnis tidak menyadari manfaat yang mereka tawarkan, jadi peluangnya sudah matang jika Anda dapat meyakinkan mereka bahwa mereka dibutuhkan.

Sebelum Anda pergi untuk menawarkan layanan Anda ke situs web lain, penting untuk mengetahui apa langkah dasar dari setiap audit desain. Seperti yang dapat Anda bayangkan, Anda memerlukan beberapa alat untuk membantu Anda, jadi mari kita periksa beberapa opsi teratas.

3 Alat untuk Membantu Anda Mengaudit Kegunaan Desain Situs Web Anda

Jika Anda seorang desainer, Anda akan tahu ada segudang alat online yang dapat membuat hidup Anda lebih mudah. Namun, untuk bagian ini, kami memutuskan untuk fokus hanya pada hal-hal yang dapat membantu Anda mengaudit elemen situs Anda dan memeriksa setiap kekurangan dalam desain Anda. Mari kita lihat tiga di antaranya.

1. Telur Gila

Crazy Egg adalah alat analisis yang berfokus untuk membantu Anda menemukan area masalah di situs Anda. Ini menggunakan teknologi peta panas untuk memungkinkan Anda melihat elemen mana yang paling menarik perhatian di halaman Anda, dan mana yang tidak cukup menarik. Plus, itu juga mencakup fungsionalitas untuk membantu Anda mengetahui apakah pengguna menggulir konten Anda. Crazy Egg juga memberi Anda data berharga tentang dari mana pengunjung Anda berasal, lalu mengelompokkan perilaku mereka berdasarkan data tersebut.

Dari perspektif desain, jenis alat ini sangat berharga karena memungkinkan Anda untuk membidik area desain Anda yang paling membutuhkan bantuan. Misalnya, jika peta panas Anda menunjukkan bahwa Ajakan Bertindak (CTA) kritis tidak mendapatkan daya tarik sebanyak yang seharusnya, Anda dapat memprioritaskan analisisnya selama audit desain berikutnya.

Fitur Utama:

• Terapkan peta panas di situs web Anda.
• Lacak seberapa jauh pengunjung Anda menggulir ke bawah halaman Anda.
• Mengawasi sumber lalu lintas Anda, dan mengelompokkan data pengguna Anda berdasarkan sumber tersebut.

Harga: $9 per bulan, dibayar setiap tahun | Informasi Lebih Lanjut

2. Alat Kegunaan

Peta panas adalah alat yang ampuh untuk membantu Anda memahami perilaku pengguna Anda, tetapi tidak ada yang lebih baik daripada melihat bagaimana mereka berinteraksi dengan situs Anda, langkah demi langkah. UsabilityTools memungkinkan Anda melakukan ini dengan merekam setiap tindakan yang dilakukan pengguna di situs Anda, termasuk gerakan mouse, interaksi formulir, dan klik.

Ini mungkin terdengar berlebihan, tetapi jika Anda kesulitan mencari tahu elemen situs mana yang tidak menarik pengguna sebagaimana mestinya, ini adalah cara terbaik untuk mengidentifikasi mereka. Selanjutnya, Alat Kegunaan membantu Anda mengelompokkan semua data yang Anda kumpulkan dari pengunjung Anda untuk analisis cepat.

Fitur Utama:

• Lacak gerakan mouse pengguna, klik, dan interaksi bentuk di situs Anda.
• Segmentasikan data yang Anda kumpulkan untuk memudahkan analisis.
• Bagikan rekaman dengan mudah dengan anggota tim Anda.

Harga: $19 per bulan | Informasi Lebih Lanjut

3. UsabilityHub

Last but not least, kami memiliki UsabilityHub. Ini sedikit berbeda – ini adalah platform yang mencakup beberapa alat, salah satunya dapat membantu Anda membuat audit desain Anda berhasil.

Ini mencakup Uji Lima Detik, yang menentukan apakah pengguna dapat mengingat desain situs Anda, bersama dengan uji klik dan navigasi yang mengukur kegunaan. Terakhir, Anda juga dapat mengakses survei audiens yang membantu Anda menentukan apakah mereka menyukai desain Anda, dan perubahan apa yang ingin mereka lihat.

Fitur Utama:

• Gunakan beberapa tes untuk mengukur kegunaan situs Anda dan penerimaan desain Anda.
• Padu padankan salah satu tes yang Anda suka sesuai dengan kebutuhan Anda.
• Sesuaikan setiap pengujian Anda untuk mengukur elemen yang paling Anda minati.

Harga: $2,50 per respons terhadap pengujian Anda | Informasi Lebih Lanjut

Cara Melakukan Audit Desain Situs Web Anda (Dalam 3 Langkah)

Sekarang kita telah menjelajahi beberapa alat yang dapat Anda gunakan, saatnya untuk berbicara tentang langkah-langkah untuk audit desain yang sukses. Bergantung pada situs web dan sasaran Anda, Anda mungkin tidak menggunakan semua alat yang telah kita diskusikan – tetapi itu terserah Anda. Mari kita melompat ke langkah nomor satu.

Langkah #1: Kumpulkan Semua Elemen Visual Branding Anda

Instagram adalah contoh situs web yang bagus dengan branding yang sederhana namun konsisten.

Sebelum Anda dapat mengetahui apakah ada masalah dengan desain Anda, Anda perlu mengumpulkan semua elemen branding situs web Anda. Dengan begitu, Anda akan dapat melihat jika ada disonansi antara gaya mereka.

Melakukan hal ini memungkinkan Anda untuk menganalisis semua elemen branding utama Anda dengan pandangan sekilas, dan memeriksa apakah mereka masuk akal bersama-sama (yang merupakan sesuatu yang akan kita bicarakan pada langkah berikutnya). Mengumpulkan elemen Anda bersama-sama mungkin terdengar tidak perlu, tetapi beberapa kekurangan dalam desain Anda mungkin tidak terlihat sampai Anda melihat keseluruhan gambar.

Adapun elemen mana yang perlu Anda kumpulkan, berikut adalah daftar sederhana untuk membantu Anda memulai:

• Logo situs web Anda dalam semua formatnya.
• Setiap gambar latar belakang dan header.
• Semua ikon yang Anda gunakan di seluruh situs Anda.
• Contoh semua font yang Anda gunakan untuk konten Anda.
• Palet warna dari nada yang Anda gunakan di seluruh desain Anda.

Untuk saat ini, kami sarankan untuk menyimpan elemen-elemen ini dalam format yang Anda rasa paling nyaman. Anda dapat membuat PDF untuk berbagi lebih mudah, atau menyebarkan salinan fisik ke tim Anda. Setelah file atau dokumen kompilasi Anda siap, saatnya untuk mulai bekerja.

Langkah #2: Analisis Elemen Visual Situs Web Anda

Strategi branding Netflix sederhana namun konsisten – mereka memastikan untuk menggunakan logo mereka bila memungkinkan.

Seperti yang kami sebutkan sebelumnya, langkah nomor dua adalah melalui elemen pencitraan merek visual Anda untuk menemukan inkonsistensi atau kekurangan dalam desain Anda.

Desain (tentu saja) subjektif dalam banyak hal, tetapi itu tidak berarti gaya situs web Anda tidak dapat ditingkatkan. Misalnya, setiap bisnis harus menghadirkan gaya desain yang koheren, sehingga pelanggan mereka menjadi terbiasa, dan mengaitkannya dengan produk mereka. Hal yang sama berlaku untuk situs web – logo, konten, dan gambar Anda semuanya harus memiliki gaya yang sama dan tetap konsisten.

Mari kita lihat beberapa tip sederhana untuk memastikan elemen visual situs web Anda mencapai sasaran dalam aspek-aspek ini:

• Periksa apakah logo Anda tetap konsisten di semua halaman Anda dan jika tidak, ganti jika perlu.
• Pastikan gambar latar belakang Anda memiliki gaya yang serupa, sehingga transisi antara halaman dan bagian Anda tidak menggelegar. Jika Anda menemukan gambar yang tidak sesuai dengan cetakan, ubahlah.
• Pastikan ikon Anda memiliki gaya yang sama dan jika tidak, coba ganti dengan alternatif dari satu keluarga seperti Font Awesome Icons (yang dapat diintegrasikan dengan Divi).

Sejauh ini, kami hanya berbicara tentang elemen online, tetapi perlu diingat bahwa audit desain dapat – dan harus – juga mencakup elemen visual offline Anda. Jika bisnis Anda memiliki rekanan fisik, Anda pasti ingin mengumpulkan barang merek apa pun yang bisa Anda dapatkan (seperti brosur, kaos, dan kartu panggil) dan ulangi langkah nomor satu dan dua untuk mereka.

Langkah #3: Buat Manual Standar Desain untuk Situs Web Anda

Manual pedoman merek Urban Outfitter berbicara tentang apa yang membuat merek mereka unik.

Sekarang saatnya merencanakan masa depan. Salah satu cara terbaik untuk melakukannya adalah dengan membuat kompilasi aturan untuk setiap perubahan desain di masa mendatang pada situs Anda – juga dikenal sebagai manual standar desain.

Tujuan dari dokumen ini adalah untuk memastikan bahwa ke depannya, Anda dapat mengalihdayakan pekerjaan desain tanpa harus mengelolanya secara mikro. Plus, seiring pertumbuhan situs web Anda, kemungkinan besar Anda akan menambahkan lebih banyak anggota ke tim kerja Anda. Manual standar dapat membantu mereka memahami branding visual Anda dengan lebih baik. Faktanya, ini adalah praktik yang cerdas sehingga banyak perusahaan top terlibat di dalamnya.

Adapun jenis aturan apa yang harus disertakan dalam manual Anda, mari kita bahas beberapa ide untuk membantu Anda memulai:

• Sertakan panduan tentang bagaimana logo Anda dan variasinya harus digunakan (omong-omong, ini juga merupakan praktik umum).
• Lampirkan contoh jenis gambar yang harus digunakan kontributor di situs Anda, serta aturan tentang cara menyajikannya, dan jenis konten yang harus dihindari.
• Diskusikan font yang harus Anda gunakan di seluruh situs web Anda jika ada lebih dari satu opsi yang tersedia, dan dalam keadaan apa font tersebut harus digunakan.
• Berikan contoh jenis tombol, ikon, dan elemen serupa lainnya yang ingin Anda gunakan dalam desain Anda.

Perlu diingat, tidak ada dua manual standar desain yang akan sama. Anda mungkin harus menambahkan lebih banyak aturan tergantung pada elemen yang digunakan situs web Anda, dan juga jika Anda ingin berbicara tentang branding offline. Namun, menyiapkan ini lebih awal tidak hanya akan memastikan bahwa audit desain di masa mendatang berjalan lebih lancar, tetapi juga membantu Anda melatih tambahan baru untuk tim Anda lebih cepat.

Kesimpulan

Seiring berjalannya waktu, biasanya sebagian besar situs web memerlukan sentuhan dalam hal desainnya. Misalnya, beberapa elemen Anda mungkin tidak cocok satu sama lain secara visual, tetapi mungkin sulit untuk menemukannya tanpa melakukan audit desain penuh secara berkala. Terlebih lagi, hal itu akan memastikan bahwa pengunjung Anda terus mendapatkan pengalaman hebat di situs Anda di masa mendatang.

Berikut adalah tiga langkah dasar untuk melakukan audit desain untuk situs web Anda:

1. Kumpulkan semua elemen visual branding online dan offline Anda.
2. Analisis elemen yang Anda kumpulkan.
3. Buat manual standar desain untuk situs web Anda.

Apakah Anda memiliki pertanyaan tentang bagaimana melakukan audit desain yang sukses untuk situs web Anda? Tanyakan di bagian komentar di bawah!

Gambar thumbnail artikel oleh Darko 1981 / shutterstock.com