5 Perubahan Font Sederhana untuk Meningkatkan Pembaca, Komentar, dan Berbagi di Blog Anda

Posting tamu ini dibuat oleh Bnonn dari Information Highwayman.

Anda mungkin tidak menyadarinya, namun pengaturan font di blog Anda dapat berdampak besar pada jumlah orang yang membaca konten Anda.

Dan berapa banyak orang yang membaca konten Anda memiliki pengaruh besar terhadap viral atau tidaknya suatu postingan.

Seberapa besar? Berdasarkan beberapa laporan yang pernah saya baca, satu kesalahan umum pada warna saja dapat mengurangi jumlah pembaca hingga lima kali lipat. Dan jika Anda tidak melakukan kesalahan itu, Anda mungkin melakukan setidaknya satu dari empat kesalahan lainnya. Jadi dalam artikel ini, saya akan memberi Anda lima praktik terbaik yang paling penting dalam menyajikan teks agar pembaca tetap terpaku pada konten Anda, dan menjauhi tombol kembali yang lama.

Ukuran font—minimal 16 piksel

Masalah keterbacaan yang paling atas adalah ukuran font. Pada tahun 2005, Jakob Nielsen melaporkan bahwa dalam survei masalah desain web, font yang buruk mendapat suara dua kali lebih banyak dibandingkan pesaing berikutnya—dengan dua pertiga pemilih mengeluhkan ukuran font yang kecil.

Sayangnya, tidak ada yang berubah sejak saat itu. Pengambilan sampel acak desain blog baru di SiteInspire (galeri desain web yang menampilkan desain terbaik dari yang terbaik) menunjukkan bahwa ukuran font rata-rata untuk body copy adalah 12 piksel . Beberapa serendah sepuluh piksel . Tidak ada yang lebih dari 14 piksel . Demikian pula, jika Anda secara acak mengambil sampel penawaran dari Tema Elegan atau ThemeForest yang populer, Anda akan menemukan bahwa setiap tema menetapkan konten postingan pada 12 atau 13 piksel.

Dan tentu saja, pembuat tema lain cenderung mengikuti jejak para petinggi.

Namun seperti yang ditunjukkan oleh pakar kegunaan dan tipografi Oliver Reichenstein dari Information Architects, 16 piksel adalah ukuran font yang dimaksudkan untuk ditampilkan oleh browser secara default—dan itu tidak besar. Teks 16 piksel pada layar rata-rata terlihat berukuran sama dengan teks 12 poin yang dicetak. Itu adalah ukuran default untuk sebagian besar majalah, serta semua pengolah kata, karena ini adalah ukuran yang paling nyaman dibaca oleh orang-orang. Banyak orang—terutama mereka yang berusia di atas 40 tahun—merasa sangat sulit membaca teks yang lebih kecil. Seperti yang diamati oleh Reichenstein:

Tidak ada alasan untuk menampilkan begitu banyak informasi di layar. Itu hanyalah kesalahan kolektif bodoh yang terjadi pada masa ketika layar masih sangat, sangat kecil… Pada awalnya, Anda akan terkejut betapa besarnya teks default. Namun setelah satu hari, Anda tidak akan ingin melihat ukuran font yang lebih kecil dari 100% untuk teks utama. Tampaknya besar pada awalnya, tetapi setelah Anda menggunakannya, Anda segera menyadari mengapa semua pembuat browser memilih ini sebagai ukuran teks default.

Gunakan teks gelap pada teks terang—terbalik tidak baik

Untungnya kita sudah melewati hari-hari ketika penulis konten menganggap fuchsia pada teks biru itu keren. Namun teks putih di atas hitam , yang dikenal sebagai tipe terbalik, masih cukup umum. Begitu pula varian seperti putih pada beberapa warna gelap lainnya.

Tipe terbalik tidak hanya mengurangi jumlah orang yang mau membaca konten Anda, tetapi juga pemahaman mereka terhadap konten tersebut. Ini karena membuat mata tegang. Menatap teks terbalik dalam waktu lama cenderung menciptakan semacam efek “silau”, yang membuat Anda merasa huruf-hurufnya terlalu terang untuk dilihat. Bergantung pada penelitian apa yang Anda konsultasikan, penelitian menunjukkan bahwa teks terang di atas gelap mengurangi jumlah pembaca Anda antara 50% dan 400%.

Mengapa mengambil risiko kehilangan begitu banyak pembaca? Hitam atau abu-abu sangat gelap di atas putih terlihat bersih, dan ada banyak tema bagus yang menggunakan warna tersebut.

Lebar garis—45 hingga 75 karakter

Inilah aturan lain yang jarang diketahui dan dilanggar oleh banyak blog. Agar mata Anda dapat dengan mudah mengikuti satu baris ke baris berikutnya, Anda ingin tidak lebih dari 75 karakter di setiap baris. Ini disebut ukuran garis. Di luar ukuran 75 karakter, sulit untuk melacak akhir satu baris ke awal baris berikutnya tanpa tersesat.

