Uygulama Kullanıcı Arayüzü/UX Tasarımı için Görsel Hikaye Anlatımına Yönelik En İyi Kılavuz

Hikâye kelimesini ne zaman duysak aklımıza ilk gelen şeyler ya romanlar, Netflix dizileri, bazı animasyon filmler ya da en sevdiğimiz çocukluk kitabımızdır.

Nedenini hiç merak ettiniz mi?

Çünkü hikayeleri gördüğümüz ve zevk aldığımız ortam, aklımızda ve kalbimizde sonsuz bir izlenim bırakmıştır. Bu ortamlar bize hikayenin bir parçası olduğumuzu ve kendi özel rolümüz olduğunu hissettirdi , bu da her bir karakteri kafamızda görselleştirmemiz için ilgimizi çekti .

Bu, bugünlerde kullanıcıların mobil uygulamalardan beklediği şeydir. Onlarla birlikte sunulan çok sayıda seçenekle, yalnızca onlara en iyi hizmetleri sunmakla kalmayan, aynı zamanda onlara yaşanacak bir hikaye veren uygulamalarla etkileşim kurmayı dört gözle bekliyorlar. Ve bunu mümkün kılmanın kanıtlanmış etkili bir yolu, mobil uygulama UI/UX tasarımı için görsel hikaye anlatımına bakmaktır.

Ancak burada ortaya çıkan sorular şunlardır: Görsel Hikaye Anlatımına yatırım yapmak gerçekten buna değer mi ? UI tasarımında hikaye anlatımının önemi nedir? Bu tekniği UI/UX tasarımınıza dahil etmek için doğru yaklaşım nedir? Ve gelecek ne tutuyor?

Bu makalede tüm bu soruların yanıtlarını bulalım – Dijital veya Görsel Öykü Anlatımının ne olduğunu ve faydalarının neler olduğunu araştırarak başlayalım.

UX Tasarımında Görsel Hikaye Anlatımı Nedir?

UX tasarımında Görsel Hikaye Anlatımı, resim, video, grafik, ses, müzik ve ses gibi görsel medyayı kullanarak kullanıcı yolculuğunu daha sorunsuz, kolay ve etkili hale getirmenin bir yolu olarak tanımlanır.

Görsel hikaye anlatımı teknikleri , hem müşterilere hem de markalara sayısız fayda sağlamak için bir mobil uygulamanın UX'ini tasarlama ve gözden geçirme sürecinde yaygın olarak uygulanır , örneğin: -

Daha iyi anlama

Çoğu zaman, kullanıcılar uygulamanızda yazılan kelimeleri istediğiniz gibi yorumlamazlar. Bu nedenle, ana fikri anlamazlar ve aynı şekilde yanıt verirler.

Şimdi, burada Görsel hikaye anlatımı, zihinlerinde bir dürtü oluşturan ve gördüklerine bir anlam katan görsel öğeleri sergiliyor. Bu, sonunda kavramın özünü anlamalarına yardımcı olur.

hatırlaması kolay

İnsan beyni, bir hikayeyi diğer iletişim unsurlarından daha etkili bir şekilde analiz edip işleyebildiğinden , tasarımda görsel anlatı kullanmak, kullanıcıların hikayeyi çok daha kolay hatırlamasını sağlar.

Ayrıca bu teknik, kullanıcıların hikayeyi belirli yer, zaman ve malzemelerle ilişkilendirme şanslarını artırmakta, bu da tüm bu yerleri ve malzemeleri ziyaret ettiklerinde/gördüklerinde hikayeyi hatırlama şanslarını daha da artırmaktadır.

Daha fazla etkileşim

Görsel anlatı veya Dijital hikaye anlatımının bir diğer önemli önemi, kullanıcıların yalnızca iletmek istediğiniz mesajı görmelerine ve anlamalarına yardımcı olmakla kalmayıp, aynı zamanda kavramın derinliğini de deneyimlemeleridir. Kendilerini konseptin bir parçası olarak görmelerini ve böylece markanıza bağlı kalmalarını sağlar.

Marka iletişimi

Görüntü ve metinden oluşan aşamalı bir hikaye veya açılış sayfasına veya ana sayfaya geldiklerinde otomatik olarak oynamaya başlayan bir video ile kullanıcıları ürününüzün özellikleri arasında gezdirmek, kullanıcıları çekmek için birleştirici bir yaklaşım olabilir. bu, harika bir marka mesajı sağlamaya ve kullanıcılarla bağlantı kurmaya yardımcı olacaktır.

Daha yüksek potansiyel müşteriler

