Mengapa Tipografi Dapat Membuat atau Merusak Situs Web Anda

Ini adalah entri kontributor tamu. Pandangan dan pendapat yang terkandung dalam konten ini adalah sepenuhnya milik penulis dan bukan cybernaira.

Saat Anda mencoba memecah elemen yang paling penting saat membuat situs web Anda, biasanya ada dua hal yang muncul di benak Anda: desain dan konten. Tidak ada keraguan bahwa mereka adalah bintang pertunjukan. Tapi sama seperti bintang mana pun, mereka sangat bergantung pada elemen yang lebih rendah untuk melengkapi gambar.

Salah satu yang kurang mendapat perhatian adalah tipografi. Dan itu agak aneh karena merupakan bagian integral dari desain DAN konten. Ini juga memainkan peran kunci dalam tingkat konversi yang menaklukkan segalanya.

Mungkin sulit untuk membayangkan bagaimana hal itu bisa terjadi, tetapi pada akhir artikel ini, Anda akan sulit membayangkan bagaimana Anda mengaturnya selama ini tanpa mengetahui apa pun tentang aturan tipografi.

Namun, jangan merasa terlalu buruk tentang itu. Sebagian besar pemilik situs web dan lebih buruk lagi, pemasar internet, berada di kapal yang sama.

Sangat mungkin bahwa mereka telah menghabiskan banyak waktu dan upaya untuk mengoptimalkan situs web mereka untuk SEO dan konversi tanpa mempertimbangkan elemen tipografi. Padahal dampak psikologisnya telah terbukti secara ilmiah.

Jika Anda telah melakukan semua yang Anda bisa dengan situs Anda, dan konversi Anda masih di bawah ekspektasi, penyebabnya mungkin adalah keputusan yang Anda buat (atau tidak Anda buat) tentang tipografi.

Tipografi Ditentukan.

Sebelum melangkah lebih jauh, Anda harus tahu dulu apa itu tipografi. Dalam istilah yang paling sederhana, tipografi adalah desain teks Anda. Ini ada hubungannya dengan tampilannya, ruang yang ditempatinya, dan cara pemindaiannya.

Saat pengguna membuka halaman di situs Anda, hal pertama yang mereka lakukan adalah memindai halaman tanpa membaca apa pun. Mereka membentuk kesan tentang halaman itu berdasarkan tampilannya, dan dalam banyak kasus, itu melibatkan tampilan teks. Pertimbangkan situs ini:

Bandingkan dengan yang ini:

Apakah Anda memperhatikan perbedaan tipografi?

Meskipun situs kedua mungkin merupakan situs yang lebih berguna bagi Anda daripada situs pertama, kemungkinan besar Anda akan menutupnya.

Mengapa?

Karena sangat sulit untuk memindai.

Yang pertama jauh lebih mudah untuk dipindai sehingga Anda cenderung memiliki kesan yang baik (dan kesan buruk dari yang kedua) tanpa mengetahui apa-apa tentang kedua situs tersebut.

Karena situs kedua membuat pilihan yang buruk dalam desain dan tipografi, setiap nugget kebijaksanaan yang mungkin ada di halaman kemungkinan besar akan tetap tidak ditemukan oleh sebagian besar pengunjungnya, dan itu berarti konversi yang rendah.

Sekarang, Anda mungkin berpikir bahwa tipografi hanyalah tentang font yang Anda pilih. Itu hanya satu bagian dari persamaan. Font itu penting, tentu saja, tetapi hanya mengacu pada gaya jenis huruf tertentu.

Jenis huruf itu sendiri adalah sekelompok font yang memiliki karakteristik umum yang sama, jadi Anda akan memanfaatkan waktu Anda dengan lebih baik untuk mempelajari efek jenis huruf daripada font tertentu.

Contoh yang sangat familiar adalah Arial, yang merupakan tipografi, bukan font. Hal yang sama berlaku untuk Times dan Garamond, yang memiliki berbagai font berbeda.

Selain jenis huruf dan font, Anda juga perlu mempertimbangkan

• Panjang garis
• Memimpin – spasi baris
• Kerning – spasi putih di antara huruf atau karakter
• Pelacakan – spasi huruf seragam

Ini semua (atau setidaknya, mereka harus) datang bersama di situs web Anda dengan sengaja, dan untuk melakukan itu, Anda perlu mengetahui peran dan dampak tipografi.

Peran Tipografi