Di sisi lain, jika Anda memiliki ukuran kurang dari 45 karakter, mata Anda akan cepat lelah, karena Anda baru saja mulai membaca satu baris ketika Anda harus melompat ke baris berikutnya. Anda merasa tidak pernah mendapat kesempatan untuk beristirahat.

Oleh karena itu, area konten postingan ideal Anda akan memiliki baris teks sepanjang sekitar 60 karakter. Tentu saja, Anda juga harus mempertimbangkan estetika. Di banyak blog, ukuran “ideal” meninggalkan celah besar di margin kanan, atau membuat teks tampak terjepit di area kecil. Saya menggunakan ukuran sekitar 70 karakter di situs web saya sendiri untuk alasan tersebut. Namun jika Anda melampaui 80 karakter, Anda mengurangi jumlah pembaca—dijamin.

Tinggi garis—130% atau lebih

Untungnya ini adalah kesalahan yang jarang terjadi. Jika Anda menggunakan tema profesional, Anda mungkin tidak perlu khawatir.

Sebagai contoh, saya telah mengatur paragraf ini pada tinggi baris default (juga disebut terdepan, setelah potongan timah digunakan untuk memisahkan baris teks pada mesin cetak lama). Terasa sempit dan tidak menarik untuk dibaca, serta sulit mengikuti baris demi baris karena menyatu satu sama lain.

Di sisi lain, paragraf ini diatur dengan tinggi baris 200%—setara dengan spasi ganda di pengolah kata. Saya yakin Anda akan setuju bahwa garis-garis di sini terasa terlalu terputus satu sama lain, dan kecuali Anda mengirimkan makalah penelitian, ini bukanlah cara yang tepat.

Terakhir, paragraf ini diatur dengan tinggi garis 150%. Artinya, untuk setiap piksel ukuran font, terdapat satu setengah piksel jarak antar baris. Ini ternyata merupakan titik terbaik yang dapat diandalkan untuk sebagian besar font yang mungkin Anda gunakan di blog—tetapi jangan ragu untuk bereksperimen antara sekitar 130% dan 160% untuk melihat mana yang paling cocok untuk konten Anda.

Margin kiri—jangan rusak

Tip terakhir ini sebenarnya bukan masalah font. Tapi itu masuk dalam kategori umum yang sama. Blogger secara rutin menyertakan gambar dalam postingan mereka. Apakah itu benar-benar ide yang bagus atau tidak adalah topik yang akan dibahas lain kali—tetapi untuk saat ini, izinkan saya memberi Anda satu nasihat saja.

Margin kiri itu sakral. Begitulah cara kami melacak teks pada suatu halaman di dunia Barat. Ini adalah “dasar” tempat tumbuhnya garis-garis (sering kali dengan panjang yang berbeda-beda), dan ini adalah fondasi jalur mata kita saat kita membaca halaman ini.

Tetapi jika Anda mematahkan margin kiri, semuanya akan menjadi buruk. Mata Anda harus mengamati sekeliling untuk mencoba mengambil margin baru, sehingga Anda dapat terus membaca.

Dengan kata lain, setiap kali Anda menyelaraskan gambar ke kiri, Anda memberikan kejutan cepat pada jalur pembaca Anda. Dan Anda memperparah masalah dengan mengalihkan perhatiannya dari teks dengan gambar visual dominan Anda. Tentu saja, pembaca yang terus-menerus terganggu dan harus memindahkan margin kiri sering kali tidak membaca sampai akhir postingan—sehingga mereka sering tidak membagikan atau mengomentarinya.

Tip bonus: drop caps meningkatkan jumlah pembaca

Yang saya maksud dengan “drop caps” adalah huruf kapital awal, di mana huruf pertama dari kata pertama postingan Anda terlihat jauh lebih besar daripada huruf lainnya. Menurut penelitian yang dilakukan oleh Ogilvy & Mather, hal ini meningkatkan jumlah pembaca rata-rata sebesar 13%.

Drop caps tidak disertakan di sebagian besar tema blog, dan mungkin sulit dilakukan di web, namun jika Anda ingin sedikit coding, lihat tutorial tentang cara membuatnya.

Lima kesalahan: mana yang Anda lakukan?

Sekaranglah waktunya untuk kembali ke blog Anda dan melihat mana dari lima praktik terbaik penting yang tidak Anda praktikkan. Kalau begitu, perbaiki! Tapi jangan lupa untuk membagikan perubahan yang Anda buat di komentar di bawah!

Bnonn dikenal di wilayahnya sebagai Petugas Informasi, dia membantu usaha kecil menjual lebih banyak secara online dengan meningkatkan salinan dan desainnya. Saat dia tidak terlalu tertarik dengan beranda seseorang, dia mengajari anak-anaknya tentang steampunk, Nathan Fillion, dan cara bergulat dengan zombie tanpa mendapat sedikit pun.