Görsel Hikâye Anlatıcılığı kavramı, işletmelerin satış rakamlarını artırmalarına da yardımcı olur. Teknik, kullanıcıların kendilerini hikayenin ana karakteriyle, yaptığı seçimlerle kolayca ilişkilendirmelerini ve böylece karar vermelerini sağlar. Bu, sonunda belirli ürün/hizmetinizi satın almaya karar verme şanslarını artırır.

Etkili pazarlama

Son olarak, Görsel hikaye anlatımı, markalara AR, VR ve IoT gibi gelişmiş teknolojileri kullanarak ürünlerini ve hizmetlerini tanıtmak için daha geniş seçenekler sunar . Bu, yalnızca markanın kalabalığın arasından sıyrılmasına yardımcı olmakla kalmaz, aynı zamanda kullanıcıların hikayeyi veya onunla ilgili herhangi bir şeyi duyduklarında, gördüklerinde veya tartıştıklarında markayı hatırlama şanslarını da artırır.

Bu faydalar nedeniyle , Slack, Patagonia, Toca Boca ve Slow Factory gibi çeşitli küçük ve köklü markalar, Görsel Hikaye Anlatımı sürecine sürekli olarak zaman ve çaba harcıyorlar. Bu gerçeği bilerek , çoğunluğa katılmakla ilgilenmelisiniz.

Ama, DUR!

İşe alma sürecine geçmeden ve UI/UX uygulama tasarımı ihtiyaçlarınızı uzmanlara teslim ederek arka koltuğa geçmeyi düşünmeden önce , hadi hikaye anlatıcılığının önemini bir okuyalım.

Görsel Hikaye Anlatımı Neden Önemlidir?

Nedenini öğrenmek için, kullanıcı deneyimi için dijital hikaye anlatımının ardındaki araştırma ve psikolojiye derinlemesine dalalım. Hikaye anlatımı UX tasarımında, bir yöntem olarak hikaye anlatımının özelliği, kullanıcıların psikolojisine ilişkin önemli bir anlayış elde etmek ve onlara duygusal bir düzeyde erişmek için bir yaklaşım olarak kullanılır.

Görsel hikaye anlatımı, bir şekilde sıkıcı olabilecek bir marka mesajına şekil ve anlam kazandırır. Görseller, tanıtım ve pazarlama kampanyalarının önemli bir bölümünü oynar.

UX tasarımına görsel bir anlatı oluşturmanın en iyi yoluna ve geleceğin neler getireceğine bakalım.

Öyleyse, uygulama UX tasarımına görsel hikaye anlatımı eklemek için ipuçları (ve stratejiler) ile başlayalım.

UX Tasarımında Görsel Hikaye Anlatımı İçin 8 İpucu

Hedef kitlenizi anlayın

Hedef kitlenizin acı noktalarına ve arzularına baktığınızda ve kolayca ilişki kurabilecekleri görsel bir hikaye oluşturduğunuzda, daha iyi tepkiler yansıtırlar. Başvurunuzu yararlı bir kaynak olarak görüyorlar ve sizinle duygusal bir cephede bağlantı kuruyorlar.

Bu nedenle, hedef kitlenizi anlamak ve onun etrafında bir hikaye oluşturmak için elinizden gelenin en iyisini yapın.

Basit ama etkileşimli tutun

Basit ama etkileşimli bir hikaye, kullanıcıların kavraması, kavraması ve hatırlaması için kapsamlı ve karmaşık bir hikayeden çok daha kolaydır. Bu nedenle, tek satırlık içerikle görsel hikayeler oluşturmayı dört gözle bekleyin. Web tasarımı için görsel hikaye anlatımında ve uygulamalarda açılış sayfaları açısından olumlu bir etki yaratmak söz konusu olduğunda , görsel içeriği F ve Z kalıpları aracılığıyla aşılama fikrine yatırım yapın.

[ Burada F ve Z kalıpları hakkında daha fazla bilgi edinin .]

İlk izlenim oluşturmaya odaklanın

UX tasarımı için Görsel hikaye anlatımının nasıl kullanılacağı hakkında konuşurken, ilk izlenim müşteri deneyimini geliştirmede çok önemli bir rol oynar .

Bunun nedeni beynimizin hızlı bir izlenim yaratacak şekilde çalışmasıdır. Böyle bir senaryoda, hikayenin ilk kısmına duygularına dokunan ya da köklü değerleriyle ilgili bir şeyler olan unsurları koymazsanız, hikayeyi sonuna kadar izlemeye devam etmezler. Bu, Görsel hikaye anlatımını kullanarak inanılmaz bir UX tasarımı oluşturma çabalarınızın boşa gideceği anlamına gelir.

