Hikaye anlatımı, neredeyse insan ırkının kendisi kadar eskidir. İnsanoğlu konuştuklarından beri, hikâye anlatımını fikirleri, dersleri ve kavramları iletmenin bir yolu olarak kullandılar. Web tasarımı tümüyle fikir ve kavramları iletmekle ilgilidir, bu nedenle Web'de hikaye anlatımı kullanıcıların ilgisini çekmek için mükemmel bir yoldur.

Web tasarımcıları daha yaratıcı hale geldikçe ve kullanıcı deneyimini geliştirmek için yeni yollar aradıkça, tasarımlarında hikaye anlatmaya yöneliyorlar.

Tasarımcılar bir web sitesine hikaye anlatımı eklediğinde, kullanıcıyı daha verimli bir şekilde çiziyorlar, bu da daha çekici bir deneyim yaşatıyor. Hikaye anlatma, birçok farklı cihazın şeklini ve şeklini alabilir ve çeşitli site türleri hikaye anlatımı trendine atlayabilir.

Sosyal medya ile hikayeler anlatmak

Bugünlerde sosyal medya ve web tasarımı giderek daha fazla entegre oluyor. İnternet üzerindeki çoğu işletme ve yayın, sosyal medya düğmelerinin her sayfasında her sayfada yer almakta, paylaşım ve tanıtım yapmayı her zamankinden daha kolay hale getirmektedir. Sosyal medya, bir marka hakkında tutkuyla hareket eden kullanıcıları, ürün veya hizmetle hiç olmadığı kadar verimli bir şekilde bağlantı kurmaya teşvik eder.

Sosyal medya, hikaye anlatımı yoluyla pazarlamanın harika bir yolu olabilir. Markanızın öyküsünü, sadık müşterilerin / kullanıcıların tutkulu kitlesine söyleyebilirsiniz. Sosyal medya, bir markanın öyküsünü tutku, amaç ve hype ile anlatmanın birçok yoluna dayanır.

almak Tommy Hilfiger'in Facebook sayfası . Klasik Amerikan hazırlık dünyasının bu özeti, sayfadaki beğenilerle temsil edilen 8,7 milyondan fazla takipçiye sahip. Bu pek çok takipçi, markanın hikayesini anlatabileceği anlık kitle. Hilfiger, tasarım lansmanları, ünlü ortaklıkları ve tanıtım etkinliklerini takipçileriyle sürekli olarak paylaşıyor. Marka ayrıca hikayesini topluma daha çekici hale getirmek için resim ve video kullanıyor.

001

Görsellerle hikayeler anlatmak

Bazen, hikaye anlatımı, görüntülerin basit ve alçakgönüllü kullanımıyla etkili bir şekilde gerçekleştirilebilir. Ne de olsa bir resmin binlerce kelimeye değdiği hakkında eski bir atasözü var. Bunu düşündüğünüzde bu çok anlam ifade eder, çünkü bir resmin çekilmesi kolaydır, böylece bir mesaj çok verimli bir şekilde iletilebilir.

LinkedIn kayıt sayfası bunu bir tişörte gösterir. Her şeyden önce, tüm sayfada ne kadar küçük bir kopya olduğuna dikkat edin! Bu açıkça, (çok çeşitli) bireylerin resim grubunun sitenin kullanıcısını selamlamasına izin vermek amacıyla yapılır.

Sadece resim kutularını gözlemleyerek, LinkedIn'in neyle ilgili olduğuna dair keskin bir izlenim edinebilirsiniz: Bu gerçekten herkes için. Resimler, çeşitli etnik kökenden gelen erkek ve kadınların (yaşlı kişileri içermeseler bile), LinkedIn deneyimleri nedeniyle memnuniyetle ve güvenle gülümsediklerini gösteriyor. Sosyal ağ sitelerine aşina olmayan herkes, hemen hemen tüm gezegenlerden insanların siteyi ağ kurmak ve iş yapmak için kullandığını anlar.

002

Çizimlerle hikayeler anlatmak

Resimler veya çizimler, fotoğrafların sahip olduğu aynı tür sihirleri çalıştırabilir. Ayrıca, site ziyaretçisinin bir markanın anlatmaya çalıştığı hikayeyi anlamasını kolaylaştıran görsel yardımcılar. Çizimler iki yoldan biriyle gidebilir: soyut yol veya daha gerçekçi yol. İkinci tipe bakacağız.

Üzerinde Evernote Web Clipper web sitesi , soldan sağa doğru giden üç blok resmi fark edeceksiniz. Evet, resimlerin bloklarına, Web Clipper'ın nasıl çalıştığını açıklamaya yardımcı olmak için alt kısımdaki kullanışlı metinler eşlik ediyor, ancak söz konusu illüstrasyonlar neredeyse bir hikaye kitabı gibi, kullanıcı akışının neye benzeyeceği gibi hayata geçiyor.

Sonuç olarak, Web Clipper'ı istedikleri zaman ve istedikleri zaman İnternet'ten çeşitli unsurları toplamak ve bunlara erişmek için kullanabileceklerini merak eden kimse kalmadı.

003

Kopya ile hikayeleri anlatmak

Site kopyasında kullanılan kelimelerin harika bir hikaye anlatımında son derece güçlü olması şaşırtıcı değildir. Kelimelerin harika bir hikâye anlatmanın kalbi olduğunu düşündüğünüzde, bir dünya duygusu yaratır ve bu, insanın ilk önce kağıda yazdığı kalemden bu şekilde olmuştur.

