StoryBrand Çerçevesiyle Daha İyi Bir Ana Sayfa Tasarlayın

Ana sayfalar vitrinler gibidir. Tüketiciye, işletmenin ne yaptığı, işi kimin yürüttüğü hakkında bir fikir vermeli ve en azından sunduğu ürün ve hizmetler hakkında, bunların satış, bilgi veya eğlence için gerçek ürünler olup olmadığına dair bir ipucu vermelidirler.

Tıpkı bir vitrin gibi, ana sayfa tasarımları da insanları daha derine bakmaya ikna edebilir veya bir ziyaretçinin dikkatini çekmede başarısız olabilir (ya da daha kötüsü, onları aktif olarak uzaklaştırabilir). Bir marka hikayesini açıkça iletmek, UX tasarımcılarının insanları sitede tutmak ve ana sayfanın ötesini keşfetmeye yetecek kadar meşgul tutmak için kullanabileceği bir yöntemdir (StoryBrand çerçevesi bunun için iyi bir yol haritası sağlar).

Bir Ana Sayfanın Amacı Nedir?

Bir açılış sayfasının amacı ziyaretçileri dönüştürmekken, bir ana sayfanın amacı ziyaretçilerin markayla ilgisini çekmek ve onların sorunlarına çözümler sunmaktır. Etkili bir şekilde yapılırsa, bir ana sayfa ziyaretçisi bir müşteriye, potansiyel olarak tekrar eden bir müşteriye dönüşebilir.

Analitikler ve bu verilere dayanarak performans iyileştirmeleri yapan pazarlama ve tasarım ekipleri sayesinde ana sayfalar son birkaç on yılda hızla gelişti.

1993 yılında, yalnızca 600 web sitesi varken, bir web sitesinin trafiğini ölçmenin tek yöntemi, ziyaretçi sayısını sayan bir sunucu günlüğüydü. Ardından isabet sayaçları ve ardından benzersiz ziyaretçiler, sayfa görüntülemeleri ve hemen çıkma oranları gibi şeyler hakkında fikir veren daha kapsamlı analiz paketleri geldi.

UX tasarımcıları, bu analitik verilerini kullanarak, harekete geçirici mesaj yerleşimini optimize edebilir, site hızını iyileştirebilir, A/B testi yapabilir, ziyaretçilerin ilgisini çekmek için videoları kullanabilir, insanların dikkatini çekmek için yüksek kaliteli görüntüler kullanabilir ve performansını artırmak için mesajlaşma araçları ekleyebilir. bir ana sayfa. Ancak, bu tüketicilerin sadakatini ve güvenini garanti edecek mi?

Ana Sayfaları Tasarlarken Üç Sık Karşılaşılan Tuzak

İşletmeler ve buna bağlı olarak tasarımcılar, bir ana sayfa oluştururken üç ana tuzakla karşılaşır:

1. Önemli şeylere odaklanmazlar. İnsanlara hizmet veya ürünlerinin tüm özelliklerini anlatırlar. İnsanlar bunu umursamıyor. İşletmenin sorunlarını çözeceğini ve yaşamlarını iyileştireceğini bilmek isterler.
2. İşletmeler mesajlarını net bir şekilde iletmiyorlar. Chartbeat'ten Tony Haile'nin dediği gibi, bir web sitesinin bir ziyaretçinin dikkatini çekmek için 15 saniyeden daha az zamanı vardır.
3. Kimsenin sorununu çözmeyen kötü bir ürünleri var. Durum buysa, bir tasarımcının bir iş için yapabileceği pek bir şey yok.

StoryBrand Çerçevesi Nedir?

Bazı işletmelerin inandıklarının aksine, bir logo bir markaya eşit değildir. Ne münasebet; marka, arkasında var olma nedeninin yattığı bir sözdür.

