Bölüm 34: Web Siteniz için Stratejik Tasarım Kararları

Yayınlanan: 2023-09-27

Kadence gibi yeni WordPress araçları, herkesin tek bir kod satırına bile dokunmadan daha etkili web siteleri oluşturmasını giderek daha kolay hale getiriyor. Ancak yine de hedef kitlenizi uzaklaştırmak yerine onların ilgisini çekme hedefine yönelik stratejik tasarım kararları almak hâlâ kritik önem taşıyor. Etkili bir strateji almak ve onu işe yaramayan şekillerde uygulamak kolaydır. İşe yaramayan birkaç örneğe bakıyoruz ve aynı zamanda olağanüstü işe yarayan bazı önemli örnekleri de sunuyoruz. Kaydırıcıyı ne zaman kullanırsınız? Animasyonu en iyi şekilde nasıl kullanabilirsiniz? Pop-up'lar ne olacak? Bu, web sitenizin markanızı çevrimiçi ortamda oluşturmada anlamlı etkiler yaratmasına yardımcı olacak temel stratejilerle ilgili bir bölümdür. Ve elbette Kadence, Kadence Pazaryeri, yaklaşan Kadence Amplify etkinliği ve daha fazlasındaki yeni özelliklere de göz atıyoruz.

Yeni bir pencerede dinleyin.

Zaman Damgaları ve Bağlantılar

  • 0:00 Giriş
  • 2:19 Stratejinin önemi
  • 3:08 Animasyonlar
  • 8:52 Açılır pencereler
  • 13:55 Atlıkarıncalar ve kaydırıcılar
  • 16:25 Farklı müşteri kişilikleri için tasarım yapma
  • 18:08 Kaydırıcıları etkili bir şekilde nerede kullanmalı
  • 20:12 Duvarları inceleyin, yorum isteyin
  • 22:11 Yazı tipleri ve renklerle tasarım kararları
  • 24:22 Kadence Pazaryeri
  • 25:56 Kadence Güçlendirmesi 20 Ekim
  • 28:01 Koşullu alanlar, ilerleme çubuğu bloğu ve Pexels içeren Kadence Bloklarında güncellemeler
  • 30:28 Kadence AI
  • 32:32 FloThemes Move Masterclass

Deşifre metni

Kathy: Kadence Beat'e hoş geldiniz. Bu, WordPress ve Kadence ile yapabileceğiniz tüm harika şeylerden bahsettiğimiz podcast. Hannah Ritner ve Ben Ritner'la buradayım. Bugün nasılsınız? Merhaba, iyi gidiyor. Mükemmel. Neredeyse Eylül ayının sonu, neredeyse Ekim ayı ve biz her şeyin tüm hızıyla devam ettiği bir dönemdeyiz.

Şu sıralar çılgınca meşgul. Kadence dünyasında neler olup bittiğini fark ettiniz mi?

Evet .

Kathy: Çok fazla.

Ben: Çok fazla. Hatta olup biten her şeyle ilgili bir düzeyde endişemin olduğunu ve tüm bu parçalara ellerimin bulaştığını fark ettim, bu öyle bir noktaya ulaştı ki, dün gece karımla konuşurken bile, vay be, şöyle dedim: Bunu her zamankinden daha fazla hissediyorum, şu anda dönen o kadar çok tabak var ki bu heyecan verici çünkü sonbaharın gelmesiyle ilgili bir şeyler var ve sanki bu işi yıl sonundan önce halletmeliyiz.

Hadi gerçekten güçlü bitirelim diye bir vurgu var. Bu harika. Ve aynı zamanda üzerinde çalıştığımız pek çok şey, markalarımızın tüm yıldız evreninde olduğu gibi ön plana çıkmak gibi oluyor, gerçekleşmek üzere olan çok şey var evet, heyecan verici ve aynı zamanda bu, evet, bu sonbahar, bu gitme zamanı.

Kathy: Evet. Evet. Gitme zamanı. Ve şunu fark ettim Hannah, sen de bunu toplulukta, herkesin üzerinde çalıştığı projelerinde fark ediyor musun? Grubumuz sadece atlıyor. O kadar çok yeni insan geliyor ki.

Hannah: Gruba o kadar çok yeni insan geliyor ve o kadar çok soru soruluyor ki bu harika bir şey, çünkü topluluğumuz şu sıralar çok büyüyor ve sanki hiç durmamış gibi hissediyorum ama şimdi her girdiğimde ah vay be' 10 kadar yeni insanın içeri girmesine izin verecek gibi giriyorum, aman tanrım, bu çok eğlenceli, heyecan verici ama havadaki bu enerjiyi hissediyorsunuz, herkes sadece evet etmeye çalışıyor ve Evet, bu eğlenceli. Bu heyecan verici.

Kathy: Bu çok heyecan verici. Kadence'de hem bloklarda hem de yapay zekada yeni şeyler olduğunu biliyorum. Ve bunu, olup biten tüm bu yeni şeyler hakkında konuşabileceğimiz ve belki de ilk önce tüm projeleri üzerinde çalışan insanlar için bazı yararlı tavsiyeler hakkında konuşabileceğimiz sona saklamak ister misiniz? İlk önce bunu almak ister misin?

Ben: Evet, sanırım buna şöyle bir giriş yapabilirsiniz: Geliştirme aşamasında birçok karardan geçersiniz ve Kadence bir araç olarak sizi birçok farklı şekilde etkili web siteleri oluşturmanız için güçlendirmek üzere tasarlanmıştır. Ve sizi bunu yapmaya güçlendirmek aynı zamanda etkisiz veya kötü kararlar vermenize de güç verir.

