Dalam setiap antara muka, kami memilih untuk menyerlahkan teks, tajuk, perenggan, pautan untuk mencipta dialog dengan pengguna kami.
Tetapi semasa audit yang saya dapat lakukan pada antara muka web atau mudah alih, saya sering menunjukkan ralat dalam tipografi dan gaya tipografi.
Selalunya dianggap sebagai butiran kecil, ralat ini sebenarnya menghalang komunikasi anda.
Sesungguhnya, pengguna tidak mengenali anda dan jika perangkap menghalangnya atau memperlahankan bacaannya, dia tidak semestinya akan menggandakan usahanya untuk mencapai mesej anda.
Dengan mengelakkan 7 ralat ini, anda akan meningkatkan kebolehbacaan perenggan berbeza antara muka anda, meningkatkan keselesaan dan mengurangkan masa membaca.
Objektif artikel ini adalah untuk mengetahui cara mengesan ralat ini dan dapat membetulkannya. Tetapi juga untuk memperoleh pemahaman yang lebih baik tentang gaya tipografi yang berlabuh dalam penggunaan pada masa kini pada antara muka digital dan menggunakannya dengan bijak.
#1 Semua Caps
Subjek penggunaan huruf besar untuk teks antara muka boleh menimbulkan perdebatan tetapi banyak kajian telah membuktikan bahawa perenggan sepenuhnya dalam huruf besar boleh menjadi rumit untuk dibaca dan kebolehbacaan dikurangkan.
Selalunya digunakan untuk menyerlahkan teks, menjadikannya lebih penting dan/atau lebih kelihatan, kami menyedari bahawa ini menghasilkan kesan sebaliknya. Sesungguhnya, pengguna mengenal pasti unsur-unsur ini dalam huruf besar dan lebih suka melepasinya.
Atas 2 sebab:
- Kesan yang kadangkala menimbulkan kebimbangan dan agresif membaca teks dalam huruf besar. Pengguna mungkin mempunyai tanggapan bahawa dia sedang dijerit dan terdapat satu bentuk kegelisahan dalam mesej kami.
- Terdapat sedikit petunjuk untuk mengenal pasti huruf dan keistimewaannya, yang merumitkan tugas bagi pengguna untuk membezakan huruf antara satu sama lain. Teks menjadi lebih sukar dan lebih panjang untuk dibaca. Perkara terakhir ini sangat penting kerana anda perlu ingat bahawa pengguna membaca sangat sedikit di web. Selalunya maklumat itu diimbas. Menggunakan huruf besar akan menghalang pengguna daripada melakukan ini. Dan apabila dia mula membaca, dia akan menjadi perlahan dan ini akan menimbulkan kekecewaan. Dia akan mempunyai kesan tidak maju dalam bacaannya.
#2 Mengguna pakai terlalu banyak fon
Dalam perenggan, kita kadang-kadang tergoda, untuk mencipta hierarki tertentu, untuk menggunakan fon yang berbeza.
Ini akan mewujudkan ketidakseimbangan dan mengelirukan pengguna anda. Adalah lebih baik untuk kekal konsisten dalam bentuk untuk menyampaikan mesej anda dengan lebih impak dan jelas.
Tiada apa-apa yang menghalang anda daripada mengemukakan idea atau ayat dengan menonjolkan lemak sebagai contoh. Tetapi anda perlu memilih!
#3 Tekankan banyak elemen
Amalan yang baik apabila menyediakan perenggan kepada penggunanya ialah menyerlahkan kata kunci tertentu.
Walau bagaimanapun, penjagaan harus diambil untuk tidak mempunyai terlalu banyak gaya teks yang berbeza kerana ini boleh mengelirukan pengguna.
Adalah lebih baik untuk menentukan perenggan anda dengan lebih awal dan menyerlahkan secara visual konsep utamanya.
Perlu diingat bahawa akan ada gaya grafik tertentu ini tetapi juga perkataan tertentu dalam huruf condong (untuk perkataan daripada bahasa lain misalnya), pautan bergaris / berwarna.
#4 Gunakan gaya pautan untuk elemen lain
Apabila elemen digariskan dalam antara muka, pengguna terbiasa mencari pautan di sana. Dia mengklik padanya dan akan dialihkan ke halaman baharu.
Cuma, selalunya semasa audit antara muka, kami dapati, contohnya, sari kata menggunakan gaya grafik ini. Ini boleh mengelirukan pengguna.
Lebih baik bermain lemak, warna atau saiz sebagai contoh.
# 5 Pusatkan teks
Ini mungkin perkara pertama yang saya pelajari sebagai pereka ketika saya mula. Saya cenderung untuk memusatkan semua elemen.
Ini adalah amalan yang baik dalam cetakan tetapi tidak disyorkan untuk web. Adalah lebih baik untuk menjajarkan teks ke kiri untuk menyusun blok dan dengan itu memberikan keselesaan membaca kepada pengguna kami.
# 6 Wajarkan teks
Ini juga berlaku untuk justifikasi teks. Digunakan secara meluas dalam penerbitan tetapi masih kurang diuruskan di web kerana antara muka adalah dinamik dan bergerak mengikut resolusi. Oleh itu, adalah sangat rumit untuk mengekalkan hasil yang koheren dan boleh dibaca.
#7 Salah urus jarak baris
Kadang-kadang kita cuba menjimatkan ruang. Pada masa lain, kami fikir - salah - bahawa adalah lebih selesa untuk membaca untuk mengurangkan jarak baris perenggan.
Jika jarak baris terlalu kecil, huruf akan bersentuhan antara satu sama lain dan akan berlaku masalah kebolehbacaan. Jika jarak baris terlalu besar, jarak baris akan terlalu jauh dan oleh itu akan menyebabkan pengguna lebih banyak usaha untuk membaca dengan jayanya.
Tiada jarak baris yang ideal, ia bergantung pada setiap tipografi. Oleh itu, ia mesti dikaji dan diuji untuk mencari nisbah yang tepat yang akan memudahkan pembacaan.
# Untuk menyimpulkan
7 petua yang dikongsi ini akan membolehkan anda menawarkan keselesaan membaca kepada pengguna anda. Mereka akan membantu anda menyampaikan mesej anda dengan cara yang betul dengan nada yang betul.
Seperti yang saya katakan, ini adalah ralat yang sering saya temui semasa audit antara muka. Ia mudah diubah suai dan akan membolehkan anda meningkatkan kebolehbacaan teks anda.
Sumber imej: https://undraw.co/illustrations
Alexa CUELLAR Pereka UX-UI @UX-Republic
