Ketika membicarakan UX atau User Experience, sering kali langsung terpaku pada tata letak, warna, atau elemen interaktif. Namun, ada satu elemen yang secara diam-diam membentuk setiap interaksi dengan produk digital yaitu typography. Mulai dari cara pengguna menelusuri sebuah website hingga bagaimana memandang kepribadian sebuah merek, typography tidak hanya sekadar memilih font, tetapi juga mengenai menciptakan hierarki, keterbacaan, dan koneksi emosional. Dalam UI/UX, typography tidak berperan sebagai hiasan, melainkan sebuah komponen yang krusial dalam memandu perjalanan pengguna, menyampaikan informasi secara efektif, dan membangun kepercayaan pengguna. 

Typography adalah disiplin desain yang berfokus pada penggunaan dan pengaturan jenis huruf untuk menghasilkan antarmuka dan pengalaman yang mudah dibaca, berguna, dan user-friendly. Penemuan typography ada dari sejak tahun 1400 yang ditemukan oleh Johannes Gutenberg. Ia menemukan mesin cetak logam dengan huruf bergerak pertama, yang memicu perkembangan huruf-huruf Eropa. Ia menggunakan bentuk huruf Gotik untuk baris teks yang lebih panjang, yang mengarah pada pengembangan huruf Roman. Huruf miring kemudian digunakan untuk meningkatkan jumlah kata per halaman. Jenis huruf Serif dan Sans-serif modern mendominasi hingga abad ke-20, ketika jenis huruf yang lebih bersih dan mudah dibaca seperti Times New Roman, Futura, Helvetica, dan Arial muncul. 

Berikut adalah istilah-istilah yang biasa dalam Typography:

  1. Typeface: Jenis huruf yang terdiri dari beberapa font. Misalnya, Helvetica. 
  2. Font: Ukuran tertentu dari sebuah jenis huruf atau typeface. Misalnya, Helvetica Bold. 
  3. Character: Elemen individu, yang paling umum berupa huruf, angka, atau tanda baca. 
  4. Baseline: Garis yang tidak terlihat di mana, huruf berada. 
  5. X-height: Jarak antara garis dasar dan tinggi huruf kecil “x”. 
  6. Weight, height, dan size: Mengacu pada ketebalan, panjang, dan ukuran keseluruhan dari sebuah jenis huruf. 
  7. White space/negative space: Ruang antara elemen-elemen dalam komposisi desain. 
  8. Alignment: Posisi dari sebuah teks. Terdiri dari kanan, kiri, tengah, dan justify. 
  9. Hierarki: Prinsip pengaturan elemen berdasarkan tingkat pentingnya. 

5 typeface yang populer di kalangan desainer: 

  1. Serif: Jenis huruf formal dan tradisional ini memiliki garis atau goresan pendek yang melebar di ujung atas dan bawah bentuk huruf. Contoh: Times New Roman. 
  2. Sans serif: Jenis huruf sederhana dan modern ini tidak memiliki hiasan yang terdapat pada jenis huruf serif. Contoh: Helvetica, Arial, dan Calibri. 
  3. Script: Jenis huruf yang mengalir dan berlekuk ini dapat bervariasi dari kaligrafi yang elegan hingga gaya tulisan tangan yang playful. Contoh: Pacifico. 
  4. Monospace: Font bergaya mesin ketik retro ini menampilkan huruf dan spasi dengan lebar tetap, sehingga setiap karakter dalam kata memiliki lebar yang sama. Contoh: Courier dan Source Code Pro.  
  5. Display: Jenis huruf yang mencolok ini dikenal sebagai jenis huruf dekoratif, dapat memberikan sentuhan gaya dan keunikan pada judul, banner, dan logo. Contoh: Clearview. 

Proses memilih typeface meliputi: 

  1. Tentukan ruang lingkup & tujuan: Pahami kebutuhan proyek, audiens, kompetitor, serta media yang digunakan. 
  2. Buat mood board: Bangun tone visual berdasarkan riset. 
  3. Eksplorasi opsi: Gunakan tools seperti Google Fonts dan pilih typeface yang sesuai karakter brand. 
  4. Evaluasi detail desain: Periksa konstruksi huruf, skalabilitas, dan keterbacaan. 
  5. Uji dengan konten nyata: Coba pada ukuran dan konteks berbeda. 
  6. Periksa kontras warna: Pastikan aksesibilitas di mode terang/gelap serta dengan warna brand. 

Prinsip penting typography untuk UX: 

  1. Batasi jumlah typeface (maks. 2–3) agar tidak berantakan dan loading tetap ringan. 
  2. Pilih font yang saling melengkapi dan kontras (misalnya Serif + Sans serif). 
  3. Utamakan keterbacaan, kejelasan, dan aksesibilitas dengan kontras warna yang tepat dan uji coba ke pengguna. 
  4. Gunakan hierarki (ukuran, ketebalan, warna) untuk memandu pengguna dan mendukung SEO. 
  5. Pastikan skalabilitas di berbagai perangkat dan platform. 
  6. Gunakan typography untuk memperkaya UX dengan membentuk mood, tone, dan persepsi brand.