Ve biz de benzerlerinin bazıları üzerinde çalışmak istiyoruz. Sahip olduğumuz araçlar şöyle: evet, oradalar ve bunları neden bazı durumlarda kullanıp bazılarında kullanmıyorsunuz? Ve düşünüyorum. Bu sadece ilginç yönergeler, bunu yaparken sadece Oh, çünkü bu araç var, onu kullanmalıyım veya bu içeriğe sahip olduğum için onu buraya koymalıyım ve daha fazlasını istiyorum demiyorsunuz. Ziyaretçiler için sitemi etkili kılmak amacıyla sitemde verdiğim kararlar konusunda gerçekten bilinçli davranıyorum.

Kathy: Yani bana bir sayfaya 75 Lottie animasyonu koymamam gerektiğini mi söylüyorsun?

Ben: Evet ya da... Ama

Hannah: Animasyonlar harika görünüyor ve çok eğlenceli!

Kathy: Harikalar ve eğlenceliler, ama belki bunu bir seçenek olarak değerlendirebilirsin, mesela... Çünkü biliyorum ki tonlarca farklı animasyon var ve animasyonlar şu anda gerçekten çok sıcak.

Daha yeni bir siteyle internette dolaşırken çok fazla hareket olduğunu fark ediyorum. İnsanların bu tür şeyler gibi bir Lottie animasyonu veya kaydırma üzerinde animasyon eklerken akılda tutması gereken bazı şeyler nelerdir? Animasyon eklemeyi düşünen bir zihniyet var mı?

Ben: Evet, sanırım erişilebilirliği düşünmek isteyen bir zihniyet var. Bu durum kafaları karıştıracak mı, o kadar çok olacak ki, insanların sitenizde anlatmaya çalıştığınız hikayeyi kaçırmalarına neden olacak. Odaklanmanın bir sonraki şeyde gerçekleşmesi anlamında erişilebilir mi?

İçeriğinizde geziniyorsanız, bu tür şeyler. Mesela animasyonu getirdiğinizde. İnsanların etkileşime gireceği şeylerin üzerlerine gitmediğinden emin olmak. Bu en sinir bozucu şeylerden biri; bir şeye tıkladığınızda, o sizden hemen önce hareket ediyor ve siz başka bir şeye tıklıyorsunuz.

Venmo'da bu sorun var. Beni deli ediyor. Venmo'da birine bir şey gönderirseniz ve gizlilik ayarlarını değiştirmek isterseniz, bu tek bir yerde görünecek ve siz ona tıklamadan hemen önce, bir şey ekledikleri için yukarı doğru hareket edecektir. Benim için tutarlı gibi. Neyse, öyle, evet ama dikkat ettiğinizden emin olmak isteyeceğiniz türden şeyler bunlar.

Ve sonra animasyonlar masaüstünde gerçekten harika görünebilir ve ardından mobil cihazlarda dağılabilir. Peki, beğenmeye gerçekten dikkat ettiğinizden emin olun; bu, bunu masaüstünde değil mobilde gören izleyicilerin çoğunluğunu nasıl etkileyecek? Evet. Evet, genel olarak dikkate alınması gereken çok şey var, temel bir şey gibi, sitenize animasyon yerleştirmenin asıl nedeni, insanlarda bir duygu yaratması ve içeriğiniz hakkında duygu uyandırmanın gerçekten güçlü olmasıdır.

Yani onu gerçekten akıllıca ve gerçekten iyi kullanırsanız. Bu çok güçlü bir şey olabilir, bu konuda gerçekten profesyonel veya gerçekten çok daha ötesinde bir şeyler olduğu hissine kapıldım çünkü sayfanın bir parçası olan gerçekten pürüzsüz, gerçekten kasıtlı bir animasyon vardı. Ve böylece, bu tür şeyleri yapmazsınız, zor, hızlı, bir sayfada yalnızca üç animasyon veya buna benzer bir şey kullanmak gibi bir şey yoktur, ama.

Sanırım genel olarak bunu kullanmayın derim çünkü sitenizi anlayın ve sonra gidin, bu ince pop ve duygunun gerçekleşmesi için yapabileceğim bir şey nedir? Ve bu genel olarak animasyona yaklaşmanın daha iyi bir yolu, evet, hadi statik sitemi çözelim. İçeriğimin, anlatmaya çalıştığım hikayenin ne olduğunu bölümden bölüme çözelim ve sonra gidelim.

Bunun gibi bir şey, bunun biraz daha fazla öne çıkmasını ve sonra onu yerleştirmeye çalışmasını ne sağlar?

Hannah: Evet, bu harika bir bakış açısı çünkü eğlenceli bir araca sahip olmak ve bir site veya sayfa oluştururken oradan başlamak çok kolaydır. Aslında bunun amacı nedir? Peki burada neye ihtiyacım var?

Ve siz de şöyle düşünüyorsunuz: Ah, bunu gerçekten bir sayfaya eklemek istiyorum. O halde önce şunu ekleyeyim. Ve sonra işler bu şekilde yürümüyor. Bundan ben suçluyum.

Kathy: Kaydırma üzerinde canlandırma ve animasyon oluşturma deneyimini gerçekten seviyorum çünkü bu, anlık bir hareket gibi, hatta kaydırma üzerinde incelikli bir animasyon gibi. Bu hemen böyle, Oh, hala benimlesin. Biraz hareket et, tıpkı gerçek hafif bir ışık gibi. Ah, hâlâ benimlesin. İşte size bazı geri bildirimler. Tıpkı bu bilinçdışı gibi, sanki biz de hâlâ seninleyiz.

Bu, sitede dolaştığınız ilgi çekici bir deneyim gibi, ona bağlı kalıyorsunuz. Ve biz de buradayız. Seninleyiz. Ve bu hoşuma gidiyor ama öyle olması gerekiyor, süper hızlı olmasından hoşlanmıyorum. Süper incelikli hoşuma gitti.

