Çekici WordPress siteleri için hikaye anlatma gücü nasıl kullanılır

Bir zamanlar, web sitesinin bizi eğlendirmek ve eğitmek için çarpıcı bir neon rengine ve bol metne sahip olduğu bir dünyada yaşadık. İnternet (Geocities’i Düşünmek …) oynamamız için yeni ve parlak yeni bir yerdir ve web geliştiricileri olarak elimizden gelenin en iyisini yapıyoruz, durumu göz önünde bulunduruyoruz: HTML, düşük ekran çözünürlüğü, sınırlı renk serileri ve kimse yok gerçek hayat ve hayal gücümüz örneği dışında doğru işleyendir. Hızlı bir şekilde 2016’ya doğru ilerleyin ve hikayemiz çok uzun bir yolculuk geçirdi. Bilgisayarlar, mobil cihazlar, akıllı TV’ler ve hatta bazı otomobiller artık bizi internete 7/24 bağlı tutuyor.
İnternete erişmek için kullandığımız teknolojik cihazların geliştirilmesi ve güzel, etkili ve eşsiz bir web sitesi oluşturma yeteneğimizle birlikte. Eğer çok uzun zaman önce içimizde nasıl hissettiğini ve hikayemizin günümüzde nasıl olduğunu hatırlamak için çok gençseniz, şuna bakın:

Google önce ve şimdi.
Google’ın görünümü her zaman daha basit bir tarafa yaslanmış olsa da, dünyadaki neredeyse 20 yıldır yapılan farkı görebilirsiniz. İster bir Google web sitesi ister diğer kişiler olsun, şimdi web sitesinin her bölümünün tasarımına girilen daha fazla düşünce ve planlama var … çünkü bunu yapma yeteneğimiz var.
İşletme için, web sitesi çevrimiçi bir kimlik olarak işlev görür ve genellikle potansiyel müşterilerle ilk iletişim noktasıdır. Sonrası bir düşünce veya birleşik bir şey olarak görünen bir web sitesine sahip olmak, müşterinin “Ne istiyorsunuz?” Ancak, doğru şekilde çalışırken, bir web sitesi çok etkili bir pazarlama ve satış aracı olabilir. WordPress’imiz gibi çok yararlı olan Web’in arkamızda ve CMS’nin tasarımında ve geliştirilmesinde yirmi yıllık olağanüstü ilerleme ile, işin artık olağanüstü veya iyi çalışan bir web sitesine sahip olmamanın bir nedeni yok. Ama sadece iyi yapılmış bir web sitesine sahip olmak yeterli mi? Hayır! Kitleniz son zamanlarda sizden daha fazlasını bekliyor. Onları mükemmel bir şekilde yürütülen bir web tasarımı ile çekebilirsiniz, ancak içerik yankılanmaz veya merak etmiyorsa, ilgilerini kaybedebilirsiniz. Bu yüzden web sitelerinin bir hikaye anlatması gerekiyor. Hangi hikaye soruyorsun? Bu bağlı. Ne önerirsiniz? Sonunda ne olduğunu (onlara) bulmak için kitlenizi hikayeye nasıl sokabilirsiniz? Hikaye sizindir ve bunu tasarım yoluyla anlatmanın en iyi (ve en yaratıcı) yolunu bulmalısınız.
Web siteleri için hikaye anlatımı çalışması nasıl yapılır? Bir yazarın bir hikaye yazmasının birçok nedeni vardır, ancak her zaman başarmak istedikleri bir hedef vardır: okuyucuları bağımlı hale getirmek. Bu, küçük bir kız ve plajdan eve yürüyen köpek yavrusu hakkında kanama ya da hikaye hikayesi olabilir. Temel arsa ne olursa olsun, yazar sadece okuyucunun hikaye hakkında bir şeyler hissetmesini istiyor. Bunu düşündüğünüzde iş farklı değildir. Amaçları, müşterilerinin yaşamlarını çeşitli şekillerde iyileştirmeye yardımcı olabilecek ürünler veya hizmetler satmaktır. Bunu biliyor. Bu yüzden markanıza inanıyorsunuz. Ancak çoğu zaman bu niyeti çevrimiçi kitleye iletmek zor görünüyorsanız, sahip olduğunuz tek şey sadece web sitesinde kullanım için bir kelime ve görüntü koleksiyonu olduğunda. Kelimeler ve görüntüler hikayenizi anlatmada çok güçlü olabilir, özellikle dikkatlice inşa edilmişse. Hikayenizi bulun birçok işletme bunu görebilir ve “Ben bir yazar değilim ve kesinlikle anlatacak bir hikayemiz yok . Köpek dondurma satıyoruz. ” Ama bu doğru değil. Bağımsız serbest çalışanlardan büyük şirketlere kadar en basit iş modelinin bile anlatacak bir hikayesi var. Bu kendilerine ait olmayabilir. Köpekler için bir dondurma satış işi işlettiğinizi söyleyin, web sitesi hikayelerinizi çeşitli şekillerde düşünebilirsiniz:
Hikaye #1: Bay Hakkında İllüstrasyonları Paylaşıyorsunuz Bear, bir Alman papaz köpek yavrusu. Pak Bear, bir dondurma kamyonu geldiğinde arkadaşlarıyla parkta oynuyor. Ailesi ona sahip olamayacağını söyledi çünkü dondurma türü onun için iyi değildi. Sonra, arkadaşlarının dondurmasını aldığını görünce ayının efendisinin üzgün göründüğünü görüyorsunuz. Ama bekle … bir çözüm var! [Dondurmanızı burada yiyen mutlu bir ayı ustasının resmini ekleyin.] Hikaye #2: Infographic, resmi bir anlatı yapmak zorunda kalmadan bir hikayeyi anlatmanın iyi bir yoludur. Büyük ve güçlü istatistikler kullanabilirsiniz, ancak ziyaretçileri seyahatleri boyunca sitenize taşımak için basit bir resim. Temel olarak, bu köpeğinizin köpek dondurması olmadan hayatı gibidir (örneğin emirlere% 25 daha az duyarlı) ve o zaman bu köpek dondurması ile köpeğinizin hayatıdır (örneğin enerjide% 10 artış ve veteriner hekimlere daha az ziyaret).
Hikaye #3: Bu hikayeyi kendi hikayeniz olarak da anlatabilirsiniz. Belki Bay Bear gerçekten senin köpeğiniz ve belki de çok üzgün hissediyorsunuz çünkü diğer köpek arkadaşları gibi dondurma yiyemez çünkü laktoza karşı hoşgörüsüzdür. Bu yüzden kendi noktalı köpek dondurma markanızı yapmak için ilham alıyorsunuz.
Hangi açıyı alırsanız alın, her şey kitlenizle bağlantı kurmakla ilgilidir. Bu yüzden işletmelerin bir web sitesi var: markalarını satma umuduyla neredeyse kitleleriyle birleştirmek ve iletişim kurmak istiyorlar. Doğru hikaye ve bunu söylemek için doğru tasarımla, ziyaretçilerinizi pasif okuyucuların rolünden daha etkileşimli bir şeye getirebilirsiniz. Avantajlara odaklanın, hikaye anlatımı yaklaşımlarının avantajlarını gözden geçirmek için biraz zaman ayıralım. Web Sitesi Tasarım:
Net bir vizyon oluşturun: İş hikayenize anlatmak için, markanızın kim olduğunu, neyi başarmak istediğinizi ve kitlenizin gerçekten ne alacağını anlamalısınız. Marka değerinizi anlamıyorsanız, web siteniz için hikayeler geliştirmek kesinlikle bu vizyonu mükemmelleştirmenize yardımcı olacaktır.
Kimlik Geliştirin: Hikayeler anlatmaya başladığınızda asla durmak istemeyeceksiniz. İlginç ve tutarlı bir marka kimliğine sahip olmak, bir animasyonlu video veya veranda hikayesi ile duracak bir şey değildir. Bu, neredeyse ve gerçek dünyada iş kimliğinizin her parçasını emmek istediğiniz bir şeydir.
GERÇEKLEŞTİRİLMİŞ: Ziyaretçilerinizin dikkatini çekmek istediğinize çekmek için Web Tasarımında kullanılan harekete geçme daveti. Bize Ulaşın. Bunu indirin. Bu anketi doldurun. Ancak hikaye anlatımı, bunları hikayenize ve belirli bir şekilde onlarla daha fazla ilgilenmenize izin verir.
Kendiniz ayrı: Herkesin anlatacak benzersiz bir hikayesi var, ancak herkes onu web sitelerine (veya genel olarak marka kimliklerine) nasıl çevireceğini bilmiyor. Web sitenizi oluşturmak için hikaye anlatımı ilkesini kullanarak, bir web sitesi oluşturursunuz ve işletmeniz rakiplerden farklıdır. Genel tasarımı geliştirir: Web sitesi tasarımına hikaye anlatma ilkesini uygularken, önce her şeyi planlamanız istenir. Net bir vizyon olmadan, hikayenizi çevrimiçi olarak etkili bir şekilde paylaşmak zor olacaktır. Dolayısıyla, planlamak ve hazırlamak için zaman ayırarak, web siteniz nihayetinde teslimatında daha akıllı ve kasıtlı olacaktır.
Tabii ki, yukarıdaki avantajların tümü, ancak kitlenizle ilişkilendirilebilecek ilginç hikayeler yapmak için zaman, enerji ve yaratıcılık harcamaya istekliyseniz elde edilebilir.
Web siteniz ve/veya markanızın net bir vizyonu yoksa …
Kafanız karışmışsa “All Stop” ile “Söyleyin” …
İşletmeniz çok gençse ve izleyiciyi bilmiyorsa …
O zaman hikaye anlatımı yaklaşımı sizin için doğru olmayabilir. Ve bu iyi. Gelecekteki referanslar için bu makaleyi basılı tutun ve ayrılmaya hazır olduğunuzda geri atlayın. Daha iyi bir marka hikayesi oluşturmak için hikaye anlatımı ilkesini nasıl kullanılır … ve her yazarın, öğretmenin ve hatta harika bir film eleştirmeninin web sitesi size hikayede beş kritik aşama olduğunu söyleyecektir. Geleneksel “hikayeyi” (yukarıdaki 1 numaralı hikayede olduğu gibi) anlatıp almayacağınız veya markanıza diğer yaklaşımlarla anlatmanızın yanı sıra, hedef bu beş hedefin her birine ulaşmaktır ve bu sırada, ziyaretçiniz geçtikçe Web sitesi. Aşamaları açıklayacağız, o aşamada hikayenizi nasıl yapacağınıza dair bazı ipuçları vereceğiz ve ayrıca bu aşamayı iyi gerçekleştiren bazı gerçek hayat örnekleri vereceğiz. Hazır?
Talent Garden, dijital ve yaratıcı profesyoneller için bir meslektaş ağıdır.
İlk başta … “İlk başta,” “Bir zamanlar,” “uzak bir galakside, uzakta” … Hikayeyi daha önce başlayan bu şekilde görüyorsunuz. Bir hikayenin sergisi veya düzenlemesi olarak bilinen şey budur. Karakterle buluşuyorsunuz, arka planı bulun ve görülenden daha fazla bir şey olduğunu anlıyorsunuz.
Web siteleri için burası bir çatışma yapacağınız yerdir. “Çatışma” kelimesi olumsuz bir çağrışım olsa da, hikaye anlatımında her zaman olmaz. Temel olarak, her şey ziyaretçileriniz için neyi bitirmeye çalıştığınıza bağlıdır. Her neyse, web sitesi hikayeniz oradan başlamalıdır. Bir örnek: Yetenek Bahçesi sitesi yukarıda görüntülenir. Sunduklarının ortak bir çalışma alanı olduğunu görebilirsiniz. Web sitesi hikayeleri için, kitlelerine iyi konuşan arka plan görüntüsüne çok bağımlı olmayı seçtiler: serbest topluluğu ve başkalarıyla çalışmak için bir yer isteyen diğer evlerden bireysel çalışmalar. Daha sonra çok basit bir mesaj kullanırlar ve “çatışmayı” net bir şekilde açıklarlar.
Hikayeniz hemen başlamalı, dahili sayfaya sıkışmamış.
Hikayenizi yönetmek için çok güçlü ve net bir kopya kullanın. Ne yaptığınız veya ziyaretçilerin neden daha fazla bilgi edinmekle ilgilenmesi gerektiği konusunda bir karışıklık olmamalıdır.
En önemli olanı vurgulamak için büyük harf kullanın.

