Sebagai seorang desainer web, mudah untuk menganggap diri Anda sebagai seniman visual daripada ahli strategi bisnis. Meskipun benar bahwa desain web melibatkan kreativitas dan seni—dan itu merupakan bagian integral dan berharga dari desain web—desain web yang benar-benar efektif bukan hanya situs web yang cantik. Ini situs web yang efektif. Dan efektif dapat mengambil beragam nuansa makna.

Beberapa melihat desain web yang efektif sebagai situs yang menarik secara visual dan mudah dinavigasi. Orang menyewa desainer web setiap hari untuk membuat situs yang terlihat bagus dan mudah digunakan, dengan skema warna yang menyenangkan, navigasi yang masuk akal, dan branding yang konsisten. Presentasi dan navigasi tentu saja merupakan dua aspek penting dari pengalaman pengguna, metrik yang digunakan untuk mengevaluasi situs web mana pun. Semakin baik pengalaman pengguna, semakin sukses desainnya.

Desain web yang bagus lebih dari sekadar UX

Merancang pengalaman pengguna dengan situs web melampaui visual dan mekanik. Seringkali ada sesuatu yang pemilik situs ingin pengguna situs lakukan, dan meyakinkan pengguna untuk melakukan hal itu (apa pun itu) adalah proses konversi.

Konversi adalah tentang pengguna, tetapi pada akhirnya, ini tentang tujuan pemilik situs untuk berinteraksi dengan pengguna. Sebagian besar, jika bukan sebagian besar, situs yang dirancang akhir-akhir ini memiliki tujuan untuk mengubah pengunjung dan pengguna dari pemirsa pasif menjadi peserta aktif dalam tujuan situs, baik tujuan tersebut adalah menjual produk, menghasilkan prospek, atau mengumpulkan pendaftaran. Mengubah pengunjung dari penampil pasif menjadi pemain aktif adalah proses konversi, dan ini adalah bagian penting namun sering disalahpahami dari kesuksesan situs web mana pun.

Tingkat konversi yang baik bermuara pada konten yang efektif, disajikan secara efektif dalam desain situs web. Hal ini membutuhkan desain yang sangat baik dibangun di sekitar konten yang mengkonversi. Keduanya—desain dan konten—terjalin erat, dan agar yang satu efektif, yang lain juga harus demikian. Sementara desainer tidak harus menjadi copywriter atau fotografer, mereka harus memiliki pemahaman yang baik tentang bagaimana menyajikan konten situs dengan cara yang menarik dan efektif untuk konversi.

Untuk memulai, berikut adalah lima "rahasia" untuk merancang konten yang berkonversi.

1. Buang teks dummy

Banyak desainer akan sering datang dengan desain web dan menggunakan teks tiruan Lorem Ipsum untuk menyempurnakannya. Ini sama sekali bukan cara bekerja jika tujuan Anda adalah konversi—sangat penting untuk memiliki konten Anda sebelum menetapkan desain. Jika tidak, desain Anda hanyalah proyek hipotetis "ini akan menjadi situs web yang bagus" dan bukan bentuk seni yang sangat bernuansa yang telah Anda sewa untuk dibuat. Konten perlu mendikte desain. Jika tidak, Anda menjalankan risiko yang sangat nyata (dan sering disadari) dari elemen-elemen dalam desain yang berlebihan, kebutuhan untuk mengubah konten menjadi desain yang tidak sesuai, dan presentasi keseluruhan yang benar-benar gagal dalam menekankan konten yang tepat di waktu yang tepat.

Situs web sederhana yang menyajikan kontennya dengan baik akan berkonversi lebih baik daripada situs web yang dirancang dengan indah yang gagal menyoroti informasi penting dan mengaburkan yang lain. Mendesain dengan teks dan gambar hipotetis hanyalah menyiapkan diri Anda untuk desain yang mungkin disukai klien, tetapi pada akhirnya akan gagal ketika konten sebenarnya dimasukkan. Buat sketsa ide Anda jika perlu, tetapi sebelum melakukan brainstorming serius atau menyusun gambar rangka, tahu persis apa yang sedang Anda kerjakan dan elemen apa yang perlu ditampilkan. Desainer Jeffrey Zeldman mengatakan yang terbaik di tahun 2008: "Desain tanpa konten bukanlah desain, itu dekorasi."