Ben: Evet, bu tür şeylerin çoğunda eklediğiniz gecikmeler ve buna benzer şeyler konusunda dikkatli olmanız gerçekten önemli, çünkü birisinin sitenizde hızlı bir şekilde gezinmesini istemezsiniz ve bunu yapmazsınız. onların bir şeyi kaçırmalarını istiyoruz, çünkü o bölüm kaybolmadan önce yarım saniyelik bir gecikmeniz var ve o bölümün hemen yanından geçtiler ve biz şöyle deriz: Ah, bu sayfa boş ya da bir başlık eksik çünkü başlık yarıya kadar kaybolacak ikinci.

Bu yüzden dikkatli olmalısın. Serin. Ancak Kadence araçlarına gelince, Lottie dünyasına dalmak zorunda kalmadan bu pop unsurunu eklemenin en kolay yoludur ve nasıl animasyonlar oluşturabilirim veya farklı türde animasyonlar yapabileceğiniz tüm farklı yolları bulabilirim. grafikli animasyonlar ve buna benzer şeyler.

Kathy: Evet. Evet. Gerçekten harika noktalar. Kadence araçlarıyla bu şeyleri test edebileceğiniz, hızlı bir değişiklik yapabileceğiniz ve bu animasyonları değiştirdiğimde bu, o sayfanın dönüşümlerini değiştiriyor mu? Ve javascript'i veya CSS'yi değiştirmek zorunda kalacak bir geliştirici ekibine ihtiyacınız yok.

Bütün bu çılgınca şeyler için endişelenmene gerek yok. Sadece siteye girebilir, bir şeyleri değiştirebilir ve ardından analizlerinize bakabilirsiniz. Bu, müşterilerimin bu siteyi kullanma şekli açısından herhangi bir şeyi değiştirdi mi? İşlerin nasıl çalıştığını görmenin kod gerektirmeyen hızlı yolu. İnsanlar başka ne gibi şeyler yaparlar?

Gerçekten yapmaya çalışıyorum, şu anda sitelerinde Kara Cuma veya Siber Pazartesi için çalışan birçok insan olduğunu biliyorum. Satış sayfalarını yukarı çıkarmaya çalışıyorlar. Ve bu sayfayı gerçekten popüler hale getirmek istiyorum fikrinin cazibesi var. İnsanların yaptığını gördüğünüz bazı şeyler nelerdir?

Bu biraz daha iyi yapılabilir.

Hannah: Çok fazla açılır pencere var.

Hannah: Siteye girdiğin anda bir pop-up beliriyor ve sen "Nerede olduğumu bile bilmiyorum" diyorsun. Ve sonra oradan çıkarsınız ve sonra içeri girersiniz ve sonra çok fazla şey olur ve gerçek web sitesinin ne sattığıyla bile ilgilenemezsiniz çünkü e-postanızı almaya çalışırken onlar tarafından çok fazla bombardımana tutulursunuz.

Böylece sana yüzde 10 indirim verebilirler ve bu çok zor.

Kathy: Büyük markalar da bunu yapıyor. Değil mi?

Ben: Evet, ilginç. Ama bunu her zaman görüyorsunuz ve evet, kullanıcıyı bunaltmamanın hızlı bir yolu gibi. Bir mesajınız olduğunda söylemeye çalıştığınız mesaja odaklanın. Ve bence bununla birlikte ana satış noktanızı bir açılır pencerede saklamayın. Eğer isterseniz, bu satışı gerçekten tanıtmak istiyorum.

Ve bunun için bir satış sayfası oluşturdunuz ve insanlar ana sayfanıza iniyor ve şöyle diyorsunuz: Pop-up'ı şunun gibi eklemeyin, satış sayfama gidin veya buna benzer bir şey, ana sayfanızı şu şekilde dönüştürün, şöyle diyorsunuz sayfanızı çoğaltın, evinizi yapın. İnsanların geldiği yer burasıysa, bunu satış sayfanız yapın.

Yapma, birdenbire ortaya çıkma. Hey, bu satışı yapıyoruz. Gelin, kontrol edin. Tıpkı gerçekten gelen kullanıcıya odaklanmak gibi. Ve bir satış sayfasına sahip olmak için de elbette nedenler var. Pazarlama kampanyaları yapıyorsanız ve bunları ana sayfanız yerine satış sayfasına getirmek istiyorsanız. Ancak, bu indirimi pop-up'lar kullanarak kullanıcılarıma nasıl görünür hale getireceğimi düşünürken bile doğru seçenek gibi görünmüyor.

Bunu içeriğin kendisine koyun. Bunu tasarımın bir parçası haline getirin. Yani bu şekilde. çünkü pek çok insan bu açılır pencereyi okumadan önce kapatacak çünkü bu sinir bozucu.

Kathy: Evet. Pop-up'ları sevdiğim veya bir kullanıcıysam, çıkış niyetindeysem bir pop-up'ı mazur görebildiğim tek zaman.

Sanki sayfadan ayrılacağım ve onlar da orada dursun diyorlar. Sizin için bu özel teklifimiz var. Ancak pek çok büyük markanın da bu tür şeyler yaptığını düşünüyorum, burada sorun yok, sadece biraz ara vermek istiyorum. Gidip William Sonoma'ya bakacağım ve mutfağımı yeniden hayal edeceğim, değil mi?

Burası benim küçük hayal dünyam gibi. Ve sonra bum, ortaya çıkıyor. Henüz hiçbir şeye bakmadım bile ve o zaten orada ve bu deneyimi kesintiye uğratıyor. Ancak çoğu zaman insanların bir web sitesine bir reklamdan veya belki bir Google aramasından geldiğini düşünüyorum. Nereden geliyorlarsa gelsinler, en azından o arama amacını, bu ihtiyacı, onları kapınıza getiren her ne ise onu karşıladığınızdan emin olun. Eğer bu bir şaka mı yoksa şeker mi, onlara şekerlerini ver, değil mi? Onlarla tamamen başka bir şey hakkında konuşmaya başlamadan veya bir e-posta gibi uzun bir ilişki kurmaya başlamadan önce onlara geldikleri şeyi verin.

