Menggunakan Teks untuk Meningkatkan Konversi – Bagaimana Tipografi dalam Desain Web Dapat Meningkatkan Penjualan Anda

Node Sumber: 1091927

Sebagai pemasar digital, konversi adalah salah satu hal utama yang akan Anda lacak dalam kampanye Anda. Anda mungkin bertanya-tanya tentang berbagai cara cara mengoptimalkan konversi pada halaman tertentu. Namun, ada satu hal yang sering diabaikan oleh banyak orang yang disebut sebagai growth hacker, yaitu menggunakan teks untuk meningkatkan konversi.

Ya, Anda pernah mendengarnya dengan benar! Salinan teks adalah tulang punggung setiap strategi pemasaran konten. Ini adalah bentuk konten yang paling sering Anda lihat di Web, namun juga terkait erat dengan daya tarik visual. Lagi pula, jika teksnya tidak terlihat bagus, bagaimana Anda mengharapkan halaman tersebut dikonversi sesuai keinginan?

Dalam postingan ini, kita akan membahas tipografi, elemen utamanya, dan bagaimana Anda bisa manfaatkan tipografi yang efektif untuk meningkatkan penjualan Anda dalam jangka panjang!

Apa itu Tipografi?

Sebelum kita mempelajari cara kerja penggunaan teks untuk meningkatkan konversi, kita perlu mencari tahu apa itu tipografi. Untuk menyederhanakannya, Anda dapat mempertimbangkan tipografi sebagai titik temu antara seni dan teks.

Tipografi diperkenalkan ke sebagian besar dunia kehidupan pada pertengahan abad ke-15 oleh Johannes Gutenberg dan tipe bergeraknya. Di dunia komputer, tipografi mulai menjadi relevan berkat Steve Jobs dan Mac pertamanya.

Ketika Internet diperkenalkan ke dunia, pentingnya tipografi meledak. Ini menjadi salah satu komponen desain Web yang paling penting membantu situs web Anda menonjol kepada calon pengguna.

Elemen Tipografi Yang Paling Penting

Banyak orang masih bingung antara tipografi dan font, yang merupakan kejadian umum. Di bagian ini yang memperluas definisi tipografi, kami akan menguraikan enam elemen penting tipografi:

  • Jenis huruf – Kebanyakan orang mengacaukan jenis huruf dengan font, padahal keduanya bukanlah hal yang sama. Pertimbangkan jenis huruf sebagai keluarga yang membentuk karakter, huruf, dan angka individual dengan desain yang sama. Arial, Times New Roman, dan Comic Sans adalah tipografi, dan bukan font, seperti yang dipikirkan banyak orang.
  • Font - Jadi, jika jenis hurufnya adalah sebuah keluarga, font adalah anggota keluarganya. Lebih tepatnya, font adalah gaya jenis huruf yang memiliki ukuran, berat, dan lebar tertentu. Misalnya, Arial adalah jenis huruf; dan Arial Bold 16pt adalah fontnya. Pada dasarnya, font adalah cara Anda menyampaikan bentuk seni tertentu yang disebut jenis huruf.
  • Panjang garis - Ini adalah jarak yang diambil oleh teks yang terletak di antara margin kanan dan kiri pada baris yang sama. Idealnya, Anda tidak ingin panjang baris terlalu pendek atau terlalu panjang, karena dapat membuat pembacaan konten menjadi lebih canggung dari yang diinginkan.
  • Memimpin – Ini adalah jarak vertikal antara setiap baris teks. Dalam kebanyakan kasus, Anda ingin meningkatkan bagian depan agar lebih mudah dipahami oleh pengguna Anda.
  • kerning – Ini adalah spasi di antara setiap karakter atau huruf. Biasanya, kerning sebaiknya dibiarkan pada nilai default, namun Anda dapat menyesuaikannya lebih lanjut untuk menguji mana yang terbaik untuk situs web Anda.
  • Pelacakan - Elemen jenis huruf ini juga dikenal sebagai spasi huruf, dan berlaku untuk jumlah karakter dan huruf tertentu.

Mengapa Tipografi Penting Untuk Desain Web?

Kesan pertama penting dalam kehidupan pribadi kita, begitu pula di dunia Web. Penelitian Taylor & Francis Online menyimpulkan demikian membutuhkan waktu 05 detik bagi pengguna untuk membentuk opini tentang situs web tertentu.

