Bir web tasarımcısı olarak, kendinizi bir iş stratejisti yerine görsel bir sanatçı olarak düşünmek kolay olabilir. Web tasarımının yaratıcılık ve sanat içerdiği doğru olsa da - ve bu web tasarımının ayrılmaz ve değerli bir parçasıdır - gerçekten etkili web tasarımı sadece güzel web siteleri değildir. Etkili web siteleridir. Ve etkili, çeşitli anlam tonlarını alabilir.

Bazıları etkili web tasarımını görsel olarak çekici ve gezinmesi kolay siteler olarak görür. İnsanlar, hoş renk şemaları, mantıklı gezinme ve tutarlı markalama ile iyi görünen ve kullanımı kolay siteler yapmak için her gün web tasarımcılarını işe alır. Sunum ve gezinme, kesinlikle herhangi bir web sitesinin değerlendirildiği metrik olan kullanıcı deneyiminin iki önemli yönüdür. Kullanıcı deneyimi ne kadar iyiyse tasarım da o kadar başarılı olur.

İyi web tasarımı, yalnızca UX'ten daha fazlasıdır

Bir web sitesi ile bir kullanıcının deneyimini tasarlamak, görsellerin ve mekaniğin ötesine geçer. Genellikle bir site sahibinin site kullanıcılarının yapmasını istediği bir şey vardır ve kullanıcıyı bu şeyi (ne olursa olsun) yapmaya ikna etmek dönüşüm sürecidir.

Dönüşüm kullanıcıyla ilgilidir, ancak nihayetinde site sahibinin kullanıcıyla etkileşime yönelik hedefleri ile ilgilidir. Bugünlerde tasarlanan sitelerin büyük çoğunluğu olmasa da büyük bir kısmı, ziyaretçileri ve kullanıcıları pasif izleyicilerden sitenin hedefinde aktif katılımcılara dönüştürme amacına sahiptir, bu amaç ister bir ürün satmak, ister olası satışlar oluşturmak veya kayıtları toplamak olsun. Bir ziyaretçiyi pasif bir izleyiciden aktif bir oyuncuya dönüştürmek, bir dönüşüm sürecidir ve bu, herhangi bir web sitesinin başarısının kritik ancak çoğu zaman yanlış anlaşılan bir parçasıdır.

İyi bir dönüşüm oranı, bir web sitesi tasarımında etkili bir şekilde sunulan etkili içeriğe indirgenir. Dönüştüren içerik etrafında oluşturulmuş mükemmel bir tasarım gerektirir. İkisi – tasarım ve içerik – ayrılmaz bir şekilde iç içedir ve birinin etkili olması için diğerinin de olması gerekir. Tasarımcıların metin yazarı veya fotoğrafçı olmaları gerekmese de, bir sitenin içeriğini hem çekici hem de dönüşümler için etkili bir şekilde nasıl sunacaklarını iyi anlamaları gerekir.

Başlamak için, dönüşüm sağlayan içerik tasarlamanın beş "sırını" burada bulabilirsiniz.

1. Kukla metni hendek

Pek çok tasarımcı genellikle bir web tasarımı bulur ve onu ortaya çıkarmak için Lorem Ipsum kukla metni kullanır. Amacınız dönüşüm ise bu kesinlikle böyle olmaz; tasarımı ayarlamadan önce içeriğinizin elinizin altında olması çok önemlidir. Aksi takdirde, tasarımınız sadece varsayımsal bir "bu güzel bir web sitesi olurdu" projesidir ve yaratmanız için tutulduğunuz son derece nüanslı sanat formu değil. İçeriğin tasarımı dikte etmesi gerekiyor. Aksi takdirde, tasarımdaki gereksiz öğelerin, içeriği tam olarak uymayan bir tasarım haline getirme ihtiyacının ve doğru içeriği vurgulamada tamamen başarısız olan genel bir sunumun çok gerçek (ve genellikle fark edilen) riskini alırsınız. doğru zaman.

İçeriğini iyi sunan basit bir web sitesi, önemli bilgileri vurgulamayan ve diğerlerini gizleyen, güzel tasarlanmış bir web sitesinden daha iyi dönüşüm sağlayacaktır. Varsayımsal metin ve resimlerle tasarlamak, yalnızca müşterinin aşık olabileceği, ancak gerçek içerik eklendiğinde sonuçta başarısız olacağı bir tasarıma kendinizi hazırlamaktır. Gerekiyorsa, ancak herhangi bir ciddi beyin fırtınası yapmadan veya yapmadan önce fikirlerinizi çizin. tel kafesleri bir araya getirerek, tam olarak neyle çalıştığınızı ve hangi öğelerin öne çıkarılması gerektiğini bilin. Tasarımcı Jeffrey Zeldman bunu en iyi şekilde 2008'de söylemişti: "İçeriğin yokluğunda tasarım tasarım değil, dekorasyondur."