Hedef kitlenizin nereden geldiklerini ve sitenize nasıl geldiklerini düşünmek de gerçekten önemlidir.

Hannah: Pop-up'ların mutlaka bir yeri ve zamanı vardır. Web sitelerine girdikten sonra üç saniye içinde gerçekleşeceğini sanmıyorum ama pek çok insan bunu yaptığı için birilerinin işine yaramış gibi görünüyor.

Ben: Evet. Evet. Ve dikkati belirli bölgelere çekmek için gürültü yapmak istediğinizi anlıyorum. Öyle zamanlar olacak ki, "İnsanların bunu görmesine gerçekten ihtiyacım var çünkü onlar bunu görmüyorlar." diyebilirsiniz. Ve bunu yapmanın birçok yolu var. Ve pop-up'lar, slayt yapabileceğiniz bir şeydir, bu biraz daha az müdahalecidir çünkü bunu falan engellemez.

Bu biraz daha hoş. Ve sonra web siteniz çoğunlukla ise tasarımı kullanın. Mavi ve beyaz, büyük turuncu bir pankart çekin ve bu fark edilecektir. Rengi kullanmak gibi, tasarımı da kullanın. Bunu bile şu şeylerden biri gibi yapabilirsiniz; Kadence'nin size bir Google yazı tipi kullanma yeteneği vermesi gibi.

900'den fazla Google yazı tipi var. Böylece anında bir Google yazı tipi seçip sitenize bırakabilirsiniz. Ve bu gerçekten çok güçlü. Ve bu çok hızlı bir şekilde kötüye kullanılabilir çünkü 10 farklı yazı tipi yüklenebilir, bu da sitenizi yavaşlatır ve kullanıcının "Neden ben, neden bu kadar çok farklı yazı tipi ailesi?" demesi gerçekten tuhaf olur.

Sadece öyle hissedecek. Hiç düşünülmüş ve planlanmış bir şey değildi. Yani sadece çılgın ve uyumsuz yazı tiplerini kullanmak ve bu marka stiline sahip olmamak istemezsiniz, ancak aynı zamanda çok iyi dikkat çekebilecek gerçekten gürültülü yazı tipleri de vardır. Eğer diyorsanız, Hey, bölüme dikkat çekmek istiyorum.

Tamamen yeni bir yazı tipi ailesi oluşturmak için güçlü bir araç olabilir. Bu bölüm için şunu bırakın. Ve Kadence'nin harika yanı, eğer bunu sadece bir sayfada yapıyorsanız, yazı tipi ailesinin yükleyeceği tek sayfa budur. Yani sitenizi bir sürü farklı yazı tipi ailesiyle çıkmaza sokmuyorsunuz ve bir bölüme dikkat çekmenin güçlü bir yolunu buldunuz.

Yani bunu yapmak eğlenceli olabilir. Google yazı tiplerindeki tüm yüksek sesli yazı tiplerine bakın ve şöyle deyin: Ooh, bunu kullanabilirim. Ve sadece satış kelimesi ya da yüksek sesli bir yazı tipi olan her neyse, çok dikkat çekiyor.

Kathy: Evet. Kesinlikle. İyi. Evet. İyi tavsiyeler var. Siz bunu başka ne gibi şeyler görüyorsunuz? Bakın atlıkarıncalardan ve kaydırıcılardan konuşabilir miyiz çünkü onları seven insanlar var. Sanki ben bunu tamamlayabilirim gibi geliyor.

Bu kahramanlık alanında ne istediğimi bilmiyorum Ama üç şey istiyorum Sadece ilerlemek gibi üç şeye sahip olabilir miyim ve tüm bu tavsiyelerin orada olduğunu görüyorum, bunu yapma Bu çok kafa karıştırıcı. Çok dağınık İşe yaramıyor Düşünceleriniz neler? Atlıkarıncalar, kaydırıcılar ve bu tür şeyler hakkında bir fikriniz var mı?

Ben: Pek çok duygu var elbette. Bence genel kural yapmamak olmalı. Ve sonra her zaman kuralın istisnaları vardır. Her zaman farklı şeyler yapmanın zamanı vardır. Ama şunu söyleyebilirim ki, varsayılan olarak böyle olmayın, yaratmam gerekiyor. Ana sayfamın kahraman bölümü için üç slayttan oluşan bir kaydırıcı.

Ana sayfamda kahraman bölümümü nasıl yapacağımı gerçekten düşünmeye çalışın. Tüketimi son derece kolay ve kişinin gerçekten ne sunduğumu anlamasını sağlıyor, burada takas nedir? Sanki bu sitede kalmalısınız çünkü bunu alacaksınız ve biz bunu size bu şekilde sunuyoruz.

Ve sanırım oradan yola çıkarak bazen söyleyebileceğiniz yerlerin olduğunu anlıyorsunuz ve tekrar ediyorum, bu bir istisna değil. Haklıyım, ancak hizmetleriniz hakkında farklı şekillerde konuşmak için farklı kahraman noktalarına sahip olmak için bir kaydırıcı ekleyebileceğiniz zamanlar vardır.

Genel olarak bunun o kadar da işe yaramadığının kanıtlandığını söyleyebilirim. Bu işe yaramayacağı anlamına gelmiyor. Ana hizmetlerinizi, kullanıcının otomatik slaytın gerçekleşmesi için yeterince uzun süre takılmasını gerektiren bir slaydın arkasına gizlemek istemezsiniz; bu ideal olarak otomatik kaymaz. Gerçekten otomatik olarak kaymamaya çalışın.

veya sayfayla etkileşimde bulunmalarını sağlamak. Bunun için zamanlar var. Sekmeleri çok kullanıyoruz. Kaydırıcıyı biraz sekme sistemine benzetebilirsiniz. Sadece gezinme şekliniz biraz farklı. Genel olarak hepimiz kaydırıcılarda nasıl gezineceğimizi biliyoruz. Okun ne anlama geldiğini ve buna benzer şeyleri biliyoruz.