Tipografi sangat penting karena merupakan salah satu komponen inti desain web Anda. Coba pikirkan: jika orang tidak dapat membaca teks di situs web Anda karena kata-katanya terlalu berdekatan atau ukuran teks terlalu kecil, kemungkinan besar mereka akan meninggalkan situs web Anda dengan tidak puas.

Saat Anda menggunakan tipografi yang buruk di situs web Anda, kemungkinan besar tingkat konversi Anda akan turun, dan itu adalah hal terakhir yang Anda perlukan. Sekalipun calon pelanggan Anda tetap mengunjungi situs web Anda yang menggunakan tipografi buruk, kemungkinan besar mereka tidak akan mengingat pesan yang ingin Anda sampaikan kepada mereka, melainkan perjuangan yang mereka perlukan untuk membaca pesan Anda.

Karena alasan di atas, menggunakan tipografi yang efektif untuk meningkatkan konversi sangat penting. Dengan tipografi yang efektif, Anda dapat mengoptimalkan proses di balik pemahaman informasi yang Anda tampilkan di situs web Anda. Jika Anda memformat teks di situs web Anda dengan baik, semua fokus akan tertuju pada konten dan bukan pada perjuangan untuk memahami konten tersebut.

As kebanyakan orang memindai melalui konten Web, menggunakan teks dan memandu pengguna Anda dengan tipografi yang tepat ke tujuan adalah cara yang tepat untuk meningkatkan konversi!

Tip yang Dapat Ditindaklanjuti Untuk Menggunakan Teks Untuk Meningkatkan Konversi

Sekarang setelah Anda mempelajari lebih banyak tentang tipografi dan bagaimana tipografi membantu membuat konten web Anda menonjol, berikut beberapa tip tentang cara menggunakannya untuk mendorong pertumbuhan situs web Anda!

Ingatlah Ukuran Font!

statistik-pembacaan-ukuran-font

Sumber Gambar: researchgate

Ukuran font sangat penting dalam mempertahankan pengguna Anda dan meningkatkan tingkat konversi lebih lanjut! Ya, otak kita memang memproses gambar puluhan ribu kali lebih cepat daripada teks, jadi cara apa pun untuk meningkatkan waktu proses tersebut dengan teks akan mendapat sambutan hangat!

Ambil contoh, sebuah studi pelacakan mata tentang bagaimana ukuran dan jenis font memengaruhi pembacaan online. Dengan menggunakan font yang lebih besar, keseluruhan teks di situs web cenderung dibaca lebih cepat.

Jadi, jika Anda memiliki situs web yang penuh teks, jangan menyiksa pengguna Anda – perbesar ukuran fontnya! Ya, setiap font berbeda, tetapi berikut adalah konsensus di balik ukuran font untuk situs web yang banyak teksnya:

  • 16 piksel – ini adalah jumlah minimum untuk halaman yang banyak teksnya, jadi jangan berada di bawah angka ini! Pada dasarnya, ukuran font ini adalah ukuran yang dimaksudkan untuk ditampilkan oleh browser secara default, jadi tidak perlu khawatir mengapa ini adalah ukuran minimum.
  • 18 piksel – ini adalah ukuran font rata-rata terbaik untuk halaman yang banyak teksnya, membuat mata orang-orang tidak terlalu tegang saat melihat ke monitor.
  • 20px dan lebih banyak – meskipun awalnya mungkin terasa terlalu besar, beberapa situs web memiliki kinerja lebih baik dengan ukuran font seperti itu. Mengambil Medium, misalnya. Mereka menggunakan ukuran font tubuh 21px untuk membuat jutaan cerita lebih mudah dibaca oleh khalayak yang lebih luas.

Selain itu, ukuran font yang lebih besar cenderung menghasilkan hubungan emosional yang lebih kuat. Mungkin ini langkah yang perlu Anda lakukan agar pengguna mengklik tombol CTA yang menghasilkan konversi?

Jangan Terlalu Sering Menggunakan Gaya Font!

contoh font-huruf-garis-bawah-tebal

Sumber Gambar: umpan teal

Gaya font umumnya meliputi: berani, miring, dan garis bawahi. Ketiganya bisa Anda gunakan untuk memberi penekanan pada kata atau kalimat tertentu. Namun, Anda harus menghindari penggunaannya secara berlebihan, karena ini adalah salah satu kesalahan pengeditan paling umum yang kita lihat di semua konten Web.

Jangan terlalu sering menggunakan gaya font pada seluruh paragraf. Sebaliknya, gunakan kata-kata tersebut untuk menunjukkan kata-kata yang paling ingin Anda sampaikan kepada pengguna Anda. Anda tidak ingin berada dalam situasi di mana Anda menggunakan teks untuk meningkatkan konversi secara tidak tepat.