Büyüleyici bir hikaye anlatmak için kopyanın nasıl kullanılabileceğini gösteren bir site Turist Gözü . Turist Göz, hizmetlerini kullanmak için kullanıcılara ne alacaklarını hemen bildirmek için, pürüzlü ve ilgi çekici bir kopyasına dayanır. Bu noktaya kadar, site kopyası, büyük seyahatler ve küçük kaçamaklarda, yapmak istediğiniz şeyler için bir dizi fikir ve ipucu bulabileceğinizi açıkça ortaya koymaktadır.

Ardından, kullanıcı sayfayı aşağı doğru kaydırdıkça, kopya, mevcut olan ek özellikler ve seçenekler aracılığıyla ona doğru yürür. Bunlar istek listeleri oluşturmak için pratik ve cazip bir fırsat ve bir uygulama olarak cep telefonunuzda Turist Göz almak için bir şans içerir.

004

Maskotlarla hikayeler anlatmak

Komik ve sevimli olunca, maskotlar kenara sahiptir. Şirketler maskotların kendilerini müşterileriyle buluşturmanın kolay bir yolu olduğunu biliyor ve aynı zamanda bir markanın hikayesini mizahi, erişilebilir ve konuşkan bir şekilde anlatmasına yardımcı oluyor. Örneğin MailChimp'i al.

Adıyla oldukça ünlü bir maskotu var. Freddie Bu, şirketin kurumsal felsefesini ileterek hikaye anlatımında bir patlama işi yapar. Şirket, genel olarak iş ve yaşam için hafif kalpli ve ciddi olmayan bir yaklaşımı benimsiyor ve bu da Freddie'nin tasvirleri içinde MailChimp ile ilgili her şeyde kolayca görülebiliyor.

Freddie'nin sadece gülümsüyor, göz kırpıyor veya kulağında bir kalemle (ve geniş bir şekilde gülümsüyor) olsun, markanın kullanıcılara göre aşağıdan yukarıya ve kişibil bir tarzda iletişim kurduğunu biliyorsunuz. Bu maskot neredeyse tüm sayfalarda görülebilir MailChimp bir şekilde şekil veya biçim.

005

Paralaks ile hikayeler anlatmak

Paralaks kaydırması birkaç yıldır etrafta dolaşıyor ve hala modayla ilgili. Muhtemelen web tasarımında ölümcül etkili hikaye anlatımının nasıl olabileceğini gösteren en kolay yoldur. Bunun nedeni, bir web sitesinde ilerlemenin doğasının, daha fazla bilgi katmanını (okuma: hikaye anlatımı) açığa çıkarmak için verildiği gibi, hemen hemen bir sonraki cilt katmanlarını bir soğandan soymak gibi (tabii ki gözyaşları).

Örnek alın Kraliyet İngiliz Lejyonu - Haşhaş web sitesini takip et . Meraklı ziyaretçilere, Kraliyet İngiliz Lejyonu'na yapılan bağışların nasıl harcantığına dair hayati bilgiler sağlar. Kaydettikçe ilginç ve canlı bir hikaye anlatımıyla, Lejyon'un sağladığı sayısız, faydalı hizmeti göreceksiniz. Bu, İngiliz askeri ailelerine (gerçek ailelerin özel örnekleriyle birlikte) yardımcı olmayı ve hizmeti başka bir şeyde denemek için hizmetten ayrılan gazilere yardım etmeyi içerir.

006

Kişiliğe dair hikayeler anlatmak

Kişilik, çağdaş web tasarımında giderek daha hayati bir unsur oluşturmaya başladı. Özellikle işletmelerin ve markaların kendilerini insanileştirmesine yardımcı olmak için güçlü ve güçlü, böylece site ziyaretçileri, hayranları ve alıcıları ile daha hoş bir düzeyde bağlantı kuruyor. Tüm bunlar satın almak isteyen daha fazla insana eşittir, doğal olarak da daha büyük karlar gelir.

Kişilik, markanızın da harika bir hikaye anlatmasına izin verir. Örnek alın Evcil Hayvan Yerleşimi . Sitenin Ekip bölümü altında, tüm çalışanlar dikkatleri üzerine çeker, ancak sayfanızdan tipik bir şekilde uzaktır! Tüm çalışanlar (ve bazı köpekleri de) geniş bir şekilde gülümsüyorlar, ancak imlecinizi her bir resmin üzerine getirdiğinizde, bir bonus sürpriz olacaksınız: her çalışanın aptalca / tutum dolu bir pozu. Bu, site ziyaretçilerine kurum kültürünün ne kadar rahat ve rahat bir şekilde Pet Relocation'da olduğunu anlatıyor.

007

Sonuç

Öykü anlatma ilk insan insanlar hala çiğ etlerini yiyordu ve mağara duvarlarında çiziyorlardı çünkü insan ırkı ile olmuştur. Bu, şeyleri ele almak için güçlü ve etkili bir yol olduğu için. Bu teknik, web tasarım dünyasında uzun süredir devam eden bir sürpriz değil.

Markaların ve işletmelerin bu yaklaşımı ne kadar çekici bulduğunu gördükçe, bu tekniği içeren site tasarımından sonra site tasarımını daha fazla göreceksiniz.