Tasarım hizmetleriyle birlikte metin yazarlığı hizmetleri sunuyorsanız, kopyanızı tasarım fikirleriniz etrafında şekillendirebilirsiniz (veya tam tersi), ancak yine de nasıl yapacağınızı anlayabilmek için neyi sunduğunuz hakkında iyi bir fikre sahip olmanız gerekir. onu Sun. Bu oyunda ayakkabı çekeceği yasaktır.

2. Site haritasını siteden önce yapın

Gerçekten iyi bir site haritası, özellikle sitede gezinecek çok şey varsa, herhangi bir web sitesinin kullanıcılarına verebileceğiniz harika bir hediyedir. Yine de fark etmemiş olabileceğiniz şey, harika bir site haritasının kendinize ve müşterinize de bir hediye olabileceğidir. Bir tasarıma başlamadan önce elinizde bir site haritanız varsa, esas olarak sahip olduğunuz şey, tasarımın tüm yapısını oluşturmak için bir taslaktır. Cameron Chapman'ın KISSmetrics için yazdığı gibi, iyi bir site haritası "sitenizde olması gereken içeriği düzenlemeye ve netleştirmeye ve ayrıca gereksiz sayfaları ortadan kaldırmanıza yardımcı olabilecek merkezi bir planlama aracıdır."

Başka bir deyişle, site haritası, web sitenizin yol haritası gibidir. Bir tane oluşturmak, herhangi bir tasarım becerisi gerektirmez, sadece organizasyonel beceriler gerektirir. Bu, site haritası oluşturmanın müşterinize bırakabileceğiniz, geliştirmek için işbirliği yapabileceğiniz veya kendiniz üstlenebileceğiniz bir sorumluluk olduğu anlamına gelir. Site haritasından siz sorumluysanız, ilerlemeden önce müşterinin kapsamlı bir değerlendirme yaptığından emin olun; site haritaları genellikle zamanla gelişir, ancak yol boyunca ne kadar az değişirse, o kadar iyi olursunuz.

Bir site haritası, hangi içeriğin nerede olması gerektiğini açıklığa kavuşturur, hantal veya bir araya getirilmesi veya ayarlanması zor olmadan. Verimsiz tasarım veya gezinme olasılığını ortadan kaldırır çünkü her bir içeriğin nereye gitmesi gerektiğini görebilir ve bilgileri çoğaltmak yerine yararlı dahili bağlantılar oluşturabilirsiniz. Artık çoğaltılmış içerik olmaması, sizin veya sitenin kullanıcıları için daha fazla zaman kaybı olmadığı anlamına gelir.

Site haritasının bir başka özelliği de, projenin kapsamını en başından itibaren netleştirmeye yardımcı olmasıdır, bu hem sizin hem de müşterinin muhtemelen takdir edeceği bir şeydir. Site haritasının gerçek lojistik faydası, projenin tamamladığınız bölümleri ve halen devam etmekte olan bölümler için bir izleyici olarak hizmet edebilmesidir. Onu dijital tutun ve site haritasına ve site tasarımının ilerlemesine giriş yapan herkesin ona erişebildiğinden emin olun. Müşterinizi güncel tutmak için hızlı bir araç olarak kullanın ve zamandan ve baş ağrılarından tasarruf etmek için içerikte herhangi bir değişiklik önerildiğinde ona başvurmaya devam edin.

3. Net bir harekete geçirici mesaja sahip olun

Bir sitenin amacı dönüşüm olduğunda (ve çoğu zaman böyledir), en kritik unsurlardan biri harekete geçirici mesajdır. Açıkçası, çoğu site, "kaydolmak" veya "sepete eklemek" veya "galeriyi görüntülemek" için bir tür harekete geçirici mesaja sahip olmalıdır. Kullanıcılar bazı eylemlere yönlendirilmeli ve bu eylem açık ve net bir şekilde ortaya konmalıdır. Bir düğme, bağlantı veya başka bir şey olabilir. Her ne ise, “harekete geçirici mesaj” derken kastettiğimiz bu.

Harekete geçirici mesajınız ister mizahi bir tonda olsun (bugün kaydolun ya da tavşan anlar!), dostluk çağrısında bulunsun (davaya katılın) ya da aciliyet yüklü olsun (sadece bugün satışta!), bir şekilde tasarlanmalıdır. hedef kitle için çekici ve sitenin genel mesajlarıyla tutarlı. Bazı harika fikirler ve örnekler için Helga Moreno'nun Just Creative için harekete geçirici mesajla ilgili yazısına göz atın.

Unutulmaması gereken önemli bir nokta: Açılış sayfasındaki harekete geçirici mesajınız kullanıcının bir katılım formu doldurması içinse, formu o sayfaya ekleyin. Kullanıcının , kendisini bir kaydolmaya yönlendiren bir bağlantıyı tıklatmasını istemeyin. Tek adımlı tercihlerin, iki adımlı olanlardan çok daha yüksek dönüşüm oranlarına sahip olduğu gösterilmiştir. Sadece açılış sayfasına kaydolma işlemini gerçekleştirin. Hazır çalışırken, formun yalnızca gerçekten ihtiyacınız olan bilgileri istediğinden emin olun; ne kadar az talep ederse, o kadar yüksek dönüşüm sağlar.