Sesuaikan Spasi Garis Sesuai!

Kita berbicara tentang memimpin di sini. Ini adalah hal kecil, namun sangat penting dalam menggunakan teks untuk meningkatkan konversi. Jika Anda memiliki audiens yang penglihatannya terbatas, mereka mungkin kesulitan menemukan awal baris teks berikutnya.

Itu sebabnya merupakan praktik umum untuk memberi jarak pada garis Anda setidaknya 25 hingga 30% dari ukuran font Anda. Dengan melakukan ini, Anda akan membuat teks Anda dapat dibaca oleh hampir semua pembaca!

Selain itu, Anda harus selalu memperhatikan diri Anda sendiri tambahkan spasi yang cukup antar paragraf. Pada dasarnya, Anda ingin mengelompokkan paragraf agar selaras dengan pesan yang ingin Anda sampaikan dalam beberapa kalimat. Dengan cara itu, konten Anda akan lebih mudah dibaca kepada audiens target Anda.

Anda juga ingin memperhatikan hierarki visual tipe Anda. Hal ini dapat dilakukan dengan mengatur tag header dengan benar, namun bukan hanya itu yang dapat Anda lakukan. Salah satu cara terbaik untuk memanfaatkan hierarki visual dengan benar adalah dengan memperbesar pesan terpenting yang tercakup dalam teks Anda. Pada akhirnya, Anda ingin memandu pengguna sehingga mereka dapat membaca informasi dalam urutan tertentu yang masuk akal. Ini akan memberi makna lebih pada keseluruhan konten Anda.

Seiring dengan semua hal di atas, memanfaatkan spasi untuk memberikan fokus pada area yang ingin Anda tekankan kepada audiens Anda. Dengan begitu, Anda akan membiarkan desain Anda bernafas, dan memberikan konteks pada tempat yang paling membutuhkannya.

Hindari Garis Janda, Kata Yatim Piatu & Tanda Hubung

Janda dan anak yatim piatu adalah istilah yang cukup umum dalam pengaturan huruf. Sifatnya sangat mirip, tetapi banyak orang yang salah mengartikannya. Janda menunjukkan baris teks akhir paragraf yang berada sendirian di awal halaman. Anak yatim adalah baris pembuka paragraf yang berada di akhir halaman tertentu. Kedua hal ini dapat merusak keterbacaan teks, terutama dalam desain Web.

Nah, memperbaiki kedua masalah ini tidaklah terlalu sulit, dan semuanya tergantung pada tip di atas. Anda dapat menulis ulang sebuah paragraf agar sesuai dengan gambaran besarnya atau menyesuaikan awalan dan spasi untuk membuat paragraf yang lebih rapat.

Selain itu, tanda hubung adalah kejadian umum dalam desain Web dan dapat menyempurnakan atau menghancurkan keseluruhan tipografi di situs Anda. Pada dasarnya, tanda hubung menggunakan tanda hubung untuk memisahkan kata (misalnya: ramah anjing). Masalahnya adalah ketika Anda perlu menggunakan tanda hubung untuk memisahkan kata dari akhir baris. Daripada melakukan itu, tarik saja kata yang diberikan ke baris baru sehingga Anda tidak merusak keterbacaan sama sekali!

Jangan Abaikan Perataan Teks!

Perataan teks sering diabaikan ketika menyangkut teks dalam desain Web. Namun, jika Anda melakukannya dengan benar, hasilnya akan luar biasa dalam hal pemrosesan informasi. Berikut adalah beberapa tip yang harus diikuti ketika berhubungan dengan perataan teks dalam desain Web:

  • Hindari memusatkan paragraf. Meskipun beberapa orang berpendapat bahwa memusatkan seluruh paragraf mungkin tampak lebih artistik, yang mereka lakukan justru sebaliknya. Karena sebagian besar dari kita di masyarakat Barat belajar membaca dari kiri ke kanan, sudah menjadi sifat kita untuk membaca ke awal setiap baris. Jika Anda memusatkan paragraf, otak kita akan lebih sulit memproses semua informasi tersebut.
  • Pusatkan hanya ketika Anda ingin menekankan sebuah pesan. Namun, memusatkan paragraf lebih baik jika tujuan Anda adalah menempatkan fokus pada bagian teks tertentu. Ini menciptakan kontras yang segera menyampaikan pesan kepada pembaca Anda. Memusatkan teks juga berguna untuk header dan kutipan.