Bu nedenle, dijital hikayenizin başına en çarpıcı öğeleri koyun ve uygulamanıza daha fazla göz küresi kazandırın.

Bazı insan öğeleri ekleyin

Birkaç kişi aracılığıyla işletmenizin hikayesini öne çıkardığınızda, kullanıcılar bağlantı kurmayı daha kolay buluyor. Onları markanız için harekete geçmeye teşvik eden bir güvenilirlik duygusu hissederler. Bu nedenle, marka hikaye anlatma stratejinize insan unsuru eklemeyi atlamayın.

Olumlu duygular uyandıran görseller kullanın

Görsel öğelerle marka hikayesi oluşturmanın önemli ipuçlarından biri de olumsuz imajlardan kaçınmaktır. Çünkü bu tür görseller kullanıcıları korkutabilir veya saldırgan hissettirebilir, bu da onları ana fikirden uzaklaştırabilir ve dolayısıyla sonucu azaltabilir.

Bu nedenle, olumsuz ya da üzücü bir şey hakkında konuşuyor olsanız bile, hikayenin sonuna kadar dikkat etmelerini sağlamak için olumlu bir ton oluşturmaya çalışın.

Tipografi ile görselleri eşleştirin

UX tasarımı aracılığıyla marka hikaye anlatma stratejinizde göz önünde bulundurmanız gereken bir sonraki şey, seçtiğiniz tipografi ve görsel öğelerin senkronize olması gerektiğidir. Bunun nedeni, hem görsel öğelerin hem de tipografinin kendi tonuna sahip olması ve akıllıca seçilmediği takdirde , müşterilerin kafasını karıştıran çelişkili tonlara yol açabilmesidir .

Bu nedenle, işe aldığınız ürün tasarım ekibinizden , uygulama tasarımınızda her tasarımcının kullanması gereken en iyi tipografi araçlarını kullanarak tonu tamamlayan görsel öğeleri seçmesini istemeniz karlı olacaktır .

Özgün ve kültüre duyarlı olun

Uygulama kullanıcı etkileşimi için etkili hikaye anlatımı tekniklerini kullanmak söz konusu olduğunda , stok görselleri kullanmak işinizi kolaylaştırabilir, ancak uygulamanızın içeriğinin bile "stok" olduğu izlenimi verir. Bu, müşterilerin uygulamanıza daha az bağlı hissetmelerini sağlar ve uygulamanızın orijinalliği üzerinde olumsuz bir etki yaratır. Bu nedenle, görüntüleri ve diğer öğeleri sıfırdan tasarlamayı ve uygulama tasarımınıza benzersizlik eklemeyi tercih edin.

Ayrıca her rengin ve canlının dünyadaki farklı şeyleri simgelediğini de göz ardı etmeyin. Örneğin, Beyaz Avrupa ülkeleri için saflığın bir işaretiyken, Asya kültürü rengi hüzün ve ölümle ilişkilendirir. Bu nedenle, UX tasarım stratejinizi planlamadan önce bu tür kültüre duyarlı tüm konularda kendinizi güncel tutun.

Kusursuz yürütmeyi takdir edin

Görsel Hikaye Anlatımı tasarım stratejinize sanatın ve bilimin en iyilerini harmanlamak bir şey olsa da, kusursuz bir müşteri deneyimi sunmak için bunların kusursuz uygulanması da önemlidir. Bu nedenle, kalite güvence sürecini gözden kaçırmayın.

Stratejinin hedef kitleniz üzerinde olumlu ve karlı bir etki yarattığından emin olmak için UX tasarımınızın her öğesini test edin ve deneyin.

Buna katılarak, bu makalenin son temel unsuruna, yani görsel hikaye anlatımı tasarım trendlerinin gösterilmesine dönelim.

Görsel Hikaye Anlatma Tasarım Trendleri

Etkileşimli hikaye anlatımı

İletişim öğelerinin hibrit biçimlerini kullanarak etkileşimli bir hikaye oluşturmak trend. İş liderleri ve UX tasarımcıları, görseller, yazılı kelimeler, animasyonlar, haritalar veya grafikler olsun, sorunsuz ve etkili bir deneyim sağlamak için olası tüm iletişim araçlarını bir araya getiriyor. Kullanıcılara bilgileri istedikleri şekilde gezinme ve belirli bir konunun içeriğine istedikleri kadar derinlemesine dalma özgürlüğü sağlamak için tüm bu unsurları kullanıyorlar .