Çok ileri giderek kaydırıcı kullandığınız gerçeğinin çöp bir web geliştiricisi olduğunuz anlamına geldiğini düşünebilirsiniz. Sanırım işe yarayabileceği bazı durumlar gördüm. Çoğu insan için genel olarak düşünüyorum. Ana pazarlama mesajlarına güvenmiyorlar ve birden fazla pazarlama mesajı oluşturmaya çalışıyorlar ve bunu yapmak için bir kaydırıcı kullanıyorlar.

Ve bunun muhtemelen kaydırıcıyı kullanmanın doğru yolu olmadığını söyleyebilirim.

Kathy: Bazı işletmeler var. Lyft, Airbnb veya Uber gibi düşünürseniz, bu tür işletmelerin sahip olduğu birkaç farklı müşteri kitlesi vardır, çünkü bunlar öncelikli olarak bağlantı kurarlar.

Arabaya binmek ya da yanında kalacak bir yer olan birinin hizmeti bu, değil mi? Yani birbirinden çok farklı iki izleyici kitlesi var ve ben bu sitelere bakıyorum. Kaydırıcıları yok. Çok farklılar. İşte binici. İşte sürücü ve merhaba sürücü. Size ihtiyacımız var arkadaşlar, arabamdaki güvenlik ve kilometrelerle ilgili tüm itirazları ve tüm bu şeyleri ele almaktan çok daha fazlası var, bunlar oldukça belirli bir hedef kitle tipini hedef alan sayfalardır.

Ve daha çok sürücülere benzeyen genel site, çünkü bu, bağlantı kurdukları sürücülerden daha fazla sürücü var, ancak kafa karıştırıcı bir şey yok. Bu kitlelerin hepsine aynı anda hitap etmeye çalışan bir sayfa yok. Bir sayfa sürücüler için, bir sayfa da sürücüler için ve bunu yapmak için çok açık harekete geçirici mesajlar var.

Gerçekten cazip gelen bir ana sayfa gibi tek bir sayfa yerine. Birbirinden çok farklı iki izleyici kitlem var. Her ikisiyle de nasıl iletişim kurabilirim? Geliyorlar ve bunu navigasyon yoluyla yapıyorlar. En tepede sürücü biniciler var. Ve eğer sürücülere tıklarsanız o sayfa tamamen farklı görünüyor.

Sitenin geri kalanı gibi sizi de sürücü olma kararını almaya sıkıştırıyorlar. Ama bir sayfada kasıtlı bir mesaj var. Ve düşünüyorum. Çok sayıda farklı izleyici kitlenizin tüm bunları tek bir sayfaya sığdırmak istemesi ve kaydırıcının bunu yapmanın belki de doğru yolu olduğunu düşünmeniz cazip geliyor.

Ben: Sanırım kaydırıcıları ve diğer şeyleri kullanmanın bazı iyi yollarını düşünüyorsanız, düşünün diyebilirsiniz. Referans karuselleri gerçekten kolay olana benziyor çünkü referansların olduğunu gözden kaçırmıyorlar ve siz sadece tıklayarak yeni bir sayfaya gitmek zorunda olmadıkları bir sayfada bir veya ikiden fazlasını göstermenin bir yolunu sunuyorsunuz ok.

Yani ekranın üst kısmında olmadığı kullanım durumları var, yani değil. İçeri girdiklerinde gerçekten sinir bozucu oluyorlar ve aşağı kaydırarak kullanıcının o bölümle etkileşime girmesine ve bahsettiğiniz belirli bir şey hakkında daha fazla içerik almasına izin verebilirsiniz. Bunlardan daha fazlasını görmek istiyorum, yoksa işe yaradığını görebilirim.

Beğendiğiniz ürünlerle ilgili olarak, işte öne çıkan ürünlerimizden bazıları ve onların beğenmelerine izin vermek istiyorsunuz. Ah, etkileşim kurmak istiyorum, özellikle de bunu da otomatik olarak kaydırmazsanız. Bu gerçekten çok güzel Ah, bunun için öne çıkan ürünlerden birkaçını daha görmek istiyorum ya da bunun gibi içerikler, hadi daha fazla etkileşime girelim ve zaten sana gösterdiğim şeyleri, ama sen konunun özünü anladın, ama Başka bir sayfaya gitmeden biraz daha ileri gitmek istiyorsanız işte bunu yapmanın bir yolu.

Bu atlıkarınca kullanmanın güçlü bir yoludur. Ve ikincisi, böyle bir atlıkarıncada benzer referanslarınız olduğunda, yine de yalnızca dört referansınız olabilir, ancak iki tane gösterirseniz ve bir kaydırıcınız olur ve insanlar hoşlanmadıkları için yüz tane referansınız varmış gibi hissederler, özellikle de otomatik döngüler, orada hala sadece dört referansın olduğu gerçeğini düşünmüyorlar.

Vay canına, bu şirketin çok fazla referansı var diye düşünüyorlar. Bunun için bir kaydırıcı yapmaları gerekiyor. Aynen öyle, öyle bir his var. Ve sadece dört tane olmasına rağmen, sınırsız referanslara sahip olmak zorunda kalmadan size gösterebileceğimiz sınırsız referanslarımız olduğu hissini edinmenin iyi bir yolu.

Yani bu, şunu söylemenin güçlü bir yolu gibi: Hey, sana gelecek tavsiyelerimiz var. Ve bu hiç de tuhaf değil. Neden sadece tek bir tavsiyeleri var?

Hannah: Evet. Ve web siteleri oluşturanlar için 120 referansa ihtiyacınız yok. Hayır. Sadece destek sırasında insanların mesajlaşmayı sevdiğini hatırlıyorum, neden atlıkarıncam 120 görsele dokunuyor?