Pasangkan Tipografi yang Terlihat Keren Bersamaan!

Contoh font Helvetica-neue-garamond-

Sumber Gambar: Bloq kreatif

Bila Anda hanya menggunakan satu jenis huruf di seluruh situs web Anda, segala sesuatunya mungkin sedikit membosankan. Namun, itu tidak berarti Anda harus menggunakan sepuluh tipografi berbeda di situs web Anda. Kesederhanaan adalah kuncinya di sini, tapi jangan takut untuk bereksperimen sedikit. Lagi pula, Anda ingin konten Anda terlihat semenarik mungkin, bukan?

Salah satu aturan dalam memasangkan tipografi di situs web adalah menggunakan tidak lebih dari dua atau tiga tipografi secara bersamaan. Saat ini, dengan layanan seperti Google Fonts, lebih banyak tipografi yang dapat dirender dibandingkan sebelumnya. Meskipun ini mungkin agak berlebihan, berikut adalah daftarnya 36 pasangan font yang sempurna untuk menginspirasi Anda!

Dengan banyaknya pilihan untuk memilih tipografi dan font, Anda dapat lebih menyesuaikan teks agar sesuai dengan kepribadian unik bisnis Anda. Apakah Anda ingin tampil kreatif atau tradisional? Anda dapat melakukan kedua corak ini dan banyak lagi dengan pilihan jenis huruf yang tepat. Jangan mengabaikannya, karena ini adalah salah satu cara terbaik menggunakan teks untuk meningkatkan konversi!

Ketahui Kapan Membedakan Font Sans-Serif & Serif!

Terkait erat dengan poin di atas adalah dua tipe utama: Sans-Serif dan Serif. Beberapa orang akan berdebat untuk yang satu, beberapa untuk yang lain. Intinya di sini adalah tidak ada penelitian konkrit yang menunjukkan bahwa Sans-Serif lebih baik dari Serif dan sebaliknya. Namun, bukan berarti ada beberapa konvensi yang harus diikuti:

  • Sans-serif lebih mudah dibaca dan lebih baik untuk body copy – jika menyangkut isi konten online, font sans serif berfungsi paling baik di sini. Itu karena tipe ini sederhana dan memerlukan lebih sedikit waktu dari pengguna Anda untuk menguraikan pesan yang ingin Anda sampaikan.
  • Serif lebih baik untuk berita utama – meskipun Serif lebih kompleks daripada Sans-Serif, itulah alasan mengapa Anda ingin menggunakannya untuk headline Anda. Serif mengalir dengan karakter, dan Anda ingin karakter tersebut menguraikan poin utama Anda dengan konten online Anda.

 

Saat Anda menyeimbangkan kedua jenis ini, Anda dapat membuat konten yang menarik secara visual yang akan menarik lebih banyak pengguna untuk membaca keseluruhan konten Anda dan melakukan konversi yang Anda tunggu-tunggu!

Pilih Jenis yang Sesuai dengan Pesan Anda

Orang-orang memang mengaitkan tipografi dengan kepribadian yang berbeda-beda studi yang dilakukan oleh Eva R. Brumberger. Kebanyakan karakteristik jenis huruf dapat dibagi menjadi tiga kategori: keterusterangan, keanggunan, dan keramahan.

Berdasarkan poin yang dikemukakan di atas, pertimbangkanlah pesan seperti apa yang ingin Anda sampaikan dengan situs web dan merek Anda. Apakah Anda ingin terdengar profesional atau menyenangkan? Atau, mungkin Anda ingin terdengar kreatif dan ceria? Atur jenis huruf yang sesuai, dan Anda akan menarik orang yang tepat.

Salah satu bidang bisnis online di mana hal ini berguna adalah email marketing. Berdasarkan belajar dari 2019, untuk setiap $1 yang Anda belanjakan untuk pemasaran email, ROI rata-rata adalah $42! Itu merupakan angka yang sangat besar, dan tidak heran jika banyak bisnis berbasis online yang fokus pada strategi pemasaran email untuk menarik pelanggan baru.

Oleh karena itu, pemasaran email adalah bidang yang sangat kompetitif, di mana setiap detail kecil penting. Salah satu cara terbaik untuk menonjol di mata pelanggan Anda adalah dengan memanfaatkan tipografi yang tepat sesuai dengan pesan yang ingin Anda kirimkan!

