Desain Web Selesai dengan Baik: Editorial Luar Biasa
Diterbitkan: 2022-03-10Banyak pembicaraan desain web menyangkut dirinya sendiri dengan apa yang terjadi di sekitar konten. Kecepatan halaman, sistem desain, optimisasi mesin pencari, kerangka kerja, aksesibilitas — daftarnya terus bertambah. Ini memberi kita banyak hal untuk ditulis di Smashing Magazine , yang sangat bagus, meskipun perlu diingatkan pada diri kita sendiri apa gunanya semua itu.
Dalam edisi ketiga dari seri Web Design Done Well ini, kami mengasah detak jantung banyak situs web: konten. Lebih tepatnya, konten editorial. Web telah memberi pendongeng pilihan alat yang luar biasa untuk digunakan, dan sebagai jurnalis semi-kompeten sesekali, saya suka sendok yang bagus.
Berikut ini adalah contoh teknologi web yang dijalin dengan konten editorial untuk membawanya ke tingkat berikutnya. Kami kemudian akan menutup dengan tips yang lebih luas tentang berpikir kreatif tentang konten digital. Bahkan sekarang, kewalahan oleh lini produksi konten, hal-hal baik masih bersinar.
Bagian Dari: Desain Web Dilakukan dengan Baik
- Bagian 1: Yang Biasa Menjadi Luar Biasa
- Bagian 2: Memanfaatkan Audio
- Bagian 3: Editorial Luar Biasa
- Juga, berlangganan buletin kami agar tidak ketinggalan yang berikutnya.
Reuters Condong ke Swiping
Dalam bagian tentang rasisme sistemik di AS ini, Reuters membentuk konten di sekitar menggesek, memecah cerita menjadi potongan-potongan kecil. Membaca terasa jauh lebih terarah daripada melalui pendekatan pengguliran tradisional. Ini seperti membalik halaman buku. Di ponsel, Anda benar-benar membolak-balik ke bagian berikutnya. Itu membuat pelaporan cepat dan cepat — dan itu belum lagi visualisasi data luar biasa yang dipamerkan.

Kita hidup di dunia yang mengutamakan seluler. Tidak ada gunanya menjadi berharga tentang ini. Ya, spread majalah memiliki kelas tertentu tentang mereka. Ya, tampilan desktop memberi Anda kanvas yang lebih besar untuk digunakan. Kenyataannya adalah kebanyakan orang akan melihat apa yang Anda publikasikan di ponsel, jadi bersandarlah padanya. Untuk pendekatan serupa, 'cerita ketukan' oleh The New York Times dan Input ini juga sangat bagus. Bagi mereka yang tertarik untuk membaca lebih lanjut tentang editorial mobile-centric, The Story oleh desainer surat kabar legendaris Mario Garcia sangat direkomendasikan.
The New York Times Menunjukkan Daripada Memberitahu
Untuk semua hal buruk yang disebabkan oleh pandemi COVID-19, setidaknya telah menghasilkan beberapa pelaporan yang sangat bagus. Karya interaktif New York Times ini menjelaskan cara kerja masker wajah dengan membawa pembaca ke tingkat partikel. Anda dapat melihat bagaimana serat menangkap partikel, dan mengapa masker yang berbeda memiliki tingkat efektivitas yang berbeda. Setiap orang bodoh dapat membuat topik yang rumit sulit untuk dipahami, tetapi membuatnya mudah untuk dipahami? Itu adalah bentuk seni tersendiri.

Ada banyak elemen yang bermain di sini. Grafik, warna, animasi — bahkan ada pengalaman augmented reality jika itu membuat Anda senang. Apa yang bisa dengan mudah menjadi subjek yang kering dan pengap menjadi hidup. Dan yang paling penting dari semuanya, ini adalah informasi penting. Hal-hal seperti inilah yang membuat Gabriel Gianordoli terpilih sebagai Perancang Terbaik Dunia pada penghargaan Society for News Design 2020. menghancurkan.
The Washington Post Memvisualisasikan Penyebaran Eksponensial
Pandemi juga memaksa visualisasi data ke halaman depan publikasi di seluruh dunia. Artikel tentang penyebaran eksponensial mulai Maret 2020 ini (ingat?) melakukan pekerjaan luar biasa untuk memvisualisasikan bagaimana dan mengapa virus tertentu menjadi masalah besar dengan sangat cepat. Dari simulasi lengkap hingga grafik grafik mini sebaris, ini adalah editorial yang memanfaatkan sepenuhnya pengaturan digitalnya.

Yang paling saya sukai dari yang satu ini adalah tidak pernah terasa serampangan. Setiap visual meningkatkan cerita, sampai pada titik di mana Anda hampir merasa kasihan pada siapa pun yang harus menjelaskan konsep yang sama dengan kata-kata saja. Itu tersedia dalam lebih dari selusin bahasa di klik tombol adalah sentuhan indah lainnya — pengingat bahwa Web sebenarnya tanpa batas. Saya hanya bisa membayangkan berapa banyak orang di seluruh dunia yang telah membantu artikel ini.
Media Campuran Proyek Marshall
Di sini The Marshall Project menyajikan jurnalisme yang keras tentang sistem peradilan pidana AS dengan keanggunan dan keindahan pahit dari buku cerita anak-anak. Dalam “The Zo”, penulisan kreatif, ilustrasi mencolok, narasi memukau, dan cerita penting berpadu. Ini adalah editorial multimedia dalam aliran penuh.

Mereka mengatakan bahwa lagu dapat mengambil beberapa bentuk. Hal yang sama berlaku untuk konten editorial online. Apa yang Anda lihat di atas terinspirasi oleh makalah akademis setebal 96 halaman. Bahwa ia dapat menemukan pemirsa baru sebagai serial animasi online, kemudian dinominasikan untuk tidak hanya satu tetapi dua Emmy, adalah bukti kekuatan transformatif internet.

Novel Grafis Interaktif SBS Bukan Kebaruan
Berbicara tentang kekuatan transformatif internet, bagaimana dengan cerita interaktif. Kita semua akrab dengan adaptasi film, adaptasi radio play, adaptasi miniseri, dan sebagainya. Mengapa tidak adaptasi halaman web? Itulah yang dilakukan penyiar Australia SBS dengan The Boat , sebuah penceritaan kembali interaktif dari sebuah cerita pendek dalam buku Nam Le dengan judul yang sama.

Urutan pembukaan halaman menarik Anda tepat, kata-katanya miring dan jatuh dengan ombak saat Anda membaca, dengan suara guntur dan hujan memenuhi indra Anda sampai penuh. Saat ceritanya selesai, ilustrasi Matt Huynh melayang seperti kenangan. Ini adalah pengalaman yang sangat hidup, indah dengan caranya sendiri, serta cara cerdas untuk membawa sastra ke generasi muda.
Monyet Puding Di Sekitar
Saya berharap saya menemukan ini pada waktunya untuk edisi suara dari seri situs yang menginspirasi ini. Tidak peduli, itu di sini sekarang. Dalam sebuah pertunjukan editorial digital yang benar-benar luar biasa, The Pudding tidak begitu banyak menjelaskan Teorema Monyet Tak Terbatas seperti menghidupkannya melalui musik. Tidak tahu apa itu Teorema Monyet? Nah, tunggu apa lagi, halaman ini akan menjelaskan pekerjaan yang jauh lebih baik daripada yang saya bisa. Aku akan menunggu.

Dengan menggunakan contoh empat nada interaktif, artikel melibatkan pembaca sekaligus membuat konsepnya mudah dipahami. Sebagai sentuhan akhir yang menyenangkan, halaman itu sendiri merupakan eksperimen langsung dan berkelanjutan, yang bekerja secara acak melalui nada-nada yang semakin kompleks. Anda dapat mengharapkannya untuk mendapatkan "Tentara Tujuh Bangsa" dalam waktu sekitar 19 tahun. Orang bertanya-tanya apakah monyet yang mengetik di keyboard cukup lama dapat membuat kerangka kerja JavaScript yang sempurna. Harapan muncul abadi.
Sebuah Daftar Terpisah: Sebuah Kelas Terpisah
Untuk semua pembicaraan tentang visualisasi data, musik, augmented reality, dan alat keren lainnya, ada banyak hal yang bisa dikatakan untuk mendapatkan hak fundamental. Halaman tidak harus menjadi web yang setara dengan Vegas Strip untuk menarik perhatian. Sebuah daftar Apart menunjukkan bahwa lebih baik daripada kebanyakan. Pendekatannya terhadap konten akan selalu mendapat tempat di hati saya. Judul, ilustrasi, salinan, hyperlink biru. Cantik.