Başka bir deyişle, bir sohbet başlattıkları ve hedef kullanıcı tabanının hayal gücü seviyelerine bağlı olarak onu ileriye götürdüğü hikayeler oluşturuyorlar; izleyicilerini interaktif hikayenin ana karakteri olarak resmettiklerini ima ediyor. Ve bu önümüzdeki birkaç yıl boyunca uygulamada olmaya devam edecek.

hiper gerçek hikaye anlatımı

AR/VR teknolojisinde ve Giyilebilir cihazlarda devam eden gelişmeyi ve Pokemon Go'nun akıl almaz başarısını gören mobil uygulama tasarımcıları , bu yıl 7/24 döngünün ötesinde bir deneyim sunmak için zaman ve çaba harcıyorlar.

Gerçekten daha gerçek görünen ve kişiyi marka hikayesinin ana unsuru olarak hissedecek kadar içine çeken görsel bir hikaye oluşturuyorlar. Bu şekilde, diğer yenilikçi olasılıkları keşfederken, AR/VR teknolojilerini kullanarak hedef müşterileriyle anlamlı ve uzun süreli ilişkiler kurmak ve sadakatin tadını çıkarmak için ellerinden gelenin en iyisini yapıyorlar.

Veriye dayalı hikaye anlatımı

Önümüzdeki yıllarda herkesin tanık olduğu ve beklediği bir diğer trend de veriye dayalı hikaye anlatımı.

Adından da anlaşılacağı gibi, bu tür bir hikaye anlatımı, markaların araştırdıkları ve topladıkları devasa miktarda veriyi hedef kitleleriyle paylaşmalarına ve onlar üzerinde bir etki oluşturmalarına yardımcı oluyor; bu, metin ve sayılar şeklinde sunulduğunda bir meydan okumaydı.

Veri kullanılarak hazırlanmış hikayelere yatırım yapmanın dikkate değer bir örneği, daha geniş bir kitlenin dikkatini çekmek ve daha güçlü bir kitle oluşturmak için yılın en değerli arama verilerini topladıkları ve bir video şeklinde sundukları 2015 Google Trends'in Geriye Bakış Kampanyasıdır. bağlamak.

Gerçek zamanlı hikaye anlatımı

Müşterilerin gerçek zamanlı olarak her şeyden haberdar olma dürtüsü göz önüne alındığında, gerçek zamanlı hikaye anlatımı tabanlı tasarım bir moda haline geldi . Bu tür hikaye anlatımı, Girişimcilere süreçlerine gerçek zamanlı olarak bir göz atma fırsatı sunarak daha fazla müşteri çekmelerini sağlıyor. UX hikaye anlatımı örnekleri, fast food şirketlerinin bu hikaye anlatımı türünü gurmelerin mutfağına girmesine, yemeklerin nasıl pişirildiğini görmesine ve evdeki kanepelerinde otururken şeflerle gerçek zamanlı olarak küçük etkileşimlere girmesine izin vermek için kullanıyor olabilir. .

Bu şekilde, bu hikaye anlatımı türünün tasarıma dahil edilmesi, sürece şeffaflık ve güvenilirlik katmalarına ve dönüşüm oranını artırmalarına yardımcı oluyor.

Sosyal etki hikaye anlatımı

Suriye Projesi'nden evsizlerin ve Parkinson hastalığından muzdarip kişilerin hayatlarını sergileyen VR deneyimlerine kadar, çeşitli yeni projeler ve girişimler, başkaları için empatiyi artırmak ve izleyicileri onlar için para toplamaya teşvik etmek için süreçlerine sosyal etkili hikaye anlatımı tasarımını dahil etti.

Stereotipleri kullanmak zorunludur

Görsel kalıp yargılar, halk arasında yaygın olarak bilindiği üzere bir fikre ya da düşünceye hitap eden şeylerdir. Örneğin, bir ampul bir fikri, bir ok imleci sayfa erişimini, bir mikrofon dijital bir podcast'i vb. Görsel olan sözlü bir hikayenin aksine, genellikle birkaç bileşeni (tehlike, öfke, kahraman, iyi, kötü gibi) tasvir etmek için alanınız veya anlamsal araçlarınız yoktur. Bu gibi durumlarda, bir hikayede karakterin kahraman olduğunu ona bakarak bilmeniz gerekene benzer şekilde görsel kalıp yargıları kullanmakta fayda var.

Kovalamayı kesmek ve kullanıcılarla bağlantı kurmak için - UX yaratıcısının, kullanıcıyı gereksinimlerine yönelerek hikayenin merkezine koyması gerekir.