Arka plan tasarımı, renk veya görüntüyü bırakın hikaye tonunuzu ayarlayın.
Anlattığınız hikayeye odaklanmak için negatif alandan yararlanın.
Kitlenizden doğru duyguları uyandıracak bir renk seçimi seçin.

Ziyaretçilerinize hikaye boyunca rehberlik etmek için bir marka “maskot” yapmayı düşünün.
… Bir sorun var … Marka hikayenizin bir sonraki kısmı, çatışmadan kaynaklanan eylemlerle ilgilenmelidir. Web sitenizin başlangıcından beri (ana sayfanın en üstü veya paralaks kaydırma sitesinin ilk kısmı) ayarlarla ilgilenen, şimdi çatışma etrafında gerginlik oluşturma zamanı. Yükselen aksiyon denir. Bu hikayenin hikayesini anlatmak için bir tasarım kullanırken, bu tamamen eylem sinyali ile ilgilidir. Anlatmanız gereken gerçek bir hikayeniz var mı, yoksa sitenize sadece “bu, bu şekilde” bu şekilde başlayan bir dizi mantıksal bilgi sunuyor musunuz, “bu şekilde düzeltme şeklimiz”, onları yönlendirmeniz gerekecek Görsel hikayeler. Örnek: National Geographic Channel’dan Kennedy sitesini öldürmek. Site tasarımı, gerginliği geliştiren ve oluşturan arsa noktalarını paylaşmak için renkli kayar simgeler ve metin kutuları kullanır. Kennedy ve Oswald arasındaki hikayenin nasıl sona erdiğini zaten biliyorsunuz, ancak bu site, okuyucuyu hikaye boyunca ve eyleme yönlendirmek için tasarımı kullanmada olağanüstü bir iş çıkardı. Killing Kennedy sitesi okuyucuyu dahil etmek için etkileşimli öğeler kullanır. Yürütme İpuçları: Ayarları ayarlar ayarladığınız anda doğrudan eyleme geçin. Çoğu web sitesi için eylem, gerçek diyalog yerine hareket ve renkler şeklinde gelecek.
Hikayenizin takip edilmesi ve mantıklı olması için basit navigasyon kullanın. Her kaydırma, parça veya sayfa yeni bir “çizim noktası” olarak işlev görmelidir. Bir odaya çok fazla denemeye çalışmayın.
Hikayenizin hızı üzerinde daha az metin ve görsel ipuçlarına daha fazla vurgu yaparak sıkı bir kontrolü yapın. Okuyucuyu hikaye boyunca taşımak için CTA veya parlak animasyonları kullanın.
… Ve aniden bir şey oldu …
Hikayenizin orta kısmı bir doruk veya en yüksek nokta olmalıdır. Yani Bay davasında Daha önce,% 33 komuta verilen eğitim sırasında dondurma alan köpeklerin sadece bisküvi alan köpeklerden daha iyi olduğunu ortaya çıkarabilirsiniz. Bu istatistikler, hikayenizde ziyaretçilerin keşiften şaşıracak veya şaşıracakları bir tür dönüm noktası sağlamalıdır. Fiziksel veya duygusal olarak, doruğun kitlenizden bir tür yanıt almasını istersiniz ve web sitesi tasarımınızın da yansıtmasını istersiniz. Örnek: Başından sonuna kadar, Para Your Para Malzemesi web sitesi, izleyicilerinin acı çekmesinin hikayesini anlatmak için olağanüstü bir iş çıkarıyor. Kendilerini gerçekten yenmelerine rağmen bu dorukta. Gerginlik, yuvarlanmaya başladığınızda o kadar olağanüstü uyanır, doruğa ulaştığınızda, hesap makinesini doldurmak için çok gergin hissedebilirsiniz. Ancak bu basit bir istekdir – iki sütunun yeterli içeriği. Ve sonra sizin için istedikleri her şey düğmeyi tıklamaktır (hoş olmayan bir renkle). Üretilen ekran size bankanın sizden ne kadar para kazandığını anlatıyor. Ne olursa olsun üretirseniz, bir sonraki adımda ne olacağını görmek için yolculuğa devam etmeye kesinlikle teşvik edileceksiniz. Yürütme İpuçları:
Bu senin büyük açıklamanız.Şaşırtıcı olması gerekmez, ancak ziyaretçilerinizi durduran ve bunun onlar için ne anlama geldiğini merak eden bir şey olmalı. Ziyaretçileri bu önemli anda dahil etmek için sürpriz bir eylem kullanın.Videolar oynayın, ses efektlerini kullanın, şaşırtıcı renkler girin veya oyunlaştırma formu aracılığıyla onlarla etkileşime geçin (paranızın önemli olduğu bir hesap makinesi gibi).
… Ama sonra her şeyin değiştiğini görmeye başladılar … Web sitenizi (veya hikayenizi) bir dağ gibi düşünün. Fuar dağların temeli olacaktır. Aksiyon yükselen dağın tepesine tırmanmanız olacak. Doruk zirve olacak. Ve sonra görevinizi tamamlamak için geri dönmelisiniz. Bu düşen bir eylem. Web sitesi hikayeniz durumunda, bu, ziyaretçileri son hedefe büyük açıklamanızdan mantıksal olarak yönlendirecek herhangi bir eylem veya adım şeklinde olabilir. Bazı web siteleri şu anda kaybetti ve daha önce mantıklı bir bilgi akışına rastgele referanslar veya sosyal medya yemleri atmaya başladı. Ziyaretçinizin düşüncesine müdahale etmeyin. Düşen aksiyon ile onları pistte tuttuğunuzdan emin olun. Örnek: La Moulade web sitesi minimalist bir tasarım sembolüdür. Ve en önemlisi, bu şimdiye kadar gördüğüm en iyi düşme eyleminin bir örneği var. Hızlı bir şekilde kim olduklarını ilan ettikten ve daha sonra ziyaretçileri doruklarına getirdikten sonra (bisiklet zili, orada olduğunuzu söylemek için çaldı), yaratıcı portföylerinden gelen trafikte size rehberlik ediyorlar. İşte burada. Düşen eylemleri sadece bir portföy. Daha fazla kelime yok. Tüm resimler. Ve bu işe yarıyor! Ya daha fazlasını görmek için bunlardan birini tıklamak zorunda kalıyorsunuz ya da en altta ne olduğunu bulmak için sonuna kadar kaydırın, sizi çekmenin basit ve yaratıcı bir yolunu buldular. La Moulade’nin yaratıcı web stüdyosu Situs’u birçok hoş interaktif ile dokunma.
Yürütme İpuçları:
Ziyaretçilere web siteniz aracılığıyla rehberlik etmek için yükselen eylemlerde ne kullanırsanız kullanın, eylem aynı hareketi, tasarımı veya CTA’yı yansıtmalıdır. Doruktan web sitenizin sonucuna kadar basit bir komplo olmalıdır.
Eylemin minimumda düşmesi.Doruğa ulaştıktan sonra ziyaretçileriniz hızlı sonuçlar bekleyecektir.
İlgiyi korumak için güçlü bir görüntü veya tipografi kullanın, ancak aşırıya kaçmayın.
… ve son aşama şu ana kadar sorunlarına bir çözümleri var, ziyaretçinizin yolculuğunun ve hikayenizi tamamlamanın sonu. Ziyaretçileriniz bu noktaya ulaştıktan sonra soru kalmamalıdır. Hikayeyi anlıyorlar, neden kendileriyle ilişkili olduğunu anlıyorlar ve sorduğunuz eylemi yapmaya mecbur hissediyorlar. Bunun tasarım bölümü oldukça basit olacak: onlara yolculuğu sona erdiren ve ziyaretçilere şimdi yapmak istedikleri eylemleri veren açık bir oyunculuk eylemi vermek. Örnek: Zensorium’un sunabileceği çok basit bir ürüne sahiptir, ancak hikayelerini iyi yapılmış görüntüler, basitleştirilmiş metin, parlak renk örnekleri ve mantıksal bilgi geliştirme yoluyla paylaşmalarını engellemez. Bunu ana sayfalarının yapısında çok net bir şekilde görebilirsiniz. Sayfanın sol tarafının üçte ikisini kaplayan dönen bir afiş var. Sizi kim olduklarının temelleri aracılığıyla getiren parlak ama yatıştırıcı bir görüntüden geçer. Ancak, sağ tarafta, görüntü yerinde kalır (aşağı kaydırmazsanız). Bu onların çözümü. Amaçları, ürünlerini satın almanızdır. Bu nedenle, solda basit bir zaman çizgisine sahip ziyaretçileri dahil ederek, sağdaki statik görüntü en mantıklı son adımdır. Zensorium, sağlık izleyicileri ve fitness satmak için hikaye anlatımını kullanır.
Yürütme İpuçları:

