Adakah anda mencipta kandungan editorial? Berhenti membuat beberapa kesilapan biasa yang masih saya lihat terlalu kerap dalam kalangan pelanggan saya, atau dalam kehidupan seharian saya sebagai pembaca.
Berikut ialah panduan praktikal untuk mencipta kandungan yang boleh diakses yang sesuai untuk semua media.
Kerana hari ini, supaya kandungan anda dibaca, difahami dan dihargai, kualiti editorial tidak lagi mencukupi. Ia juga perlu menjaga reka bentuk kandungan : formatnya, strukturnya, kebolehbacaannya dan keupayaannya untuk menyesuaikan diri dengan kegunaan sebenar pembaca anda.
Memahami kepentingan penyesuaian berbilang skrin
Malah pada hari ini, kami melihat terlalu banyak kandungan yang direka terutamanya untuk skrin desktop, tidak berstruktur, sukar dibaca dan secara paradoks tidak sentiasa dioptimumkan, walaupun untuk skrin besar. Namun, menjelang 2025, lebih daripada 70% daripada trafik web global berasal dari mudah alih.
Pada telefon pintar, artikel ini menjadi tidak berkesudahan, padat, tidak diformatkan dan oleh itu cepat ditinggalkan.
Matlamatnya ialah untuk menulis dan menyusun kandungan anda supaya ia sesuai untuk navigasi sentuh dan menatal pantas, tetapi juga kelihatan bagus pada skrin besar. Untuk mengatasi isu ini, pendekatan yang mengutamakan mudah alih adalah penting.
Kepentingan keutamaan yang baik dengan tajuk yang jelas
Hierarki yang baik membantu imbas dengan cepat dan memahami struktur artikel.
Untuk mudah alih, tolong tajuk pendek dan punchyTajuk H2 atau H3 yang baik harus membolehkan pembaca memahami artikel tanpa membaca isi teks. Jika kami hanya mengeluarkan H1, H2 dan H3 daripada kandungan anda, kami harus mendapatkan ringkasan yang jelas tentang keseluruhannya.
Hierarki biasa:
- H1: Tajuk halaman yang unik
- H2: Bahagian utama (setiap 300 hingga 500 patah perkataan)
- H3: Subseksyen jika perlu
Adalah penting untuk membezakan secara visual tajuk dengan saiznya sambil menghormati a skala yang konsisten. Untuk ini anda boleh menggunakan a tangga modular sering digunakan semasa mereka bentuk sistem reka bentuk (cth. 1.250, 1.333, dsb.) untuk mencipta kemajuan yang lancar antara tahap.
Pengurusan teks dan perenggan
Untuk bacaan yang lancar dan menyeronokkan, mulakan dengan grid berpusat dengan lajur utama. Pilih a tipografi yang jelas dengan kontras yang baik untuk mengelakkan sebarang keletihan penglihatan dan jangan sekali-kali membenarkan teks, ia mewujudkan jarak yang tidak teratur yang menyukarkan membaca.
Gunakan huruf tebal untuk kata kunci dan italik untuk nuansa, jarak jarak harus digunakan jarak antara 1.5 dan 1.7 untuk menjadikan teks lebih luas dan lebih mudah dibaca, terutama pada skrin.
Pada mudah alih: amalan terbaik untuk kandungan boleh dibaca
Mudah alih memerlukan lebih ketelitian dalam penstrukturan maklumat; kandungan yang baik mestilah cair, lapang dan pantas untuk dilayari.
- Teks tidak boleh melekat pada tepi skrin, ingat untuk menambah jidar sisi sekurang-kurangnya 16 px
- Saiz fon minimum antara 14 dan 16 px, boleh dibaca
- Elakkan blok teks yang terlalu padat, kerana ia tidak menggalakkan pembacaan pantas semasa menatal.
- 3 hingga 6 garisan visual
Pada desktop: struktur, pengudaraan, hadkan lebar
Walaupun pada skrin besar, kandungan anda tidak seharusnya menjangkau seluruh lebar!
- Lebar bacaan ideal antara 600 dan 750 px maksimum
- Saiz teks dari 16 hingga 18 px
- Panjang baris yang disyorkan, 60 hingga 75 aksara setiap baris
- 2 hingga 4 baris maksimum setiap perenggan
Serlahkan perkara penting tanpa membebankan
Anda boleh menstruktur kandungan menggunakan elemen visual yang bijak seperti senarai bertitik tumpu mata dalam teks untuk menyerlahkan perkara penting, encadrés untuk melaporkan maklumat atau amaran tambahan, dan kotak butiran untuk menyerlahkan definisi, data penting atau ringkasan.
Elemen ini membantu mempercepatkan pembacaan, menarik perhatian kepada perkara yang benar-benar penting dan meningkatkan pemahaman keseluruhan kandungan. Walau bagaimanapun, terlalu banyak elemen visual, seperti yang dinyatakan di atas, boleh menjejaskan hierarki.
Contoh artikel NN/g https://www.nngroup.com/articles/ai-integration-condens/ pada mudah alih dan desktop: struktur yang jelas, tipografi yang boleh dibaca dan reka letak yang lapang untuk bacaan yang selesa.
Pautan dan Seruan Tindakan (CTA)
Pautan dalam kandungan editorial
Pautan dalaman dan luaran memperkayakan artikel, meningkatkan navigasi, mengukuhkan kredibiliti, dan menyumbang kepada SEO. Tetapi integrasi mereka mesti dipertimbangkan dengan teliti.
Pengguna mesti dapat mengenal pasti apa yang interaktif dengan cepat, pautan mesti boleh dikenal pasti dengan jelas, untuk menjadikannya boleh diakses oleh semua orang termasuk orang cacat penglihatan atau buta warna, pautan mestilah boleh dikenal pasti dengan jelas, secara konvensyen kita sering meletakkan a warna yang berbeza dengan garis bawah.
Ia juga tidak disyorkan untuk menukar tajuk (H1, H2, H3) menjadi pautan, melainkan ia adalah pautan dalaman kepada sauh. Di samping itu, perkataan pautan mestilah deskriptif: elakkan pernyataan "klik di sini" yang samar-samar, memihak kepada sauh yang tepat seperti "lihat panduan lengkap kami untuk UX editorial."
CTA
Untuk menjadi berkesan, CTA mesti menggunakan a kata kerja tindakan yang jelas, ringkas dan menarik sebagai contoh: Muat turun panduan, Minta sebut harga ou Lihat artikel penuhTindakan yang dijanjikan hendaklah sentiasa sepadan dengan kandungan atau halaman yang berikut, untuk mengelakkan "perangkap klik", yang sering mengecewakan pengguna.
Berhati-hati dengan CTA yang menyamar sebagai hiperpautan mudah, kerana mereka berisiko tidak disedari. Untuk memaksimumkan keberkesanannya, CTA mesti dapat dikenal pasti dengan segera, secara visual dan semantik.
Letakkan CTA anda secara strategik, selalunya selepas blok maklumat atau pada akhir artikel. Jangan teragak-agak untuk mengulanginya dalam kandungan yang panjang dalam pengenalan, pertengahan dan kesimpulan, selagi kehadiran mereka kekal semula jadi dan tidak mengganggu.
Elemen visual
imej
Imej memainkan peranan penting dalam pengalaman membaca, ia membolehkan kita melakukannya jadikan membaca menyeronokkan, mengukuhkan mesej dan menambah maklumat visual.
Letakkan imej secara strategik, selepas perenggan penjelasan, sebelum perkara penting, untuk menarik perhatian. Di antara perenggan, mereka membenarkan rehat, sejenis rehat visual atau rehat naratif. Sangat berkesan untuk untuk menarik perhatian pembaca, menggambarkan konsep yang kuat atau tenggelam dalam suasana.
Elakkan imej "hiasan" yang tidak menarik atau imej stok yang terlalu generik. Imej harus jelas menggambarkan idea atau emosi teks. Walau bagaimanapun, berhati-hati: terlalu banyak imej memperlahankan pemuatan dan mengalih perhatian daripada membaca.
Dan mengenai kebolehaksesan, jangan lupa untuk menamakan imej dengan jelas untuk menjadikannya jelas dan deskriptif, dan fikirkan tentang teg ALT deskriptif untuk pembaca skrin.
Contoh artikel NN/g https://www.nngroup.com/articles/ux-copy-sizes/ imej mengukuhkan pemahaman sambil menghormati kepantasan membaca, visual yang direka untuk semua media.
Infografik, Ilustrasi & Grafik
Elemen visual ini memainkan peranan penting: ia membantu meringkaskan maklumat penting dengan berkesan, memudahkan konsep yang kompleks, meningkatkan hafalan dan menggalakkan perkongsian kandungan.
Untuk menjadikannya benar-benar berguna, pastikan ia direka dengan cara yang jelas dan boleh dibaca, dengan teks yang cukup besar, terutamanya untuk penyemakan imbas mudah alih. Ingat bahawa pada telefon pintar, imej dipaparkan dalam format yang dikurangkan, elakkan memaksa pengguna untuk mengezum masuk, dan pastikan maklumat itu kelihatan pada pandangan pertama, seperti pada skrin desktop.
Walau bagaimanapun, mesej ilustrasi atau maklumat grafik tidak seharusnya bergantung pada visual semata-mata. Pertimbangkan untuk mengiringinya dengan teks deskriptif supaya maklumat itu juga boleh diakses oleh orang yang tidak dapat melihat imej, terutamanya mereka yang menggunakan pembaca skrin. Jika imej mengandungi data penting, huraikannya dengan jelas dan lengkap.
video
Mereka menawarkan alternatif yang menarik kepada bacaan tradisional dan boleh membantu menambah maklumat. Walau bagaimanapun, tambah ringkasan atau perkara penting Selain itu, ini membantu pengguna yang lebih suka membaca atau tidak dapat menonton video.
Hos video pada platform seperti YouTube atau Vimeo supaya tidak menambah masa memuatkan halaman anda. Ingat untuk menghidupkan atau mengaktifkan sari kata untuk meningkatkan kebolehaksesan dan membenarkan tontonan tanpa bunyi.
dalam kesimpulan
Kandungan editorial yang baik bukan lagi hanya mengenai teks yang baik. Ia adalah a pengalaman membaca dengan haknya sendiri, di mana bentuk menyajikan kandungan, di mana ergonomik menyumbang sebanyak impak seperti kualiti editorial. Ia adalah mengenai mencari kecairan, hierarki, keseimbangan. Pendek kata, ia adalah mengenai menulis dengan jelas, tetapi juga dengan empati.
Anda tidak seharusnya mengabaikan pengalaman desktop, tetapi kandungan harus direka bentuk diutamakan mudah alih, untuk disesuaikan dengan semua format. Ingat untuk menguji reka letak anda pada peranti mudah alih sebenar, bukan hanya dalam alat pratonton.
Anaëlle Staelen, pereka bentuk UX/UI dan pereka produk di UX-Republic
