Duyarlı Web Tasarımı için Üç İçerik Stratejisi: Planlayın, Önceliklendirin, Ayırın

Çoğu pazarlamacı için, "duyarlı web tasarımı" terimi büyük olasılıkla web geliştiricilerinin ve tel çerçevelerin görüntülerini çağrıştırır. Ama cümle dizilerini ve metin parçalarını akla getirmelidir.

İçerik, başlangıçta olası satışları çeken, ardından onları satış döngüsü boyunca yönlendiren motordur. Duyarlı web tasarımının başlıca işi, web ziyaretçisi ister telefonda, ister tablette veya masaüstünde olsun, içeriğin kolayca sindirilmesini sağlamaktır.

Duyarlı web tasarımı, içeriği yeniden tasarlamak için bir fırsattır, böylece her cümle daha fazla okuyucu çeker ve daha fazla potansiyel müşteri toplar.

Duyarlı tasarım nedir?

İlk olarak, duyarlı web tasarımı hakkında biraz bilgi. Konsept basittir - web ziyaretçisi tarafından hangi cihazın kullanıldığına bağlı olarak tasarımını mobil veya masaüstü için otomatik olarak optimize eden tek bir web sitesi oluşturun. Bir web sitesinin duyarlı olup olmadığını keşfetmenin kolay bir yolu şudur: masaüstü görünümünde (ve tam ekran görünümünde değil pencere görünümünde) web sitesinin sağ alt köşesini alın ve yavaşça bir akıllı telefon boyutuna küçültün. Web sitesi küçüldükçe mobil uyumlu bir görünüme dönüşüyorsa responsivedir. Okunması zor, kaydır ve sıkıştır bir web sitesine küçülürse, yanıt vermiyor.

Duyarlı tasarım, mobilin aynı içerik için başka bir platform olmadığı anlayışıyla başlar. Mobilin hızlı yükselişi içeriğin şeklini, düzenini ve boyutunu değiştirdi. Ve insanlar mobil içerikten temelde farklı şeyler bekliyor.

Bu beklentiler, e-posta pazarlaması, sosyal içerik veya web içeriği olsun, bir şirketin içerik kampanyasının tüm bileşenlerinde geçerlidir. Web sitenizin içeriği duyarlı olmalı ve mobil cihazlar için optimize edilmelidir, ancak e-posta pazarlama şablonlarınız ve sosyal kampanyalarınız da öyle olmalıdır.

Neden duyarlı tasarıma ihtiyacınız var?

Duyarlı tasarımınız yoksa, buna ihtiyacınız vardır. Google, duyarlı tasarıma sahip olmayan şirketlerin arama sıralamalarını cezalandırıyor. Ve mobil web trafiği o kadar her yerde mevcuttur ki, tüm web sitelerinin mobil ve masaüstü kullanıcılarına aynı web sitesinden akıllıca hizmet vermesi gerekir.

Birkaç hızlı istatistik: Mobil, tüm ücretli arama tıklamalarının yüzde 41'ini ve tüm ücretli arama harcamalarının (Merkle RKG) yüzde 31'ini ve tüm e-posta açılışlarının (Litmus) yüzde 53'ünü sağlıyor. Mobil trendler göz önüne alındığında, bu rakamlar yakın zamanda yavaşlamayacak.

Gerçekten mobil cihazlar için optimize edilmiş içerik oluşturmanın sonuçları şaşırtıcı olabilir. Act-On, duyarlı tasarımdan gelen müşteri adaylarında yüzde 93,5'lik bir artış buldu. Başka hangi basit çözümler satışlarınızı anında ikiye katlayabilir?

Duyarlı tasarım için içeriğinizi optimize etmek için üç adım.

1. Departmanlar Arasında Plan Yapın

Duyarlı tasarım, yalnızca dijital ekibi web geliştirme konusunda serbest bırakma meselesi değildir. Metin yazarları, tasarımcılar ve stratejistler arasındaki bir ekip çalışmasıdır.

Etkili planlama, içeriğin, kodlamanın ve tasarımın, web sitenizi olası satış yaratan bir makine haline getirmek için birbirine uymasını sağlayacaktır. Temelleri belirleyerek en baştan başlayın: web ziyaretçisi profilleri, ziyaretçi güdüleri ve istenen sonuçlar. Web sitenizi kimler ziyaret ediyor? Neden? Sitenize ulaştıklarında ne yapmalarını istiyorsunuz?