Görsel Hikaye Anlatma İçeriği Seçme

kahraman videolar

Teşvikinizi düşünün: tek cümleyle hikayeniz nedir?

Videoları basit, kompakt ve esnek olmalıdır. Animasyonlar gibi, aşırı hareketli arka plan videolarının da ziyaretçinin görsel bağlamı anlamasını engelleyebileceğini unutmayın.

Bonus UX puanları için etkileşim ekleyin

Hikayeler, bir şeyler anlatmanın en etkileşimli yoludur! Gerçekten de, kullanıcılardan gelen girdileri içeren hikayeler, onları mesajınızla bağlantılı ve meşgul tutmanın inanılmaz bir yöntemi olabilir. Bu, örneğin kaydırma veya fareyle üzerine gelme efektleri gibi küçük mikro etkileşimler eklemek kadar basit olabilir.

Her durumda, aşırıya kaçmamak için dikkatli olun. Yapmanız gereken son şey, ana mesajdan sapan veya kullanıcıyı zorlayan bir reklam öğesi oluşturmaktır, çünkü bu görsel hikaye anlatımının tam tersidir.

alan kullanımı

İçerik, web kullanıcı arayüzü tasarımında görsel hikaye anlatımı için hayati öneme sahiptir. Benzer şekilde boşluk da görsellerde bir diğer önemli özelliktir. Çok sayıda UI UX tasarımcısı, içerik üzerinde çalışma ve onu sunma konusunda bir araç alanının ne kadar güçlü olduğunu hatırlayamıyor.

Kullanıcıların gözlerini bir alandan diğerine yönlendirerek alanı avantajınıza kullanabilirsiniz.

görsel hiyerarşi

Çoğu web sitesinde bir “ana sayfa”, “hakkında” sayfası ve “sunulan hizmetler” sayfası bulunur. Bunları hikayenizdeki farklı bölümler ve bir kullanıcıyı sitenizde kalmaya ve hizmetlerinizi kullanmaya ikna etmek için en önemli bölümler olarak düşünün.

Çoğu sitenin bir açılış sayfası, hakkında sayfası ve sunulan ürünler sayfası vardır. Web tasarımı için etkileyici bir görsel hikaye anlatımına sahip olmak için, bu sayfaları hikayenizin çeşitli bölümleri olarak düşünün ve ardından bir kullanıcıyı sitenizde kalmaya ve hizmetlerinizi kullanmaya ikna edin.

Arka plan resimleri

Büyük arka plan görüntüleri, görsel hikaye anlatımınıza çok ihtiyaç duyduğunuz derinliği sağlayabilir. Tüm bir sayfayı bir hikayeye dönüştürebilir ve tonu hemen ayarlayabilirler. Ayrıca renkleri kullanmanın güçlü bir yoludur.

Büyük arka plan görüntüleri, görsel anlatımınıza gerekli derinliği hazırlayabilir. Bütün bir sayfayı iyi bir hikayeye dönüştürebilir ve hemen havayı ayarlayabilirler. Ayrıca markanın tonlarını ve renklerini kullanmanın harika bir yöntemidir.

paralaks kaydırma

Müşterilerin hikayeyi kendi hızlarında ortaya çıkarmalarına yardımcı olmak için paralaks efektini kullanmayı düşünün ve sorumluluğu onlara verin. Ayrıca çeşitli çoklu etkileri göz önünde bulundurarak derinlik hissi sağlar. Paralaks kaydırma, doğru yapıldığında ziyaretçilerinizle bağlantı kurma, onları çekme ve onlara mesajınızı harika bir şekilde gönderme yeteneğine sahiptir.

Hikaye Anlatma UX'ini Nasıl Yaparsınız?

Bu makalede ele aldığımız gibi, mobil uygulama UI/UX tasarımı için Görsel Hikaye Anlatımı fikrine yatırım yapmak markanıza çok sayıda avantaj sağlayabilir. Ancak, ancak sıkı çalışma, yaratıcılık, yenilik ve dürüstlüğün doğru karışımı oluşturulduğunda mümkündür - bu , ürün UI UX tasarım ajansına tamamen güvenebileceğiniz bir şeydir .

Neleri ve nasılları okuduktan sonra, çekici ve çekici bir Hikaye Anlatma UX'i yaratmaya ne dersiniz? Hikaye anlatıcılığını nasıl yapmak istersiniz? Bilmemize izin ver.

Bu nedenle, bugün ABD'deki UI UX tasarım şirketi ekibimizle iletişime geçin ve tüm sorularınıza yanıt alın.