İnsanlar hem rasyonel hem de duygusal nedenlerle bir markayı diğerine tercih ederler. Güçlü marka mesajlaşması, yarattığı bireysel ürünlerden ziyade markanın kendisine sadakat üretebilir. Bu amaca ulaşmak için açık ve tutarlı bir mesaj çok önemlidir. Bir markayı rakiplerinden ayıran şey, markanın hikayesidir.

Hikaye anlatımı, girişimciler tarafından, yatırımcıları satış konuşmaları ve sosyal ağlarda baştan çıkarmak için yaygın olarak kullanılmaktadır. Apple gibi şirketler, yaptıkları her şeye net ve basit hikaye anlatımının gücünü anlıyor ve entegre ediyor. Kendileriyle ilgili olmadığını biliyorlar; bu onların müşterileri hakkında.

StoryBrand çerçevesi, işletmelerin en güçlü mesajlarını basit ve net bir şekilde iletmelerine yardımcı olmak için Donald Miller tarafından oluşturulan bir hikaye anlatımı formülüdür. Miller, Building a Story Brand adlı kitabında, “Müşteriniz hikayenin kahramanı olmalı, markanız değil. Olağanüstü başarılı her işletmenin anladığı sır budur.”

Bir Müşteriyle StoryBrand Nasıl Kullanılır?

İster küçük bir şirket, ister milyonlarca dolarlık bir marka olsun, müşteri, müşterilerinin kafasını karıştırmanın onlara paraya mal olacağını anlamalıdır. Mesajlarını StoryBrand formülü aracılığıyla netleştirmek, Miller'ın dediği gibi, "düşüncelerini organize edecek, pazarlama çabalarını azaltacak, kafa karışıklığını ortadan kaldıracak, rekabeti korkutacak ve sonunda işlerini yeniden büyütmelerini sağlayacaktır."

Miller, bir StoryBrand oluşturmayı bir senaryo için bir hikaye yazmaya benzetiyor. Onu yedi arsa noktasına böler.

Bir şey isteyen bir karakter (web sitesini kullanan kişi) bir problemle (ihtiyaçları) karşılaşır, sonra onlara bir plan veren (sonraki adımları gösteren) bir rehberle (işletme) karşılaşır ve onları harekete geçirir (eylem çağrısı düğmesi), bu da bir başarı öyküsü ile sonuçlanır (ürünü satın alırlar) ve başarısızlıktan kaçınmalarına yardımcı olur (satın almazlarsa ne olacağının hatırlatılması).

Bu yapı hemen hemen her başarılı filmde görülebilir. Ayrıca bir işletme ve müşterileri için de geçerli olabilir. Bir sonraki adım, müşterinin bu yapıyı takip ederek marka hikayesini yazmasıdır:

1. Bir karakter : Müşteri her zaman hikayenin kahramanıdır, marka değil. Genellikle UX araştırması ve kullanıcı testi yoluyla müşterilerin markadan ne istediğini anlamak UX tasarımcılarına bağlıdır. İnsanları harekete geçiren arzulara, finansal kaynakları korumak, zamandan tasarruf etmek, sosyal ağlar kurmak veya statü kazanmak gibi şeylere odaklanmaları gerekiyor.
2. Bir sorunu var : StoryBrand yayındaki kötü adam, karakterin sorunudur. Bu sorunu kişileştirmek ve şirketin ürünlerinin müşterinin onu yenmek için kullanabileceği silahlar gibi olduğunu anlamak faydalıdır. Şirketler dış sorunları çözmeye odaklanma eğilimindedir, ancak müşteriler iç sorunlara çözümler satın alır. İnsanlarda üç düzeyde çatışma vardır:
   - Harici (çoğu işletme harici sorunları çözmeye çalışır)
   - İçsel (hayal kırıklığı, korkutma, güvensizlik gibi)
   - Felsefi (bu hikaye neden önemli?)
