Tiga Strategi Konten untuk Desain Web Responsif: Rencanakan, Prioritaskan, Saring

Bagi sebagian besar pemasar, istilah "desain web responsif" kemungkinan besar memunculkan gambar pengembang web dan bingkai kawat. Tapi itu harus mengingat rangkaian kalimat dan potongan teks.

Konten adalah mesin yang menarik prospek sejak awal, lalu mendorong mereka melalui siklus penjualan. Dan tugas utama desain web responsif adalah memastikan bahwa konten mudah dicerna, baik pengunjung web menggunakan ponsel, tablet, atau desktop.

Desain web responsif adalah peluang untuk menata ulang konten sehingga setiap kalimat menarik lebih banyak pembaca dan mengumpulkan lebih banyak petunjuk.

Apa itu desain responsif?

Pertama, sedikit latar belakang tentang desain web responsif. Konsepnya sederhana – buat satu situs web yang secara otomatis mengoptimalkan desainnya untuk seluler atau desktop, bergantung pada perangkat mana yang digunakan oleh pengunjung web. Salah satu cara mudah untuk mengetahui apakah sebuah situs web responsif adalah: dalam tampilan desktop (dan dalam tampilan jendela, bukan tampilan layar penuh) ambil sudut kanan bawah situs web dan kecilkan secara perlahan ke ukuran ponsel cerdas. Jika situs web berubah menjadi tampilan ramah seluler saat menyusut, itu responsif. Jika hanya menyusut menjadi situs web yang sulit dibaca, gulir dan cubit, itu tidak responsif.

Desain responsif dimulai dengan pemahaman bahwa seluler bukan sekadar platform lain untuk konten yang sama. Peningkatan pesat seluler telah mengubah bentuk, organisasi, dan ukuran konten. Dan, orang mengharapkan hal yang berbeda secara mendasar dari konten seluler.

Harapan ini berlaku di semua komponen kampanye konten perusahaan — apakah itu pemasaran email, konten sosial, atau web. Konten situs web Anda harus responsif dan dioptimalkan untuk seluler, demikian juga template pemasaran email dan kampanye sosial Anda.

Mengapa Anda membutuhkan desain responsif

Jika Anda tidak memiliki desain responsif, Anda memerlukannya. Google menghukum peringkat pencarian perusahaan tanpa desain responsif. Dan lalu lintas web seluler begitu ada di mana-mana sehingga semua situs web perlu secara cerdas melayani pengguna seluler dan desktop dari situs web yang sama.

Beberapa statistik singkat: Seluler mendorong 41 persen dari semua klik penelusuran berbayar dan 31 persen dari semua pengeluaran penelusuran berbayar (Merkle RKG) dan 53 persen dari semua pembukaan email (Litmus). Mengingat tren seluler, angka-angka ini tidak akan melambat dalam waktu dekat.

Hasil dari membuat konten yang benar-benar dioptimalkan untuk seluler bisa sangat mencengangkan. Act-On menemukan peningkatan prospek sebesar 93,5 persen dari desain responsif. Apa solusi sederhana lainnya yang dapat langsung menggandakan prospek penjualan Anda?

Tiga langkah untuk mengoptimalkan konten Anda untuk desain responsif.

1. Rencana Lintas Departemen

Desain responsif bukan hanya masalah membuat tim digital lepas dalam pengembangan web. Ini adalah upaya tim antara copywriter, desainer, dan ahli strategi.

Perencanaan yang efektif akan memastikan bahwa konten, pengkodean, dan desain semuanya pas untuk menjadikan situs web Anda mesin penghasil prospek. Mulailah dari awal dengan memahami dasar-dasarnya: profil pengunjung web, motif pengunjung, dan hasil yang diinginkan. Siapa yang mengunjungi situs web Anda? Mengapa? Apa yang Anda ingin mereka lakukan setelah mereka membuka situs Anda?

Kolaborasi lintas departemen sejak awal akan memastikan bahwa proyek ini merupakan keseimbangan antara lonceng dan peluit desain, dan konten yang terorganisir dan efektif.

2. Prioritaskan Konten dalam Hirarki yang Jelas

Memprioritaskan konten sangat penting dalam desain web yang responsif. Ketika real estat halaman browser desktop menyusut menjadi ukuran genggam, konten menjadi campur aduk. Laman web multi-kolom yang lebar diperas menjadi laman seluler satu kolom. Jika situs web tidak dirancang dengan benar, beberapa konten terpenting dapat berakhir di bagian bawah halaman, membutuhkan gulir yang panjang (terlalu panjang) untuk dijangkau.

Menetapkan tingkat prioritas ke pembuatan konten akan menciptakan struktur yang memastikan konten terpenting Anda naik ke atas. Buat hierarki konten dengan mengidentifikasi konten berdasarkan tingkatan. Identifikasi ini idealnya terjadi di tim pemasaran atau copywriting, dan dikomunikasikan dengan jelas kepada desainer dan manajer proyek. Kolaborasi ini akan mengarah pada desain yang mempertahankan hierarki konten untuk pemirsa seluler.

Saring Konten Turun ke Ukuran Seluler

Sama seperti pengguna perangkat lunak atau sistem operasi yang mengharapkan desain yang fungsional dan intuitif, pembaca saat ini mengharapkan konten yang telah dibuat dengan ahli menjadi bagian-bagian yang ringkas.

Pikirkan strategi konten Anda mirip dengan UI atau UX untuk pembaca. Sama seperti desain pengalaman pengguna yang membutuhkan waktu, tenaga, dan iterasi, konten harus dikerjakan beberapa kali dengan mempertimbangkan pembaca. Struktur tersembunyi akan memiliki efek yang sangat besar pada kegunaan (atau keterbacaan, dalam hal konten).

Jika setelah draf terakhir Anda masih menyajikan potongan besar teks abu-abu kepada pembaca, Anda memerlukan putaran penyulingan konten lagi. Terus uraikan konten sampai Anda memiliki peluru, uraian, dan teks ringkas yang dipecah dengan penawaran multimedia seperti foto dan video. Pertimbangkan untuk mengubah potongan teks kompleks yang padat data menjadi infografis, di mana penyandingan teks dan visual dapat mengubah data menjadi visual yang mudah dicerna.

Pemotongan vertikal – memecah teks menjadi potongan vertikal yang dapat ditempatkan berdampingan, masing-masing dengan judul dan fotonya sendiri – memungkinkan pembaca untuk memindai ke samping dan menggunakan potongan vertikal sepotong demi sepotong.

Sistem pengiriman konten seukuran gigitan ini lebih menarik secara visual daripada dinding teks abu-abu, memberi sinyal kepada pembaca bahwa penulis dan perancang telah melakukan pekerjaan untuk mengidentifikasi pemikiran individu, menyusunnya menjadi teks yang padat, dan menyajikannya dalam bentuk yang ringkas. tata krama.

Desain responsif bukan hanya satu hal lagi untuk ditambahkan ke daftar tugas yang sudah terlalu panjang. Ini bukan gangguan atau prioritas rendah. Ini adalah kesempatan untuk mempertajam konten, menyempurnakan desain web Anda, dan menyenangkan pembeli seluler Anda, dalam satu proyek.

~ Ingin mempelajari semua trik untuk desain web yang responsif, termasuk mengelola proses pengembangan, memperkirakan biaya, dan mengutamakan seluler? Lihat keseluruhan webinar Desain Responsif: 10 Hal yang Harus dan Tidak Boleh Dilakukan untuk Halaman Web dan Email.