En başından itibaren departmanlar arası işbirliği, projenin tasarım özellikleri ile düzenli ve etkili içerik arasında bir denge olmasını sağlayacaktır.

2. İçeriği Net Bir Hiyerarşide Önceliklendirin

Duyarlı web tasarımında içeriğe öncelik vermek çok önemlidir. Bir masaüstü tarayıcı sayfasının alanı küçülüp avuç içi boyutuna geldiğinde, içerik karmakarışık hale gelir. Geniş, çok sütunlu bir web sayfası, tek sütunlu bir mobil sayfaya sıkıştırılmıştır. Web sitesi doğru tasarlanmazsa, en önemli içeriğin bir kısmı sayfanın alt kısmında yer alabilir ve ulaşmak için uzun (çok uzun) bir kaydırma gerektirebilir.

Oluşturulan içeriklere öncelik seviyeleri atamak, en önemli içeriğinizin üst sıralara çıkmasını sağlayan bir yapı oluşturacaktır. İçeriği katmanlara göre tanımlayarak bir içerik hiyerarşisi oluşturun. Bu tanımlama ideal olarak pazarlama veya metin yazarlığı ekiplerinde yapılmalı ve tasarımcılara ve proje yöneticilerine açık bir şekilde iletilmelidir. Bu işbirliği, mobil görüntüleyenler için içerik hiyerarşisini koruyan bir tasarıma yol açacaktır.

İçeriği Mobil Boyuta Kadar Ayırın

Tıpkı yazılım veya işletim sistemi kullanıcılarının işlevsel ve sezgisel tasarım beklemesi gibi, günümüzün okuyucuları da ustalıkla kısa ve öz parçalara ayrılmış içerik bekliyor.

İçerik stratejinizi, okuyucular için kullanıcı arayüzü veya kullanıcı deneyimine benzer olarak düşünün. Tıpkı kullanıcı deneyimi tasarımının zaman, çaba ve yinelemeler alması gibi, içerik üzerinde okuyucu düşünülerek birkaç kez çalışılmalıdır. Gizli yapının kullanılabilirlik (veya içerik söz konusu olduğunda okunabilirlik) üzerinde muazzam bir etkisi olacaktır.

Son taslaktan sonra okuyucuya hala büyük gri metin parçaları sunuyorsanız, başka bir içerik damıtma turuna ihtiyacınız vardır. Fotoğraf ve video gibi multimedya teklifleriyle parçalanmış madde işaretleri, tanıtım yazıları ve kısa metinler kalana kadar içeriği parçalara ayırmaya devam edin. Veri ağırlıklı karmaşık metin yığınlarını, metin ve görsellerin eşleştirilmesinin verileri kolayca sindirilebilir bir görsele dönüştürebileceği bir infografik haline getirmeyi düşünün.

Dikey parçalama - metni yan yana yerleştirilebilen, her birinin kendi başlığı ve fotoğrafı olan dikey parçalara ayırma - okuyucuların yanlara doğru tarama yapmasına ve dikey parçaları parça parça tüketmesine olanak tanır.

Bu küçük içerik dağıtım sistemi, görsel olarak gri bir metin duvarından daha çekicidir ve okuyucuya, yazar ve tasarımcının bireysel düşünceleri tanımlama, bunları sıkı bir metin haline getirme ve kısa ve öz bir şekilde sunma işini zaten yaptıklarını işaret eder. biçim.

Duyarlı tasarım, zaten çok uzun olan yapılacaklar listesine eklenecek bir şey daha değildir. Bu bir sıkıntı veya düşük öncelik değil. Tek bir projede içeriği netleştirme, web tasarımınızı iyileştirme ve mobil alıcılarınızı memnun etme şansı .

~ Geliştirme sürecini yönetmek, maliyetleri tahmin etmek ve mobile öncelik vermek dahil olmak üzere duyarlı web tasarımının tüm püf noktalarını öğrenmek ister misiniz? Tüm web seminerini görüntüleyin Duyarlı Tasarım: Web Sayfaları ve E-posta için Yapılması ve Yapılmaması Gereken 10 Şey.