3. Ve bir rehberle tanışır : Rehber, işletme veya markadır. Müşterilerin sorunla ilgilenecek birine ihtiyacı var. Markayı algılamaları, güvenleri için çok önemli olacaktır. İki şey iletilmelidir:
   - Empati (müşterinin hissedebileceği acıyı anladığını göster)
   - Yetki (müşteriye markanın onlara yardım edebileceğine dair güven verecektir)
4. Kim onlara bir plan verir : İşletme, müşteriye daha sonra ne yapması gerektiğini gösterir. Müşteriler, basit bir eylem planı gösterilene kadar satın alıp almama konusunda hala emin değiller. UX tasarımcıları, müşteriler için sonraki adımları tam olarak heceleyebilir. Ayrıca, ürün veya hizmetle ilgili endişeleri ele alarak müşterinin yaşayabileceği herhangi bir endişeyi hafifletebilirler.
5. Ve onları harekete geçmeye çağırır: Etkili harekete geçirici mesajlar, satın alma veya kayıt işlemlerini kolaylaştırır.
6. Bu, başarısızlıktan kaçınmalarına yardımcı olur : Müşteri için tehlikede olan nedir? Bu markadan alışveriş yapmazlarsa ne kaybederler?
7. Ve başarıyla biter : Müşterilere bu özel eylemin hayatlarını nasıl değiştirebileceğini söyleyin. Ürünü satın aldıktan sonra hayatlarının nasıl görüneceğini ve bu kararın kendilerini nasıl hissettireceğini onlara gösterin. Hikaye anlatıcılarının bir hikayeyi bitirmesinin üç sağlam yolu, karakterin şunları yapmasına izin vermektir:
   - Güç veya pozisyon kazanın
   - Onları bütün yapan birini veya bir şeyi bulun
   - Aynı zamanda onları bütün yapan bir tür kendini gerçekleştirme deneyimi yaşayın

Bir Ana Sayfada StoryBrand Çerçevesi Nasıl Kullanılır?

Bir ana sayfa asla işle ilgili olmamalıdır. Potansiyel müşterisi hakkında olmalı.

İlk buluşmada olduğu gibi, gösterimler önemlidir ve amaç ilgi yaratmaktır. UX tasarımcıları, hangi içeriğin dahil edildiği ve nasıl düzenlendiği konusunda stratejik olmalıdır. Önceki bölümde açıklanan çerçeveyi takip etmek, tasarımcıların doğru mesajların doğru yerlere konmasını sağlamalarına yardımcı olacaktır.

Kulağa basit gelse de, bir ana sayfa tasarlarken akılda tutulması gereken sadece beş önemli unsur vardır.

Başlık

Bazen ilgi çekici bir görselle birlikte kullanılan başlıklar, ana sayfanın en üstüne yerleştirilir. Hemen hemen her durumda, başlıklar müşteri odaklı olmalı ve ziyaretçiye markanın kendilerine fayda sağlayan bir şeye sahip olduğunu göstermelidir. Başlıklar şunlardan biri olmalıdır:

• Avantajları müşteriye iletin
• Ziyaretçinin sahip olduğu bir sorunu belirleyin ve markanın onlar için çözebileceğine dair güvence verin.
• İşletmenin ne yaptığını açık ve özlü bir şekilde tanımlayın

Otorite Göstererek Güven Oluşturun

İşletmeyi müşterinin sorununa rehber ve çözüm olarak konumlandırmak zorunludur. Güven yaratma sanatında ustalaşan UX tasarımcıları, insanları bu belirli markanın sorunlarına doğru çözüm olduğuna ikna etmek için daha kolay bir zamana sahip olacaklar. Bunu şu şekilde yapabilirler:

• Markayı tavsiye eden önemli müşterilerden gelen referanslar dahil
• Markanın çalıştığı firmaların logolarını sergilemek
• Kullanıcı sayısı, işlemler vb. ile ilgili belirli verileri gösterme.
• Ödüller ve övgüler, yayınlanmış eserler, medya görünümleri ve benzer başarıları içeren
• Ekibin veya şirketin genel merkezinin resimlerini gösterme