Biz de, bekle, geri çekil diyoruz. Atlıkarıncanızın 120 görsele ihtiyacı yok. Lütfen bunu yapma.

Ben: Evet, kesinlikle. Beğendiğiniz bir sayfanız varsa sorun yok, Hey, bir dizi referansa benzeyen bir inceleme duvarına sahip olmak istiyorum, ancak hikaye markasının söylediğinden fazlasını koyma, hikaye markası. Bence onların en büyük özelliği üç.

Evet. Sadece üçüne ihtiyacın var. Ve bunları elinizden gelenin en iyi üçü yapmaya çalışın ve bu da onların bahsettiği püf noktalarından biri, sizinle veya kullanıcılarla veya ne yapıyor ve satıyorsanız başarılı olmuş müşterileri bulmak ve sonra onlar için referansı yazmaktır. . Bunda istediğiniz dil ve mesaj var ve sonra o kişiye gidip şöyle deyin: Hey, bu referansa adınızı yazar mısınız?

Çünkü bir ürünü kullanan biriyseniz şunu duymak istemezsiniz: Hey, ifade yazar mısın? Çünkü sen, kelimeleri, ne söyleyeceğimi ve diğer şeyleri çözmem gerekiyor gibisin. Ama ürünü beğendin. Ve eğer sana gelip 'Hey, buna adını yazacak mısın? Ve ifadeler kulağa doğru geliyor.

Siz de 'evet bu benim deneyimim' diyorsunuz. İsminizi yazacaksınız ve bu şekilde çok daha iyi referanslar alacaksınız. Daha sonra itin ve bunu insanların beğenisine sunarak, lütfen benim için bir inceleme yazın, yoksa bir inceleme yazar mısınız? Pek çok insan yeterince iyi bir inceleme yazmayacak.

Ya da rumble'ı beğenin ya da sadece incelemeyi yazmayın. Onlar sadece meşgul olduklarında dikkatlerini dağıtıyorlar. Yani, eğer değerlendirmeleri yazarsanız, bu çok tuhaf, ancak incelemeyi yazın ve onlardan imzalamalarını isteyin ve gerçekten zengin incelemeler alacaksınız. Her ne yapıyorsan.

Kathy: Ve eğer biri size, sizin istemediğiniz bir inceleme yazarsa ve bu bir anda ortaya çıkarsa, belki o kişiye Noel için bir hediye sepeti satın alın.

Birisi yukarıda ve öteye gidiyor, değil mi? Evet. Evet.

Ben: Kesinlikle. Kesinlikle.

Kathy: Evet. Serin. İnsanların çok etkili bir teknik kullanmaktan hoşlandıkları başka bir şey var mı Hannah, ama belki biraz daha iyi kullanmak olabilir mi?

Hannah: Önemli olanlardan bazılarına değindiğimizi hissediyorum. Sanırım bir başkası, bu kötü tasarımla zorlanıyorum ve tıpkı renklerle eşleşmeyen ve birlikte iyi görünmeyen yazı tiplerini seviyorum. Mesela bir sayfayı açtığınızda göze hoş mu geliyor yoksa bir anda çok fazla şey oluyormuş gibi mi?

Blogda yayınlıyoruz. Her ay bu tasarım teknikleri. Ve bunlar ilginçti, tıpkı pek çok eşsiz şey gibi, meydana gelen trendler gibi. , tasarım trendleri. Bunlara bakıp görmek ilham vericiydi, bu aslında aklıma gelmeyecek bir şeydi ama harika bir görünüm.

Yani biraz ilhama ihtiyacınız varsa, bununla ilgili şantaj da yayınlıyoruz, ama aynı zamanda. Sadece kötü renkler, kötü yazı tipleri ekleyerek gerçekten yanlış gidebileceğinizi düşünüyorum.

Kathy: eşleşmiyor. Evet. Evet. Bence başlangıçta birkaç yazı tipi, bir başlık yazı tipi ve bir gövde yazı tipi kullanmak ve ardından markanızın neye benzeyeceği ve markanızın neye benzeyeceği hakkında gerçekten bazı temel kararlar vermek için Kadence renk paletini kullanmak iyi bir şey. renkler vardır ve sonra ona sadık kalırsınız.

Ve arada bir istisnalar da oluyor. Sadece evet, gidip istisna diyarında yaşamayın. Kesinlikle. Evet. Evet. Sizlerin de benim gibi olduğunuzu söyleyebilirim, bir web sitesine bakmaya başlayacaksınız ve hemen merak etmeye başlayacaksınız, bunu nasıl yaptılar? Peki bunu nasıl yaptılar? Ve merak ediyorum ve Ooh, ya da bir yüzük, şu takip cihazına benzeyen yüzükler.

Uyku takibi gibi insanlar da bunları web siteleri, ana sayfaları için kullanıyor. Sen, buna göz attığında ve sonra uykudan bahsetmeye başladıklarında, hava kararıyor Ah, şimdi uyuyorsun. Sanki çok güzel bir siteymiş gibi. Ben sadece devam edeceğim ve şimdi bu bir açılış sayfası. Çok güzel.

Bu harika. Bu, alay ettiğim yeni favorim. Aura yüzüğü alacağımdan değil ama onu seviyorum. Bu harika. Kadence'deki yeniliklerden bahsedelim. Hannah, o kadar çok şey yaşıyoruz ki. Toplulukla ilgili şeyler ve gelecek şeyler neler? Çok meşgulüz. Naber?

Çok meşgul.

Hannah: Beni en çok heyecanlandıran şey Kadence pazarını yeni başlatmış olmamız. Üzerinde uzun süredir çalışıyoruz ve temel olarak tasarımcılardan ve web yaratıcılarından oluşan bir kolektif ve onların tüm tasarım şablonları, başlangıç ​​şablonları, alt temaları ve uzmanlıkları var ve hepsi tek bir güzel yerde ve herkes ona erişebilirler ve bu insanlardan satın alabilirler ve bu harika.