Namun, karena semakin banyak bisnis yang memanfaatkan pemasaran email untuk menarik audiens yang tepat, penskalaan menjadi lebih penting dari sebelumnya. Selain itu, jika daftar email Anda penuh dengan individu yang berbeda, seperti profesional dan konsumen sehari-hari, membuat template secara manual akan memakan waktu.

Untungnya, ada lusinan layanan pemasaran email gratis yang akan membantu menghemat waktu Anda dalam tugas-tugas operasional, dan memungkinkan Anda merencanakan dan menyusun strategi lebih lanjut untuk pertumbuhan bisnis Anda! Sebagian besar dari mereka akan menawarkan template email, otomatisasi email, dan pelaporan untuk melacak kampanye pemasaran email Anda.

Gunakan Kontras Untuk Keuntungan Anda

contoh font-kontras

Sumber Gambar: Desain 3.7

Menurut Anda mengapa rambu-rambu jalan begitu mudah dilihat oleh semua orang? Mereka menonjol dari lingkungan lainnya, membuat kita berasumsi bahwa elemen-elemen ini penting. Itulah alasan utama mengapa kita melihat elemen-elemen tersebut terlebih dahulu.

Hal yang sama dapat diterapkan pada desain Web. Menggunakan teks untuk meningkatkan konversi terkadang sesederhana memanfaatkan kontras untuk keuntungan Anda. Apa yang ingin Anda lakukan di sini pada dasarnya adalah meningkatkan keterbacaan sehingga pengguna Anda simpan lebih lama pada konten Anda.

Salah satu cara umum untuk melakukannya adalah dengan menciptakan jumlah kontras yang tepat antara teks dan latar belakang Anda. Ada perdebatan yang sedang berlangsung antara dua jenis kontras:

  • Teks putih dengan latar belakang gelap
  • Teks hitam di latar belakang putih

Meskipun teks putih dengan latar belakang gelap (atau “Mode Gelap”) memiliki kelebihan, penelitian menunjukkan bahwa teks hitam dengan latar belakang terang (atau “Mode Terang”) menghasilkan kinerja yang lebih baik di sebagian besar waktu.

Namun, “Mode Gelap” dapat bermanfaat bagi pengguna yang membaca konten Anda dalam kondisi cahaya redup. Jadi, mengapa tidak menyertakan kedua mode kontras teks dan melihat apa yang terjadi dengan konversi Anda?

Pertimbangkan Usia Pengguna Anda

Menurut Statista, demografi pengguna Internet adalah sebagai berikut:

  • 18 hingga 24 – 18 persen
  • 25 hingga 34 – 32 persen
  • 35 hingga 44 – 19 persen
  • 45 hingga 54 – 14 persen
  • 55 hingga 64 – 10 persen
  • 65 tahun ke atas – 7 persen

Sekarang, pertimbangkan fakta dari CDC bahwa sekitar 12 juta orang yang berusia 40 tahun ke atas mengalami gangguan penglihatan. Pada dasarnya, jika Anda tidak mengoptimalkan teks pada konten online Anda agar dapat dibaca oleh orang-orang dengan gangguan penglihatan, Anda akan kehilangan 50% pengguna Internet.

 

Tipografi hanyalah Puncak Gunung Es!

Tentu saja, menggunakan teks dan tipografi bukan satu-satunya hal yang akan meningkatkan konversi dalam kasus Anda. Anda mungkin perlu mengubah tujuan konten Anda sama sekali atau menargetkan kata kunci yang lebih baik agar peringkat Anda lebih mudah.

Masalahnya adalah, menjadi kreatif dengan pengoptimalan konversi adalah apa yang akan terjadi membedakan Anda dari pesaing dalam jangka panjang. Dan hal yang mungkin membedakan Anda mungkin hanyalah menyempurnakan tipografi Anda!

Jika Anda tidak bisa melakukannya sendiri, Anda selalu bisa temukan desainer web online untuk mengubah konten Web Anda menjadi karya visual. Lagi pula, orang-orang saat ini lebih menghargai konten visual daripada sekadar teks murni.

tentang Penulis

Robert-Brandl

Minat Robert selalu menjadi alat web yang membuat hidup Anda lebih mudah. Itu sebabnya dia mendirikan Situs WebAlatTester, tempat Anda dapat menemukan ulasan dan tutorial untuk pembuat situs web dan platform e-niaga terbaik dunia.

0.00 rata-rata peringkat (0% skor) – 0 orang

Sumber: https://blog.2checkout.com/how-typography-in-web-design-can-boost-sales/

Stempel Waktu:

Lebih dari Pembayaran Blog2