4. Başlıkların iyi olduğundan emin olun

Değerine değer herhangi bir web yazarı, size manşetlerin kritik olduğunu söyleyecektir ve bu doğrudur. Bu günlerde hepimiz can sıkıcı tıklama tuzağı ve kısa dikkat süreleri hakkında şaka yapıyoruz, ancak araştırmalar, herhangi bir web sitesinin bir ziyaretçinin dikkatini o ziyaretçi geri dönmeden önce çekmek için sekiz saniyeye sahip olduğunu gösteriyor. Sekiz saniye çok fazla bir zaman değil ve bu saniyelerin çoğunun başlığı taramak için harcandığını varsayabiliriz. Bu nedenle, site tasarımınızda uzaktan manşete benzeyen herhangi bir şeyin güçlü olması kesinlikle çok önemlidir: yalnızca ilgi çekici bir başlık, bir kullanıcıyı dönüşüm fırsatına sahip olacak kadar sitenizde tutar.

Bir tasarımdaki başlıkları ve diğer H1 metinlerini oluşturma sorumluluğu size düşerse, başlık yazma becerilerinizi geliştirmeniz gerekir. En sevdiğim iki kaynak, Copyblogger'ın bu hızlı ipucu yazısı ve Jon Morrow'un ücretsiz Headline Hacks PDF'si. Bu kaynakların her ikisi de yazarlar için geliştirilmiştir, ancak iyi başlıklar yazmanın temellerini, akıcı İngilizcesi olan herkesin kavrayabileceği ve hemen hemen kullanıma sunabileceği şekilde sunarlar.

5. İlgi çekmek ve ilgiyi sürdürmek için çok yönlü görüntüler kullanın

Web tasarımında görüntü sanatının (ve logolar ve göze çarpan yazı tipleri gibi diğer görsel öğelerin) bir bilimi vardır ve özellikle içeriği katmanlandırıyorsanız, iyi bir görüntü seçimini tam olarak neyin oluşturduğu konusunda keskin bir anlayışa sahip olmanız gerekir. ya da kritik bir başlık ya da harekete geçirici mesaj ile bağlantı kurun. Çoğu gerçek web tasarımı bir masaüstü veya dizüstü bilgisayarda gerçekleşir. Hayatımızdaki tüm ekranlarla karşılaştırıldığında, bu bilgisayar monitörleri geniştir, nispeten az aydınlatılır ve çoğu zaman iç mekanlarda veya en azından doğrudan güneşten veya diğer parlamalardan gölgelenir. Ancak bu günlerde görüntülerin web'de görüntülendiği tek ortam bu değil.

Ofisinizdeki devasa iMac'te harika görünen görüntüler, parlak bir şekilde aydınlatılmış bir caddede taşınan eski model bir akıllı telefonun ekranında mutlaka o kadar iyi görünmeyecek - hatta görünmeyecek. Ve bunların hiçbiri yatay bir mini tabletin görüntüyü nasıl gösterdiğiyle karşılaştırılamaz. Günümüzde bağlantı ve teknolojinin doğası, web sitenizi oluştururken her türlü monitör ve görüntüleme senaryosunu dikkate almanızı gerektiriyor.

Farklı ortamlarda farklı monitör boyutlarına uyum sağlamak için resimlerinizin çarpıcı ve ölçeklenebilir olması gerekir: 4 inç'i parlak ışık altında, dolaylı güneş ışığının filtrelendiği 40 inç iç mekanlarda düşünün. Görüntü, nüansı veya karmaşık ayrıntıları nedeniyle ilgi çekiciyse, muhtemelen öyle değildir. kullanmak için doğru görüntü. İnce ayarlar onları mümkün kılıyorsa (veya müşteri bunların kullanımını gerektiriyorsa) herhangi bir görüntüde gerektiği gibi ince ayar yapın ve yüksek netlik sağlamak için kontrasta odaklanın.

Dönüştüren kopyalama tuşları

Bu beş "sır" aslında hiç de sır olmasa da, dönüşüm sağlayan içerik oluşturmaya yönelik bu temel öğeleri gözden kaçırmak veya tamamen gözden kaçırmak kolay olabilir. Web siteleri, içerik sunma araçlarıdır ve kullanıcılar herhangi bir web tasarımında dikkate alınmalıdır. Ancak, bu ipuçlarının gösterdiği gibi, etkili web tasarımı sadece bir web sitesini güzel ve kullanımı kolay hale getirmekle ilgili değildir. Genellikle başka bir amaç vardır: dönüşüm sağlamak. Web tasarımı iş akışının bu beş alanının tamamında ustalaşmak ve bunları kullanmak, kelimenin tam anlamıyla gerçekten etkili web siteleri oluşturma becerinizde uzun bir yol kat edecektir.