Jika Anda menawarkan layanan copywriting bersama dengan layanan desain, Anda mungkin dapat mengukir salinan Anda di sekitar ide desain Anda (atau sebaliknya), tetapi Anda masih harus memiliki pemahaman yang baik tentang apa yang Anda presentasikan sebelum Anda dapat mengetahui bagaimana melakukannya menyajikannya. Tidak ada penusuk sepatu yang diperbolehkan dalam game ini.

2. Lakukan peta situs sebelum situs

Peta situs yang sangat bagus adalah hadiah fantastis yang dapat Anda berikan kepada pengguna situs web mana pun, terutama jika ada banyak hal untuk dinavigasi di situs. Apa yang mungkin tidak Anda sadari adalah bahwa peta situs yang bagus juga bisa menjadi hadiah untuk diri Anda sendiri, dan untuk klien Anda. Jika Anda memiliki peta situs sebelum memulai desain, yang Anda miliki pada dasarnya adalah garis besar untuk membangun seluruh struktur desain. Seperti yang ditulis Cameron Chapman untuk KISSmetrics, peta situs yang baik adalah “alat perencanaan terpusat yang dapat membantu mengatur dan memperjelas konten yang perlu ada di situs Anda, serta membantu Anda menghilangkan halaman yang tidak perlu.”

Dengan kata lain, peta situs seperti peta jalan untuk situs web Anda. Membuatnya tidak memerlukan keterampilan desain sama sekali, hanya keterampilan organisasi. Itu berarti menyusun peta situs adalah tanggung jawab yang dapat Anda serahkan kepada klien Anda, berkolaborasi untuk mengembangkan, atau mengambil alih diri Anda sendiri. Jika Anda bertanggung jawab atas peta situs, pastikan klien melakukan evaluasi menyeluruh sebelum melanjutkan; peta situs sering berkembang dari waktu ke waktu, tetapi semakin sedikit perubahannya, semakin baik Anda.

Peta situs menjelaskan konten apa yang dibutuhkan dan di mana, tanpa rumit atau sulit untuk disatukan atau disesuaikan. Ini menghilangkan kemungkinan desain atau navigasi yang tidak efisien karena Anda dapat melihat ke mana setiap bagian konten harus pergi dan membuat tautan internal yang bermanfaat, daripada menduplikasi informasi. Tidak ada lagi konten duplikat berarti tidak ada lagi waktu yang terbuang untuk Anda atau pengguna situs.

Keuntungan lain dari peta situs adalah membantu mengkristalkan ruang lingkup proyek sejak awal, yang mungkin akan dihargai oleh Anda dan klien. Manfaat logistik nyata dari peta situs adalah dapat berfungsi sebagai pelacak untuk bagian proyek yang telah Anda selesaikan dan bagian yang masih dalam proses. Tetap digital dan pastikan semua orang dengan masukan ke peta situs dan kemajuan desain situs dapat mengaksesnya. Gunakan itu sebagai alat cepat untuk menjaga klien Anda diperbarui, dan terus merujuknya setiap kali perubahan konten disarankan untuk menghemat waktu dan sakit kepala Anda sendiri.

3. Memiliki ajakan bertindak yang jelas

Bila tujuan situs adalah konversi (dan ini paling sering terjadi), salah satu elemen terpenting adalah ajakan bertindak. Sejujurnya, sebagian besar situs harus memiliki semacam ajakan bertindak, apakah itu untuk "mendaftar" atau "menambahkan ke troli" atau untuk "melihat galeri." Pengguna harus dipandu menuju beberapa tindakan, dan tindakan itu perlu ditata dengan jelas dan jelas. Itu bisa berupa tombol, tautan, atau yang lainnya. Apa pun itu, itulah yang kami maksudkan saat kami mengatakan "ajakan bertindak".

Apakah ajakan Anda untuk bertindak mengambil nada lucu (daftar hari ini atau kelinci mendapatkannya!), mengundang persahabatan (bergabung dengan penyebabnya), atau sarat dengan urgensi (dijual hari ini saja!), itu perlu dirancang dengan cara yang menarik bagi audiens target dan konsisten dengan keseluruhan pesan situs. Untuk beberapa ide dan contoh hebat, lihat tulisan Helga Moreno tentang ajakan bertindak untuk Just Creative.

Hal penting yang perlu diperhatikan: jika ajakan Anda untuk bertindak di halaman arahan adalah agar pengguna mengisi formulir keikutsertaan, sertakan formulir di halaman itu. Jangan biarkan pengguna mengeklik tautan yang mengarahkan mereka ke keikutsertaan. Keikutsertaan satu langkah telah terbukti memiliki tingkat konversi yang jauh lebih tinggi daripada keikutsertaan dua langkah. Kerjakan saja keikutsertaan ke halaman arahan. Dan saat Anda melakukannya, pastikan formulir hanya meminta informasi yang benar-benar Anda butuhkan—semakin sedikit permintaan, semakin tinggi konversinya.