Apa yang sekarang saya sadari adalah waktu yang sangat lama yang meresahkan, saya menulis tentang dua cabang desain web 'brutalis'. Inti dari apa yang saya katakan adalah bahwa satu pendekatan keras dan kurang ajar, yang lain sangat fungsional. A List Apart menunjukkan keindahan yang terakhir dilakukan dengan benar. Perangkat multimedia adalah aset yang luar biasa untuk dimiliki, tetapi bahkan sekarang ada kalanya hanya kata-kata yang bisa digunakan.
Berpikir Kreatif Tentang Konten
Baik atau buruk, web benar-benar dibanjiri konten. Banyak yang bagus, banyak yang tidak. Banyak pembicaraan di sekitarnya memiliki irama perhitungan yang dingin yang Anda harapkan lebih cepat dari para industrialis yang berbicara tentang jalur perakitan. Contoh-contoh yang dibagikan di atas mudah-mudahan berbicara tentang nilai menahan keinginan untuk mengaduk-aduk sesuatu, tetapi mari kita menjadi nyata: sebagian besar situs web tidak memiliki sumber daya, katakanlah, The Washington Post .
Namun, ada cara untuk berpikir kreatif tentang konten di semua tingkatan, dari blog pribadi hingga publikasi global. Berikut adalah beberapa di antaranya:
- Pertanyakan pendekatan default Anda.
Kita adalah makhluk kebiasaan, termasuk dalam cara kita menceritakan kisah kita. Luangkan waktu sejak awal untuk mundur dan bertanya, Bagaimana saya bisa melakukan ini secara berbeda? Mungkin esai foto akan lebih bijaksana daripada artikel. Mungkin peta panas lebih baik daripada meja. Spesialisasi memang penting, tetapi jangan biarkan hal itu membutakan Anda pada cara lain yang seringkali saling melengkapi dalam melakukan sesuatu. - Gunakan sumber daya gratis.
Salah satu hadiah hebat dari internet adalah banyaknya barang gratis yang luar biasa. Seperti, sebenarnya gratis, dengan sengaja. Dari fotografi hingga desain grafis hingga alat visualisasi data hingga perangkat lunak pengeditan audio, sumber daya yang Anda butuhkan untuk mengubah konten Anda hanya dengan sekali klik. Tag gratis kami adalah tempat yang baik untuk memulai. - Berikan konten beberapa bentuk.
Seperti yang ditunjukkan The Marshall Project dengan sangat baik dengan "The Zo", cerita dapat menemukan audiens baru ketika mereka mengambil bentuk yang berbeda. Menulis artikel? Bagus, mengapa tidak merekam versi audio? Menghasilkan laporan berdasarkan data? Cukup keren, meskipun sekeren mungkin jika Anda mulai memasukkan angka-angka itu ke D3? Hanya satu cara untuk mengetahuinya. - Percobaan.
Contoh-contoh di sini adalah hasil yang terbaik, tetapi perlu disebutkan bahwa ada banyak hal yang dapat diperoleh dari mencoba ide-ide baru dan menerima kegagalan yang sesekali terjadi. Iterasi adalah kunci untuk proses kreatif. Jika Anda mencoba sesuatu dan tidak berhasil, tidak masalah. Ini satu-satunya cara untuk mencapai apa yang berhasil.
Tidak ada pendekatan satu ukuran untuk semua konten, tetapi menghormati cerita sangat penting. Teknologi web adalah pelengkap, bukan acara utama. Jangan biarkan mereka menjadi ekor yang mengibaskan anjing. Hasil terbaik datang ketika cerita selaras dengan cara diceritakan. Itu adalah jenis konten yang melekat pada orang-orang selama bertahun-tahun.