Geçiş Reklamı Kaygısını Optimize Ederek Kullanıcı Deneyimi Tasarımını Nasıl İyileştirirsiniz?
Yayınlanan: 2018-06-30
Bugün, hepimizi rahatsız eden bir şeyden bahsediyoruz: Geçiş reklamı kaygısı - evet, kulağa korkunç geliyor ve doğrusu, tasarımcı açısından bakıldığında, gerçekten harika değil. Bununla birlikte, tasarım süreci boyunca optimize edilmiş geçiş reklamı kaygısını elde etmenin yolları da dahil olmak üzere bilmeniz gereken her şeyi tartışarak bu kaşlarınızı çatmak için elimden gelenin en iyisini yapacağız.
Geçiş reklamı kaygısı, bir web sayfasıyla veya uygulama tasarımıyla etkileşime geçtiğinizde ve bir şeylerin yolunda gitmemiş gibi görünmesine neden olan rahatsızlık hissidir. Yüklenmiyor, gecikiyor veya olması gerektiği gibi çalışmıyor. Bu ifade hakkında daha sonra daha fazla ayrıntıya gireceğim, ancak bunun ne olduğunu ve UX tasarımında ne kadar önemli olduğunu bilmek önemlidir.
Tasarım söz konusu olduğunda, markaların tüketicileri ve onların dijital deneyimlerini göz önünde bulundurması gerekiyor. Heyecan verici ve ilgi çekici platformlar yaratmalı ve izleyicilerine tam olarak aradıklarını sunmalıdırlar.
Bu sadece içerikte değil, tasarımın görünümü ve hissiyatında da geçerlidir. Kullanıcıların bir içerik bloğunun bir sayfasından diğerine nasıl geçtiğiyle ilgilidir. Ve eğer kafa karıştırıcı veya gecikiyorsa, o zaman kullanıcılar, onları sayfanızdan ve bir bütün olarak markanızdan uzaklaştıracak bu geçiş reklamı kaygısını hissetmeye başlayacaklardır.
Pazarlamacılar ve işletme sahipleri -- dinleyin! Geçiş reklamı kaygısına yönelik bu kılavuz, bir bütün olarak dönüşümleri, satışları ve marka kimliğini teşvik etmek için web sitenizi ve uygulama tasarımlarınızı dönüştürmenize yardımcı olabilir.
Optimize Edilmiş İnterstisyel Anksiyete Nedir?
İlk olarak, onu optimize etmeye başlamadan önce, geçiş reklamı kaygısı, kullanıcıların bir eylem ile bir yanıt arasında yaşadığı anlık gerilim durumunu ifade eder. Örneğin, bir web sitesindeysem ve başka bir sayfaya gitmek için bir düğmeyi (eylem) tıklatmayı seçersem, onu görüntüleyebilmem için o sayfanın yüklenmesi (yanıt) gerekir.
Geniş banttan önce doğduysanız, yavaş yüklenen web sayfalarına çok aşina olacaksınız - nihai endişe oluşturucu! Bu, gecikmeli geri bildirim ve gecikme sorunlarının yanı sıra genellikle bir kullanıcının eylemi ile beklenen yanıt arasında yaşayacağı gecikmelerin arkasındaki temel nedenlerdir.
Bu düşüncelerin ve duyguların geçici olduğunu düşünebilirsiniz - ancak kullanıcılar üzerinde derin bir etki yaratırlar ve bilinçaltında da olsa onlara bağlı kalırlar. Kullanıcılar kaçınılmaz olarak sitenizin yavaşlığını zihinsel olarak not edecek ve bunu genel markanızdaki verimsizlikle eşitleyecektir.
Bu da gelecekteki dönüşümler, olası satışlar, satışlar ve büyüme için felaket anlamına gelir.
Optimize Edilmiş Ara Reklam Kaygısı Kullanıcı Deneyimi İçin Önemli mi?
Sitenize geri dönen mutlu insanlara sahip olmayı tercih ediyorsanız, evet! Kullanıcı merkezli bir tasarıma sahip olmak, UX tasarım kaygısını azaltmak ve markanızı ve işletmenizi tanıtmak için hayati önem taşır. Tüm ciddiyetle, geçiş reklamı kaygısı, web sitenizin veya uygulamanızın performansı üzerinde ne yazık ki derin bir etkiye sahip olabilir.
2006'daki Web 2.0 Konferansı sırasında, daha sonra Google Başkan Yardımcısı olan Marissa Mayer, yükleme süresindeki 0,5 saniyelik bir gecikmenin Google'ın arama sayfası trafiğinde %20'lik bir düşüşe yol açtığını gösteren bir araştırma ortaya koydu.
Beş kullanıcıdan biri siteyi terk etti çünkü yarım saniyeliğine durdular… bırakın bunu kabul edin.
Şimdi bunun web sitenizle ilgili olarak potansiyel olarak ne anlama gelebileceğini düşünün. Hız ve performans sorunlarını gözetimsiz bırakmayı seçerseniz, kullanıcılarınızın benzer bir endişe yaşaması ve nihayetinde yabancılaşması ne kadar sürer? Mayer'e göre uzun değil.
Şuna bak. Web siteniz tüm doğru cevaplarla dolu olabilir. Sosyal kampanyalarınız hedef kitlenizde mükemmel bir şekilde yankılanabilir. Yaratıcı tasarımlarınız mükemmel müşterinin dikkatini çekiyor olabilir. Ancak, bu insanlar sitenizde saatlerce oluşturduğunuz bilgilere erişemezlerse, bunun hiçbir önemi olmayacaktır.
İnsanlar sadece iyi içerik değil, verimlilik istiyorlar. İstediklerini, istedikleri yerde, ama en önemlisi istedikleri zaman istiyorlar. Siteniz bu süreçte gecikmelere neden oluyorsa, tüketiciler başlangıçta aradıkları bilgileri, ürünleri veya hizmetleri muhtemelen başka yerlerde arayacaktır.
UX Tasarımını Geliştirmek İçin Optimize Edilmiş Geçiş Reklamı Kaygısını Kullanma
İstediğiniz son şey, web sitenizin ziyaretçilerinin yaşadığı deneyimi olumsuz etkileyen bir UX tasarımıdır. Bu nedenle, optimize edilmiş geçiş reklamı kaygısını kullanmak, kullanıcılarınızın yavaş yükleme hızları veya geçiş sorunlarıyla karşılaşma olasılığını azaltmanın harika bir yoludur.
Bunu yapmanın yollarını gerçekten özetlemeden önce, interstisyel kaygıyı oluşturan iki bağlantılı bileşen olduğunu anlamak önemlidir: geçiş kaygısı ve zamansal kaygı.
Geçiş Kaygısı
Öncelikle, insanların yaşayabileceği geçiş kaygısını ele alalım. Bu, dizinin ilk adımıdır ve başka bir ekrana veya sayfaya geçiş döneminden kaynaklanan kaygıyı ifade eder. Bir sitenin bir bölümünden veya bir sürecin adımından diğerine geçişteki bu geçiş tamamen kusursuz olmalıdır. Bir kullanıcı herhangi bir sürtüşme yaşarsa, sonuçta süreci engeller ve sürekli bir deneyim olması gereken şeyi bozar.
Geçiş kaygısının harika bir örneği, bir kullanıcının gerçekleştirdiği çevrimiçi bir işlemin ödeme aşamasıdır. Örneğin, Amazon'dan satın almak istediğiniz tüm ürünleri sepetinize eklediğinizi varsayalım. Siparişiniz için ödeme yapmaya ve satın alma işleminizi gözden geçirmek için adım adım ilerlemeye hazırsınız.
Her şey planlı olacak gibi görünüyor, ancak satın almayı tamamla'yı tıkladığınızda Amazon'un ana sayfasına yönlendirildiğinizi fark ediyorsunuz.
"Siparişim tamamlandı mı?"
"Suçlandım mı?"
"Siparişimi onaylayan e-posta nerede?"
Tüm bunlar, beklenen geçiş ekranı veya sayfasını almadıysanız, çılgın bir panik içinde kendinize sorabileceğiniz olası sorulardır. Ani değişim, endişede bir artışa neden olur - bu bizim doğal içgüdümüzdür.
Kolay bir düzeltme olsa bile - sadece anlık, küçük bir hıçkırık olsa bile - insanları susturmak ve onları ileriye götürecek bir olumsuzlukla doldurmak yeterlidir. Hatta sitenizden ayrılmalarına ve satın alma işlemlerini tamamen bitirmelerine neden olabilir.
Geçici Kaygı
Geçiş reklamı kaygısının ikinci biçimi, bir kullanıcının erişmeye çalıştığı bir sayfa için geçen sürenin neden olduğu gerilime odaklanır. Bu, bir kullanıcı yeni sayfaya veya ekrana geçtikten sonra gerçekleşir, ancak özellikle tüm sayfa içeriğinin yüklenmesi için geçen süreyi ifade eder.
Doğal olarak, bu ne kadar uzun sürerse, o kadar endişeli olursunuz ve belirli durumlarda oldukça stresli olabilir - yine bir satın alma sürecini düşünün.
Örneğin, bir Ed Sheeran konseri için bilet almaya çalışıyorsunuz. Bilet bulmanın zor olacağını ve web sitesinin normalden daha yavaş olabileceğini düşünüyorsunuz, ancak biletleri satın alma fırsatına sahip olacak kadar şanslıysanız, yine de normal rezervasyon sürecinden geçmeyi umuyorsunuz.
Rezervasyon işleminin ödeme aşamasına geldiniz - neredeyse biletinizi aldınız! Ancak, “şimdi öde”ye tıkladığınızda ekran, yalnızca yüzde 25'i kadar yüklenen bir ekrana geçer. Biletleri ödeyip ödemediğinizi anlayamıyorsunuz ve ekran donuyor gibi görünüyor.
"Sayfayı yenilemeli miyim?"
“Ya iki kez ödemem gerekirse?”
“Sıradaki yerimi mi kaybettim?”
Bu, geçici kaygının en iyi örneğidir ve bu konuda yaygın olarak deneyimlenir. Biletleri alıp almadığınız konusunda tam anlamıyla belirsizlik içindesiniz.
Ve hepimizin ilişki kurabileceği bir şey. Ne yapacağınızdan emin değilsiniz, yanlış bir şey yapıp yapmadığınızdan emin değilsiniz - tek bildiğiniz, süreçte bir gecikme olduğu ve nihai sonuçlarınızın asla elde edilemeyebileceğidir.
Ancak daha küçük bir ölçekte, bu endişe herhangi bir sayfa yüklenmediğinde hissedilebilir. Bir işlemin son aşamalarında olmanız gerekmez. Gerçekten yeni bir elbise satın almak istiyorsanız, ancak en sevdiğiniz çevrimiçi satıcıdaki ürün resimleri yüklenmiyorsa, başka bir yere bakmak zorunda kalacaksınız, sade ve basit.
Ve markanız bunu istemiyor.
Optimize Edilmiş Geçiş Reklamı Kaygısı ile Kullanıcı Deneyimi Nasıl İyileştirilir
Basitlik adına, bunu daha önce tanımlanmış interstisyel kaygı türlerine ayıralım. ile başlayan…
Geçiş Kaygısı Nasıl Azaltılır
Geçiş kaygısını azaltmanın en iyi yolu, ince animasyonların ve ekranlar arasındaki geçişlerin kullanılmasıdır. Niye ya? Bu, kullanıcıların, aksi takdirde oldukça farklı görünecek olan sayfa veya ekranlar arasındaki değişime kademeli olarak uyum sağlamasına yardımcı olacaktır.
Çevrimiçi işletmelerin fark ettiği gibi, geçiş kaygısını kendi avantajlarına nasıl kanalize edeceklerini öğrenmek, onu tamamen ortadan kaldırmaya çalışmaktan daha iyi bir yaklaşımdır. Bir pasaj önizlemesi veya bir sonraki bölümde ne olacağına dair bir bakış sunmak gibi geçiş öğeleri oluşturarak, kullanıcılar daha sonra ne olacağını merak etmek yerine tahmin edebilirler.
Bazı durumlarda yükleme süreleri ve yavaşlama kaçınılmazdır. Ve bu sorunları çözmeye çalışmak daha fazla zaman alabilir ve markaların istediğinden daha fazla rahatsızlığa neden olabilir. Ancak bu animasyonları dahil etmek, pozitifliği ve heyecanı artıran kesintisiz bir geçiş yaratmanın basit ve etkili bir yoludur.
Gerçek hayattan pratik bir örnek kullanarak, sabah 6:00'da çalar saatiniz tarafından ne zaman uyandığınızı hayal edin (hiç hoş bir düşünce değil, biliyorum!). Şimdi, yatak odanızın ışığı aynı anda beklenmedik bir şekilde yanarsa nasıl tepki vereceğinizi hayal ederek bu deneyimi daha da kötüleştirin. Şok olur, kızarır, sinirlenir, üzülür ve muhtemelen kafanız karışır.
Ancak, uyku alarmınızın açık olduğu süre içinde yatak odanızın ışığı kademeli olarak açılırsa, hazırlıksız yakalanmak ve bir şok durumunda bırakılmak yerine ışığa alışmak için dokuz dakikanız olur. Bu, kademeli web sayfası geçişine uygulanan ilkenin aynısıdır.
Çevrimiçi hedefiniz için yardıma mı ihtiyacınız var? Bu web tasarım ve geliştirme ajansları, sitenizi sıkıcıdan muhteşeme taşımanıza yardımcı olabilir!
Geçici Kaygı Nasıl Azaltılır
Her ikisi de boş bir ekrandan daha ilginç bir şey sunmak için görsellerin kullanımına odaklanan geçici kaygı sorununu gidermek için kullanabileceğiniz iki temel yöntem vardır: bir yükleme animasyonu ve bir yer tutucu animasyonu.
Animasyon Yükleniyor
Çıkrık veya yükleme çubuğu gibi bir yükleme animasyonu kullanmak, kafa karıştırıcı bir sayfa yükleme dizisini tatmin edici bir kullanıcı deneyimine dönüştürmek için gereken tek şey olabilir. Facebook'un yükleme animasyonunun farkında olabilirsiniz ve muhtemelen deneyimlemişsinizdir.
Anlayamayacağınız şey, animasyon için kullanılan grafik türüne bağlı olarak kullanıcıların farklı hissedeceğidir. Örneğin, “kullanıcılara Facebook iOS uygulamasında özel bir yükleme animasyonu sunulduğunda (solda) gecikme için uygulamayı suçladıkları öne sürüldü. Ancak kullanıcılara iOS sistem döndürücü (sağda) gösterildiğinde, sistemin kendisini suçlama olasılıkları daha yüksekti.”
Yine, bu tekniği bir bağlam içine yerleştirmek - en son ne zaman asansöre bindiğinizi düşünün. 20. katta olduğunuzu ve dördüncü katta inmek istediğinizi varsayalım. Asansör hareket etmeye başladığında, açıkça bunun farkındasınız.
Ancak, ya hangi katta olduğunuza dair hiçbir fikriniz yoksa. Ne zaman ineceğini nereden bileceksin? Asansörde beklerken genellikle görüntülenen kat numarasını görebilirsiniz. Dördüncü kata doğru inerken asansörün ne zaman duracağını bilirsiniz.
Bu size sadece kendinizi biraz güçlendirme şansı vermekle kalmaz, aynı zamanda keyifli bir yolculuk sağlar - veya başka bir deyişle, sorunsuz bir kullanıcı deneyimi!
Hatta bazı markalı içerikleri ve animasyonları bile dahil ederek her şeyin bilerek yapılmış gibi görünmesini sağlayabilirsiniz! Bu, markanıza ve kimliğinize, kullanıcıları etkileşimde bulunmaktan ve etkileşimde bulunmaktan daha mutlu kılan bir oyunbazlık ve yaratıcı bir kişilik ekleyebilir.
Markalaşma önemlidir ve tasarım markalaşmayı son derece etkiler. UX kaygısıyla ilgili sorunlarınız varsa, sorunu lehinize kullanmak ve yanıt olarak heyecan verici ve yenilikçi bir marka kimliğini sağlamlaştırmak lehinize olabilir.
Yer Tutucu Animasyonu
Alternatif olarak, gerçek içeriğin yüklendiğinde nasıl görüneceğini simüle eden bir yer tutucu animasyonu seçebilirsiniz. Aşağıdaki örnek, gerçek görüntü yüklenirken yer tutucu olarak basit bir görüntü tel çerçevesi kullanan Medium'dan alınmıştır.
Bu, kaygı sorununu çözmenin daha basit, daha zarif bir yoludur. Ve yaratıcı ve karmaşık animasyonlardan gelen tüm özelliklere ihtiyaç duymayan veya istemeyen markalar için harika çalışıyor.
Markanıza, aksi takdirde gecikmeli yükleme süreleri ve endişeyle dolu tasarımlar nedeniyle kaybedilecek bir otorite veren bir zarafet ve incelik duygusu ve atmosferini besler.
Tasarımlar Oluşturmak İçin Optimize Edilmiş Geçiş Reklamı Kaygısını Kullanma
Artık geçiş reklamı kaygısının ne olduğunu, kullanıcıyla nasıl ilişkili olduğunu ve bunu nasıl en aza indirebileceğimizi anladığımıza göre, tasarımcıların tasarımlarının kullanıcılar tarafından belirlenen UX beklentilerini karşılamasını sağlamak için atabilecekleri adımları bir araya getirmeye başlayabiliriz. önemli — kullanıcılar!
Hem geçiş hem de zamansal kaygı için ana hatlarıyla belirtilen potansiyel çözümlere dayanarak, hareketin dokular arası kaygının azaltılmasında önemli bir rol oynadığı açıktır. UX in Motion'dan Issara Willenskomer, hareket kullanarak UX projelerinizde kullanılabilirliği desteklemek için 12 özel fırsatı özetlediği bir "UX in Motion Manifestosu" oluşturdu.
Geçiş reklamı kaygısı durumunda, bu şu anlama gelir:
- Bir sayfanın veya ekranın yüklenmesi için geçen süreyi azaltmak
- Boş ekran ve sayfa sayısını en aza indirme
- Durgun geçişlerin neden olduğu sürtünmeyi azaltmak
Ve böylece markalar, dinamik ve sezgisel bir tasarım oluşturmak için ana hatlarıyla belirtilen bu 12 seçeneği kullanabilir.
Dinamik unsurları kurumsal web sitelerine de dahil edebilirsiniz! İlham almak için bu en iyi profesyonel web sitelerine göz atın!
UX In Motion'ın 12 İlkesi
Yukarıdaki görüntü ile iki şey akla geliyor. Birincisi, hareketler oldukça ince ve ikincisi, çoğu animasyonun oluşturulduğu temelleri 12 basit hareketin nasıl oluşturabileceği oldukça ilginç.
Bunlar yalnızca temel bilgilerdir, ancak etkileşimi, katılımı ve hatta satışları teşvik eden bir tasarım oluşturmak için dinamik ve yaratıcı yollarla oluşturulabilirler.
Willenskomer, bu öğelerin her birine çok ayrıntılı olarak girer, ancak özet olarak, bunlar aşağıdaki gibidir:
- Kolaylaştırma: Nesne davranışı, geçici olaylar meydana geldiğinde kullanıcı beklentileriyle hizalanır
- Ofset ve Gecikme: Yeni öğeler ve sahneler tanıtılırken nesne ilişkilerini ve hiyerarşileri tanımlar
- Ebeveynlik: Birden çok nesneyle etkileşime girerken uzamsal ve zamansal hiyerarşik ilişkiler oluşturur
- Dönüşüm: Nesne yardımcı programı değiştiğinde sürekli bir anlatı akışı durumu yaratır
- Değer Değişimi: Değer konusu değiştiğinde dinamik ve sürekli bir anlatı ilişkisi yaratır
- Maskeleme: Yardımcı program, nesnenin veya grubun hangi bölümünün açığa çıkarıldığı veya gizlendiği tarafından belirlendiğinde, bir arabirim nesnesinde veya nesne grubunda süreklilik oluşturur.
- Yerleşim: Katmanlı nesneler konuma bağlı olduğunda görsel düzlükte anlatı ve nesne uzamsal ilişkisi oluşturur
- Klonlama: Yeni nesneler ortaya çıktığında ve ayrıldığında süreklilik, ilişki ve anlatı yaratır.
- Obscuration: Kullanıcıların birincil görsel hiyerarşide değil, nesneler veya sahnelerle ilişki içinde kendilerini uzamsal olarak yönlendirmelerine izin verir.
- Paralaks: Kullanıcılar kaydırdığında görsel düzlükte uzamsal hiyerarşi oluşturur
- Boyutluluk: Yeni nesneler ortaya çıktığında ve ayrıldığında uzamsal bir anlatı çerçevesi sağlar
- Dolly & Zoom: Arayüz nesnelerinde ve boşluklarında gezinirken sürekliliği ve uzamsal anlatıyı korur
Bu 12 hareket seçeneğini akılda tutmak, web sitenizde ve uygulama tasarımınızda kaygıyı azaltmak ve heyecan duygusunu teşvik etmek için gerektiğinde hareketi dahil ederek tasarımınızın oyunun zirvesinde olmasını sağlamak için harika bir kılavuzdur.
Çevrimiçi İşletmelerin Optimize Edilmiş Geçiş Reklamı Kaygısı Hakkında Bilmesi Gereken Her Şey
Özetle, geçiş reklamı kaygısına, ne olduğuna ve web sitelerinin ve uygulamaların UX'ini nasıl etkileyebileceğine bir göz attık. Ve bu sadece geçici bir tasarım trendi değil.
Kısa bir özet olarak, gelecekte konuyu gözden geçirirken aklınızda bulundurmanız gereken bazı önemli noktalar şunlardır:
- Geçiş reklamı kaygısı, kullanıcının bir eylem ile yanıt arasında yaşadığı, örneğin bir düğmeyi tıklatıp sayfanın yüklenmesini beklemek gibi anlık gerilim durumudur.
- Geçiş reklamı kaygısının iki aşaması vardır: geçiş ve zamansal.
- Geçiş, bir ekrandan veya sayfadan diğerine geçişle ilgilidir.
- Geçici, bir sayfanın veya ekranın yüklenmesi için geçen süredir ve bunun kullanıcının davranışını nasıl etkilediğidir.
- Kademeli sayfa geçişleri ve yükleme ekranı animasyonları, optimize edilmiş geçiş reklamı kaygısı elde etmenize ve böylece daha iyi performans gösteren UX tasarımına ulaşmanıza yardımcı olacaktır.
- UX in motion'un 12 ilkesi, kullanılabilirliği geliştirmek için animasyonu nasıl kullanabileceğinizi tanımlar
Geçiş reklamı kaygısı genellikle göz ardı edilir ve son zamanlarda tasarım, markalaşma ve pazarlama dünyasında bir tartışma konusu haline geldi. Ancak kendi tasarımlarınızda anlamanız ve düzeltmeniz gereken önemli bir kavramdır.
Kullanıcılar web ve uygulama tasarımına dayalı kararlar verir. Tasarımlarınızın kendilerini nasıl hissettirdiğine cevaben markanız hakkında kendi sonuçlarına varırlar. Ve hayal kırıklığına uğratırlarsa, kafalarını karıştırırlarsa veya rahatsız ederlerse geri gelmeyeceklerdir.
Umarım, bu makaleyi okuduktan sonra konsepti daha iyi anlayacaksınız. Herhangi bir önemli noktayı kaçırdığımızı düşünüyorsanız veya optimize edilmiş geçiş reklamı kaygısı hakkında bize soru sormak isterseniz, her zaman yorumlarda paylaşabilirsiniz.
Daha fazla tasarım bilgisi mi istiyorsunuz? DesignRush Günlük Doz'a kaydolun!
Uygulama tasarımında da kullanıcı deneyimi zorunludur. DesignRush, markanız için etkili bir mobil hedef oluşturabilecek harika uygulama tasarımı ve geliştirme şirketlerinin bir listesine sahiptir.