Bu, topluluğumuz tarafından insanların Kadence'ten en iyi şekilde yararlanmasına yardımcı olmak amacıyla oluşturulmuş harika bir şey gibi. Ve ben de öyleyim. ben sadece

Kathy: Bu konuda çok heyecanlıyım. Evet, ben de bu konuda çok heyecanlıyım çünkü arada bir konuştuğumuz gibi Kadence grubuna giriyoruz ve vay be, yeni bir tasarım kütüphanesi var.

Ve işte bir tane daha. Ve öyle bir noktaya geliyor ki, insanların tüm farklı çocuk temalarını, tasarım kütüphanelerini, blok koleksiyonlarını ve her şeyi değerlendirebileceği tek bir yere ihtiyacımız var. Ve ayrıca bize sürekli olarak Kadence uzmanı kimdir diye soran tonlarca insan var.

Her zaman Kadence'le çalışan biri. Tanıdığımız birkaç kişi var ama belki daha fazlası da vardır. Peki insanlar çalışmalarını nasıl gönderiyorlar?

Hannah: Pazar yeri sayfasının altında bir bağlantı var ve formu doldurup bilgilerinizi girebilir, kitaplıklarınızı yükleyebilirsiniz.

Ayrıca herkesin sizi bulabilmesi için pazarımızda da olabilirsiniz.

Kathy: Süper heyecan verici. Eğer YouTube'da izliyorsanız gösteri notlarında ve açıklama kutusunda bağlantılar olacak, böylece pazara göz atabilir ve orada neler olduğunu görebilirsiniz. Ayrıca topluluk içinde de daha fazla şey üreteceğiz.

Ne var, başka neler oluyor?

Hannah: Evet, aynı zamanda ikinci Kadence Amplify'ımızı da gerçekleştiriyoruz. Aslında tarihi geriye ittik. Bu ay bunu yapacaktık ve bir sürü şey oluyor. Yani yeni bir tarihimiz var: 20 Ekim Cuma. Bugün bunu yapacaktık. Ve sorun değil. 20 Ekim çok daha iyi bir gün.

Evet. Bugün bir Cuma. Bütün gün olacak. Geçen sefere çok benzeyen iki parçamız olacak. Sıralanmış harika konuşmacılarımız var. Jake Full bizimle olacak. Adam Pryzer WP Crafter'dan bizimle birlikte olacak. Ve çok heyecanlandığımız birkaç kişi daha. O yüzden mutlaka bu tarihi takviminize ekleyin.

Ve bir programımız olacak. Aslında programın artık bitmiş olması lazım. Siz bu podcast'i dinlediğinizde bir program yayınlanmış olmalı. Süper heyecanlı.

Kathy: Evet. Aşağıdaki açıklama kutusu. Tarihi kaydet. Daha iyi bir WordPress web sitesi oluşturmanıza yardımcı olacak her şey hakkında gerçekten ilginç konuşmacılar.

Bu sadece Kadence ile ilgili değil, Kadence ile ilgili bazı konuşmalar da var, ancak UX hakkında konuşacak olan Rachel Winchester'ımız da var. Sevgili arkadaşlarımdan biri olan ve yakın zamanda bir kitap yayınlayan Brandy Lawson. Ve belki de WordCamp Phoenix çifti 2020'nin açılış konuşmacısıydı. Harika bir insan.

Ve kısa süre önce bir kitap yayınladı. Projelerinizi canavarlara dönüştüren o şeytani, korkunç şeyden, kapsam kaymasından bahsedecek. Kapsam sürünmesini ortadan kaldıracağız. Konu bununla ilgili. Brandy konusunda da heyecanlıyım. Çünkü o harika.

Ben: Bu sürekli bir meydan okumadır.

Kathy: Evet, Brandy öyle, Brandy muhteşem. Onunla biraz konuşacağım ve size Google analitiği hakkında bildiğim her şeyi anlatacağım. Brandy'den öğrendim. Brandy konusunda heyecanlıyım. Onun harika olduğunu söyleyebilir misin?

Onun

Harika . Bayıldım.

Kathy: Çok güzel olacak. Çok heyecanlıyım. Çok heyecanlıyım. Çok eğlenceli olacak. Kadence ile ilgili tüm yeni şeylerden bahsetmedik bile ve şimdiden ne kadar heyecanlandığıma bak, ama Ben, az önce Kadence blacks'e bazı yeni özellikler yayınladın.

Bu hafta insanlar neyle oynuyor?

Ben: Evet. Yani evet, gelişmiş form bloğu için koşullu alanlar yaptık ve bu gerçekten güçlü, temel olarak bir alanın formunuzda daha aşağılarda başka bir alanın gösterilmesi gerekip gerekmediğini belirlemenize olanak tanıyor. Yani bu, evet, gelişmiş form bloğuna yönelik yeni geliştirmelerin birinci aşaması gibiydi.

Ve bunun geleceği konusunda gerçekten heyecanlıyız. Daha sonra ilerleme çubuğunun maskeleme yapmanıza olanak tanıyan yeni bir özelliği var. Böylece animasyonlu şekil maskeleri yapabilirsiniz, animasyon yapmak istediğiniz miktarı siz belirlersiniz. Yani bu, 4 gibi koyabileceğiniz bir derecelendirme, yıldız derecelendirmesi gibi basit bir şeyi yapmanın gerçekten harika bir yoludur.

7 ve 4,7'ye kadar yıldızı canlandıracak. Ancak özel maskeleme yapmanıza da olanak tanır. Ve bu, tekrar tekrar yineleyebileceğiniz özel şekiller yaratabileceğiniz veya yalnızca doldurmak istediğiniz bir şekle sahip olabileceğiniz, gerçekten ilginç şeylerden oluşan devasa bir kapıyı açar. Yani evet. İlerleme çubuğuyla bu harika.