Tujuan utama mempelajari tipografi berkaitan dengan mempromosikan keterbacaan dalam arti literal daripada komprehensif. Teks yang diatur terlalu rapat, terlalu panjang, terlalu kecil, terlalu keriting, atau kontrasnya terlalu rendah akan sulit dibaca.

Anda hanya perlu bertanya pada diri sendiri apa yang akan Anda lakukan ketika dihadapkan dengan blok teks yang tidak dapat Anda baca dengan mudah. Kebanyakan orang akan meninggalkannya begitu saja.

Dalam beberapa kasus, Anda mungkin tetap mencoba membacanya, tetapi kemungkinan besar Anda tidak akan mengerti apa yang Anda baca, atau Anda tidak akan membacanya sampai akhir. Juga sangat mungkin bahwa satu-satunya takeaway Anda adalah bahwa itu lebih banyak masalah daripada nilainya.

Peran tipografi adalah untuk memastikan Anda menyampaikan pesan Anda kepada pembaca. Ini mungkin informasi atau promosi penjualan. Itu tidak masalah.

Yang penting adalah bahwa semua upaya Anda untuk membawa orang ke situs Anda akhirnya membuahkan hasil, dan tipografi yang baik memastikan pengunjung Anda setidaknya akan memahami apa yang Anda katakan.

Memimpin mereka.

Anda mungkin tahu bahwa pengguna online cenderung membaca dalam pola yang dapat diprediksi. Satu studi menunjukkan itu mengikuti pola-F, dan yang lain menunjukkan itu di atas flip. Anda dapat menggunakan pengetahuan ini untuk menempatkan teks "penting" di jalur pembaca, meskipun itu dapat menghadirkan beberapa masalah desain dan teknis.

Pilihan yang jauh lebih mudah dan fleksibel adalah membuat hierarki visual menggunakan tipografi.

Akibatnya, Anda mengarahkan pembaca Anda ke bagian "penting" dari teks Anda dengan menggunakan ukuran, gaya, dan warna teks yang tepat. Untuk itu, Anda perlu mengetahui bagaimana orang memandang dan mengatur informasi visual, dan teori Gestalt menguraikannya untuk Anda.

Secara sederhana, teori tersebut menyatakan bahwa orang cenderung melihat informasi dalam kelompok dalam hal kesamaan, kedekatan, kelanjutan, penutupan, dan figur dan dasar. Untuk menarik perhatian ke elemen tertentu di halaman Anda, Anda perlu menarik perhatian pembaca ke sana.

Misalnya, jika Anda ingin menarik perhatian ke tautan "Unduh" di salinan Anda, Anda dapat menggunakan teori kesamaan Gestalt dengan membuatnya menjadi berbagai macam warna atau font.

Anda juga dapat menggunakan kedekatan dengan meletakkan kata "Unduh" pada baris terpisah. Strategi lain adalah menggunakan lanjutan dengan menggunakan panah melengkung untuk menunjuk ke kata yang perlu mereka klik.

Membentuk Persepsi.

Sejauh ini, kita telah membahas bagaimana tipografi dapat mengarahkan pembaca ke elemen tertentu di halaman Anda, tetapi kita belum melihat bagaimana tipografi dapat memengaruhi perilaku pengambilan keputusan pembaca. Ini sangat penting karena konversi tergantung pada tingkat yang signifikan

Hal ini penting karena konversi tergantung pada tingkat yang signifikan pada persepsi pembaca. Seperti yang mungkin Anda bayangkan, persepsi positif adalah apa yang ingin Anda ubah.

Ternyata, jenis huruf yang Anda pilih memiliki dampak terukur pada persepsi pembaca tentang konten. Sebuah studi baru-baru ini menunjukkan bahwa penggunaan tipografi yang berbeda menimbulkan respons emosional yang berbeda untuk konten yang sama.

Ketika pernyataan itu disajikan dalam jenis huruf Baskerville, banyak orang yang mempercayai pernyataan itu.

Namun, ketika disajikan dengan pernyataan yang sama dalam jenis huruf Comic Sans, banyak orang yang tidak setuju dengannya. Tampaknya menunjukkan bahwa jenis huruf mempengaruhi persepsi kredibilitas pernyataan tersebut.

Cukup mudah bagaimana itu bisa terjadi. Perhatikan pernyataan berikut:

Tanpa mengetahui nama jenis huruf keduanya, mana yang menurut Anda lebih berwibawa?