Eylem çağrısı

Ana sayfa ziyaretçileriyle duygusal bir bağ oluşturmak, onları müşteriye dönüştürmenin ilk adımıdır. Bu duygusal bağlantı bir kez kurulduğunda, anlaşmayı imzalamak için harekete geçirici mesaj kalıyor.

İki tür harekete geçirici mesaj vardır:

1. Doğrudan harekete geçirici mesajlar, satın almaya veya kaydolmaya hazır olduklarını bilen kişiler içindir ve "Satın Al", "Kaydolun" veya "Başlayın" gibi bir dil içerir. Bu CTA'lara tıklamak, alıcıyı doğrudan işlemlerini tamamlaması için bir forma götürecektir.
2. Geçici harekete geçirici mesajlar, henüz satın almaya tam olarak hazır olmayan ziyaretçiler içindir. Taahhüt etmeden önce daha fazla zamana ve bilgiye ihtiyaçları olabilir. Bunlar, "Daha fazla bilgi", "Ücretsiz deneyin" veya "İletişime geçin" düğmeleri şeklinde gelir.

Bazı harekete geçirici mesajlar, ikisini birleştirebilir veya yan yana koyabilir (genellikle bir çift “Şimdi Satın Al” ve “Daha Fazla Bilgi” düğmesi olarak görülür).

İlgi Çekici Görüntüler

Bir ana sayfanın içeriği ne kadar ciddi olursa olsun, StoryBrand çerçevesi mutlu bir son ister. Görüntüleri seçerken, bazılarının o "sonsuza dek mutlu" hissini vermesi gerektiğini unutmayın.

Görüntüler, özellikle mutlu insanların görüntüleri olmak üzere ziyaretçilerin duygularına hitap eder. Mutlu insanların fotoğraflarını göstermek, insanların satın alma işlemini gerçekleştirmeleri halinde kendi mutlu sonlarının nasıl olabileceğini hayal etmelerine yardımcı olur.

Kısa metin

Ne kadar az metin, o kadar iyi. Birçok tüketici uzun metin bloklarını okumaz, bu nedenle marka mesajını mümkün olduğunca az kelimeyle iletmek en iyisidir.

UX tasarımcıları, müşterilerin hikayelerini en basit şekilde paylaşmalarına yardımcı olmalıdır.

Başarılı Ana Sayfalar Anahtar Soruları Yanıtlayın

Başarılı bir ana sayfa, ziyaretçinin ilgisini beş saniyeden daha kısa sürede çekebilecektir. Oradan, bir ana sayfayı ziyaret ederken insanların kendilerine (genellikle bilinçaltında) sordukları üç soruyu yanıtlamak için yaklaşık 15 saniyeniz olacak:

• Onlar ne yapar?
• Bana nasıl yardımcı olabilirler?
• Satın almak veya etkileşimde bulunmak için ne yapmam gerekiyor?

UX tasarımcıları, ilgiyi hemen yakalayan ve bu soruları etkili bir şekilde yanıtlayan bir ana sayfa oluşturmak için StoryBrand çerçevesini kullanabilir. Hem tasarımcı hem de marka için başarı için açık bir yol sunar.

Haydi ne düşündüğünü söyle! Lütfen düşüncelerinizi, yorumlarınızı ve geri bildirimlerinizi aşağıya bırakın.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Tüm Trendler Buna Değer mi? Web Tasarımcılarının Yaptığı En Yaygın 5 UX Hatası
• Etkili Bir Açılış Sayfası Nasıl Tasarlanır
• Dönüştürmek İçin Oluşturuldu – Açılış Sayfası Tasarımı En İyi Uygulamaları
• E-Ticaret Web Sitesi Tasarımı İçin En İyi Kılavuz
• Kapsamlı Bilgi Mimarisi Rehberi