Ardından Pexels'in medya kitaplığına entegrasyonunu yayınladık. Dolayısıyla, içeriğinize eklemek istediğiniz bir görseli Pexels'te çok hızlı ve kolay bir şekilde aramak istiyorsanız, bir blog yazısı yazıyorsunuz, her neyse, bu onu çok hızlı hale getiriyor. Medya kitaplığına gidin, pexels'e tıklayın, bir arama yapın, istediğinizi veya birden fazlasını seçin, bunları sitenize bırakın, zaten web için boyutlandırılmış olarak gelirler, zaten alt metinleri vardır ve görsel dosyası bu alternatif metni de kullanarak, gerçekten iyi bir SEO resim dosyası adı elde edersiniz.

Ve sonra bunu doğrudan sayfanıza bırakabilir ve gidebilirsiniz. Hızlı ve kolaydır. Ve evet, yaptığımız en sevdiğim şeylerden biri. Çünkü çoğu zaman bir görüntüye ihtiyacım var ve hemen bir tane yakalayabilirim gibi şeyler oluyor gibi görünüyor. Gerçekten eğlenceli.

Kathy: Çok güzel. Tasarım kütüphanesini kullanarak geliştirme yaparken Pexels olayı çok eğlenceli ve yakında tüm yapay zeka şeyleri de olacak, değil mi?

Ancak şu anda bu yer tutucular geliyor ve siz sadece üzerlerine tıklıyorsunuz, Pexels'e gidiyorsunuz ve hemen onları değiştiriyorsunuz. Onunla küçük demolar gibi birkaç Quickie yaptım. Bir açılış sayfasının oluşturulmasını çok hızlı hale getirir. Sadece Paxils entegrasyonuna sahip olmak, tüm bu yerler için mükemmel görüntüyü bulmak gibi, tasarım kütüphanesi alanının bu tür kararları vermeniz için size yer tutması gibi.

Bu çok eğlenceli. Bu yüzden şimdiden çok eğleniyorum. Sadece birkaç gündür çıkıyor. Yani evet çok havalı. Ve insanlar sorduğu için yapay zeka hakkında soru sormam gerekiyor. Zaman.

Ben: Evet. Yapay zekanın şu anda piyasada olmamasının ana sebebinin, arkasında koyduğumuz lisanslama ve kredi sisteminin, bunu doğru yapmak, herkesi bir sisteme yükseltebilmek için devasa miktarda bir çalışma olması olduğunu düşünüyorum. kredi kullanımına ve buna benzer şeylere izin verir.

Ancak yaklaşıyoruz ve bu arada satır içi ve bölüm yapma becerisini edindiğimiz için sitenin tamamına bakıyoruz. Ve bunu düzelttik çünkü sayfalarla ve tam siteyle pek çok şey yaptık. Yani yaklaşıyoruz. Bölümleri, ardından satır içi ve ardından tam siteyi başlatacağımızı düşündük.

Biz aynı zamanda tüm bu kredi sistemini çözmeye çalışırken, bunların çoğu bir araya geliyor. Ama yakın. Henüz bir randevumuz yok. Ancak önümüzdeki ay en azından birinci versiyonun olmasını bekliyoruz. Söz vermiyorum ama kesinlikle çok eğlenceli olduğunu düşünüyorum. Beta sürümümüze katılabilir ve hemen erişebilirsiniz.

Sanki onunla oynayan kullanıcılarımız var. Git ve bekleme listesine katıl, seni yakalayabiliriz. sitenizde gerçekten oynayabileceğiniz eklentiye erişim.

Kathy: Aşağıda bu bekleme listesine bir bağlantımız olacak. Yani beta testinin bir sonraki turunda buna katılabilirsiniz. Çok eğlenceli. Onunla oynarken çok eğlendim.

Benim ve onu ne kadar çok kullanırsan o kadar çok şey bulursun, çünkü aslında yapay zeka yalnızca sana gösterir, neredeyse bir ayna gibidir. Size ne olduğunuzu gösterir. Ona ne vermen gerekiyor, değil mi? Yani eğer ona tonlarca bilgi vermek istiyorsanız, bu gerçekten yaptığınız işe odaklanabilir. Ve kesinlikle keşfedilmesi gereken bir kaşif.

Eğleniyorum. Keşfediyorum. Bugün kelimeler zor. Onu araştırıyorum. Eğlenceli. Herkesin de bununla eğlenmesini sabırsızlıkla bekliyorum. Konuşmamız gereken başka bir şey var mı?

Bu kadar. Burada her şeyi inşa etmekle meşgul küçük kunduzlar var. Çok eğlenceli. Etkinlikte belirteceğim bir şey var, ben de katılacağım. Ne? Belki biriniz benimle gelirsiniz, ama çarşamba günü, yani sadece birkaç gün sonra, eğer bunu izliyorsanız ya da dinliyorsanız, çarşamba günü ilk çıktığında, sadece bir tarih söylemeliyim. Amerikalılar için öğleden sonra ayın 27'si olacaktı. Katılacağımız bir FloThemes geçiş ustalık sınıfı olacak. Çünkü FloThemes'ten birçok kişinin Kadence'e geleceğini biliyorum. Ve biz de hoş geldin kollarıyla orada olacağız. Eğer FloThemes dünyasından Kadence'yi merak eden birini tanıyorsanız gösteri notlarında da bununla ilgili bir bağlantımız olacak.

Onlar için buradayız. Dolayısıyla bununla ilgili haberleri de yayınlayacağız. Elbette. Kitaplardaki bir bölüm daha ve siz bu kadar ileri gidemeyeceğimizi düşündünüz. Buradayız. Bir dahaki sefere sizinle konuşuruz çocuklar. Görüşürüz.