Sekarang, itu tidak berarti bahwa jenis huruf seperti Comic Sans tidak memiliki tempat dalam desain situs web dan bahwa kita semua harus menggunakan Baskerville sebagai jenis huruf kita. Intinya, tipografi Anda mencerminkan kepribadian situs Anda dan target pasar Anda.

Jika Anda berurusan dengan CEO dan eksekutif lain di industri teknologi tinggi, maka jenis huruf formal seperti Baskerville dapat membuat situs Anda terlihat profesional.

Di sisi lain, jika Anda melayani anak-anak atau orang tua mereka, Comic Sans dapat memberikan nada kesenangan dan keramahan yang tepat.

Jika Anda melayani pasar yang berbeda, ada banyak pilihan di luar sana yang berada di antara keduanya. Anda perlu mencari tahu apa yang terbaik untuk Anda.

Membuatnya Mudah Dibaca.

Hal berikutnya yang perlu Anda ketahui adalah seberapa besar cukup besar untuk dibaca. Menganggap halaman Anda dapat dipindai, perhatian Anda selanjutnya adalah memastikan pengguna dapat membaca konten Anda semudah mungkin, dan ukuran memang penting. Tidak ada aturan keras dan cepat untuk ini, tetapi a

Tidak ada aturan keras dan cepat untuk ini, tetapi sebuah penelitian yang dilakukan di Wichita State University terhadap 8 tipografi paling populer yang digunakan secara online menemukan bahwa tipografi yang paling mudah dibaca adalah Arial dengan ukuran 14 poin dan Courier dengan ukuran 12 poin. Yang paling tidak terbaca

Yang paling tidak terbaca adalah Comic Sans (sekali lagi), meskipun tetap menjadikan kelas sebagai font pilihan bersama dengan Arial dan Verdana.

Jika Anda lebih suka jenis huruf yang berbeda dari yang termasuk dalam penelitian ini, Anda perlu melakukan penelitian sendiri dalam menentukan ukuran font yang paling mudah dibaca untuk konten Anda. Anda dapat mengikuti tips dalam artikel ini untuk memulai. (Peringatan: Beberapa matematika terlibat!)

Namun, sebelum Anda memulai sendiri, Anda harus tahu bahwa ada cukup banyak perdebatan yang terjadi mengenai gaya jenis huruf yang lebih baik, serif atau sans serif.

Contoh jenis huruf serif adalah Times, dan jenis huruf sans serif adalah Arial. Secara umum, tipografi sans-serif lebih mudah dibaca dalam berbagai ukuran dibandingkan dengan tipografi serif, terutama karena lebih sederhana.

Meningkatkan Mood dan Kognisi.

Terakhir, tipografi memiliki pengaruh yang signifikan terhadap suasana hati dan pemahaman pembaca, seperti yang ditunjukkan dalam penelitian ini. Secara abstrak, penulis menyimpulkan bahwa "tipografi yang baik menginduksi suasana hati yang baik" dan ini mempengaruhi kinerja kognitif mereka.

Dengan kata lain, jika Anda merasa mudah untuk membaca teks, Anda cenderung merasa lebih baik dan dapat lebih mudah memahami apa yang Anda baca. Anda mungkin mengetahui hal ini secara intuitif, tetapi itu bagus ketika diukur.

Namun, intinya lebih dari akademis.

Sangat penting untuk tingkat konversi Anda bahwa pembaca Anda berada dalam suasana hati yang baik ketika mereka membaca salinan Anda karena mereka lebih cenderung menerima ajakan Anda untuk bertindak, apa pun itu.

Jika tipografi yang baik akan memberi Anda itu, mengapa Anda tidak melakukan yang terbaik untuk memberikannya kepada mereka?

Kesimpulan.

Seperti yang dikatakan oleh pembicara motivasi Steve Backley, “Langkah pertama adalah yang paling penting. Ini adalah yang paling penting dan paling efektif karena akan memulai arah yang telah Anda pilih.” Anda telah mengambil langkah pertama yang penting dalam memahami mengapa tipografi penting untuk situs web Anda.

Ini telah memberi Anda arahan untuk langkah selanjutnya, yaitu mempraktikkan semua yang telah Anda pelajari.

Tentang Michie Victoriano:

Saya seorang Riset Pemasaran dan Analis dengan pengalaman lebih dari 6 tahun di bidang Pemasaran, Riset, Analisis, dan Pemasaran Online; dengan pengalaman 2 tahun di Search Engine Optimization. Seorang freelancer saat ini. Senang bermain video game, basket, dan sangat menyukai kopi.