4. Pastikan headline-nya bagus

Setiap penulis web yang sepadan dengan garam mereka akan memberi tahu Anda bahwa tajuk berita sangat penting—dan itu benar. Kita semua bercanda tentang clickbait yang mengganggu dan rentang perhatian yang pendek akhir-akhir ini, tetapi penelitian menunjukkan bahwa situs web mana pun memiliki waktu delapan detik untuk menarik perhatian pengunjung sebelum pengunjung itu terpental. Delapan detik bukanlah waktu yang lama, dan dapat diasumsikan bahwa sebagian besar detik tersebut dihabiskan untuk memindai judul. Itulah mengapa sangat penting bahwa segala sesuatu yang bahkan dari jarak jauh seperti judul dalam desain situs Anda kuat: hanya judul yang menarik yang akan membuat pengguna di situs Anda cukup lama untuk memiliki kesempatan untuk berkonversi.

Jika tanggung jawab untuk menghasilkan headline dan teks H1 lainnya dalam sebuah desain jatuh di pundak Anda, Anda perlu mempertajam keterampilan menulis headline Anda. Dua sumber favorit saya adalah posting tip cepat dari Copyblogger dan Headline Hacks PDF gratis dari Jon Morrow. Kedua sumber ini dikembangkan untuk penulis, tetapi menyajikan dasar-dasar penulisan judul yang baik sehingga siapa pun yang fasih berbahasa Inggris dapat menyerap dan segera menggunakannya.

5. Gunakan gambar serbaguna untuk menangkap dan mempertahankan minat

Ada ilmu dalam seni gambar (dan elemen visual lainnya, seperti logo dan font yang menonjol) dalam desain web, dan Anda harus memiliki pemahaman yang tajam tentang apa yang sebenarnya membuat pemilihan gambar yang baik—terutama jika Anda melapis konten di atas gambar, atau mengikat judul penting atau ajakan bertindak. Sebagian besar desain web sebenarnya dilakukan di komputer desktop atau laptop. Jika dibandingkan dengan semua layar dalam hidup kita, monitor komputer ini berukuran luas, dengan penerangan yang relatif rendah, dan paling sering di dalam ruangan atau, paling tidak, terlindung dari sinar matahari langsung atau silau lainnya. Tapi itu bukan satu-satunya lingkungan di mana gambar dilihat di web hari ini.

Gambar yang terlihat bagus di iMac raksasa di kantor Anda belum tentu terlihat bagus—atau bahkan muncul—di layar smartphone model awal yang dibawa menyusuri jalan yang terang benderang. Dan tak satu pun dari itu akan dibandingkan dengan bagaimana tablet mini horizontal menampilkan gambar. Sifat konektivitas dan teknologi saat ini mengharuskan Anda mempertimbangkan semua jenis monitor dan skenario tampilan saat Anda membangun situs web.

Gambar Anda harus mencolok dan dapat diskalakan untuk mengakomodasi ukuran monitor yang berbeda di lingkungan yang berbeda: pikirkan 4 inci dalam cahaya terang di atas kepala hingga 40 inci di dalam ruangan dengan sinar matahari tidak langsung yang disaring. Jika gambarnya menarik karena nuansa atau detailnya yang rumit, mungkin tidak gambar yang tepat untuk digunakan. Tweak gambar apa pun sesuai kebutuhan, jika tweak dapat membuatnya layak (atau jika klien memerlukan penggunaannya), dan fokus pada kontras untuk memberikan kejelasan yang tinggi.

Kunci untuk menyalin yang mengubah

Meskipun kelima "rahasia" ini sebenarnya bukan rahasia sama sekali, mudah untuk mengabaikan atau melewatkan elemen kunci ini untuk membuat konten yang berkonversi. Situs web adalah kendaraan untuk menyajikan konten, dan pengguna harus diperhitungkan dengan desain web apa pun. Tetapi, seperti yang telah ditunjukkan oleh tip-tip ini, desain web yang efektif bukan hanya tentang membuat situs web yang bagus untuk dilihat dan mudah digunakan. Seringkali ada tujuan lain: mendorong konversi. Menguasai dan menggunakan kelima area alur kerja desain web ini akan sangat membantu dalam kemampuan Anda membuat situs web yang benar-benar efektif dalam segala hal.