Çözünürlük basit olmalıdır. Hem davet kutusu Yasası hem de ziyaretçilere şunları söyleyen yön sayfası: “Bu yolculuk burada sona erdi. Şimdi bir sonraki adımı atma sırası. ”
İstenen eylemin basit olduğundan emin olun.Bu formu doldurun, bunu satın alın, şimdi bizimle iletişime geçin, vb. Web siteniz ve markanız için hikayeler geliştirmek, maceraları ziyaretçilerinizi siteden takip edecek bazı olağanüstü karakterler yapmanız gerektiği anlamına gelmez – ancak oldukça olsa da serin.Hikaye anlatımı, web sitenizi ziyaret edenler için benzersiz bir gezi yapmakla ilgilidir – bir marka olarak sizinle yer aldıklarında yaşayacakları deneyimi yansıtan bir gezi.Bu nedenle, kim olduğunuzu ve sizinle bağlantı kurmak için ziyaretçileri (ve potansiyel müşterileri) çekmek için en etkili hikayenin ne olduğunu düşünmek için zaman ayırın.Ardından, bu anlatım tasarımının tüm ilkelerini uygulayabilirsiniz.
Şimdi sıranız var: Marka hikayeniz nedir ve web sitesi tasarımınız aracılığıyla hikayeyi nasıl anlatıyorsunuz?
Etiket:

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir