Bölüm 10: Kadence ile WordPress'te Tasarım Prototipleri Oluşturma

Her yeni tasarım bir yerden başlar ve Figma, Invision, Axure veya Adobe XD gibi araçlar, tasarımcılara web tasarımının görsel temsillerini yaratmanın yenilikçi yollarını sunar. Bununla birlikte, WordPress dünyasında, blok düzenleyicideki yenilikler, uygulamaya en yakın alanda yerel olarak tasarım oluşturmayı daha da kolaylaştırır. Bu bölümde WordPress'te web tasarımı hakkında gerçekleri öğreniyoruz. Bu araçlar yardımcı olabilir, ancak WordPress'te etkili tasarımlar oluşturmanın en önemli bileşenlerine odaklanmak çok önemlidir. Benzersiz içerik, müşterinizi anlama ve sitenizin tasarımı yoluyla etkili iletişim, başarı için en iyi reçetedir.

Aşağıdaki kontrolleri kullanarak dinleyin veya bizi en sevdiğiniz podcast uygulamasına ekleyin.

Yeni pencerede dinleyin.

Zaman Damgaları ve Bağlantılar

• 0:00 Giriş: Hannah sahilde!
• 1:33 En iyi WordCamp deneyimleri: citymuseum.org
• 8:47 WordPress'te yeni bir tasarımın prototipini oluşturma, nereden başlamalı
• 9:51 Boş sayfa sorununu atlamak
• 10:50 Bir ÖYS kursu açılış sayfasıyla başlarken
• 15:37 Rekabetçi araştırma: varlar, onlar için ne işe yarıyor?
• 18:41 Müşterinin bakış açısı
• 19:31 Herhangi bir şey tasarlamadan önce içeriğinizi ortaya çıkarın
• 20:43 Benzersiz işletmenizin benzersiz bir satış noktası var, onu kullanın
• 22:40 En iyi içeriğinize öncelik verin
• 25:00 Kadence sizin tasarım aracınız
• 30:22 Shop Kit 2.0 piyasaya sürülmeye hazırlanıyor, iThemes eğitim önizlemesi

Bölüm 10 için Transkript

Kathy: The Kadence Beat'in 10. bölümüne hoş geldiniz. 10. bölüme geldik. Ve 10. bölüm için biraz parti yapmak istedik. Bu yüzden Hannah'yı ülke dışına, sahile yakın, açıklanmayan bir yere uçtuk. Hannah, nereye gittin?

Hannah: Ben Meksika'dayım.

Kathy: Öylesin ! Yani sadece 10. bölüm partisi değil. 10. bölüm için bir Fiesta, ha?

Hannah: Bu bir Fiesta. Evet. Sanırım notu kaçırdınız. Yani, 10. bölüm için Meksika'da parti yapacağımızı sanıyordum ama görünüşe göre sadece benmişim.

Kathy: Pekala, Ben, sanırım sen ve ben bir şeyleri kaçırıyoruz.

Ben: Evet, bugün burası oldukça soğuk ve kar fırtınalarının yağması gibi. Yani Meksika sahili kulağa oldukça hoş geliyor.

Hannah: Biliyorsun, tam da bu yüzden buradayım. Çünkü geçen hafta Boise rekor düzeyde kar yağışı aldı ve ben bunu yapamam dedim. Bu yüzden biraz mil kullandım ve Meksika'ya bir bilet rezervasyonu yaptım ve çok daha mutluyum, ayrıca çok daha fazla güneşte yandım. Vücudum oldukça gevrek.

Kathy: Gerçekten mi? Çok daha mutlu görünüyorsun ve 10. bölüm için parti vermeye hazır görünüyorsun. Bu yüzden heyecanlıyım. Neredeyse tüm yıl boyunca tüm seyahatlerinizi vekaleten yaşayacağım. Yani.

Hannah: Evet, şimdi herkesi buraya davet edeceğiz. Sadece Meksika'da sahilde güneş parlıyor. 10. bölüm için buradayız ve partiye hoş geldiniz.

Kathy: Mükemmel. Ve Hannah, bize 10. bölüm için bir sorunuz vardı, sorunuz nedir?

Hannah: Evet, bu yüzden iyi bir partiye bayılırım. Partilere ev sahipliği yapmayı seviyorum ve insanları bir partiye dahil etmenin harika bir yolunun iyi bir soru sormak olduğunu düşünüyorum. Bir WordCamp'e gittiyseniz, en sevdiğiniz WordCamp deneyiminin ne olduğunu düşündüm. Tekrar biliyorum, Kathy ve Ben burada olanlarımız var, hepimiz oradaydık. Bana en sevdiğin WordCamp deneyimini söyle?

Kathy: Sanırım gidebilirim. Gittiğim bir WordCamp, oğlum benimle seyahat ediyordu ve tıpkı birkaç gün içinde olduğu gibi 18 yaşına yeni basmıştı. Ve WordCamp Miami'deydik ve birlikte olduğumuz insanlardan biri South Beach'e gitmemiz gerektiğine karar verdi. Ve bahar tatiliydi ve etrafımızda insanlarla dolu bir arabada mahsur kaldık. Hareket edemiyorduk. Ve 18 yaşındaki oğlum South Beach'i deneyimledi ve ben gülmeden edemedim çünkü o annesiyle birlikteydi ve öyleydi, yaşamak istediğin bu değil, ilk bahar tatili deneyimi annenle takılmak. .

Biraz utanmıştı, ama bugün hala beni güldürüyor ve şu üstü açık arabanın arkasındaki kızlar hakkında konuşabileceğimiz komik hikayeler veriyor. Yüzünü bu arabanın arkasına saklamak gibi ve kaçış yok çünkü etrafta çok fazla insan var.

Hannah: Bunu seviyorum.

Kathy: Çok komikti.

Ben: Bu harika.

Hannah: En iyisi bu. Ben, ya sen?

Ben: Um, bence açık ara en unutulmaz olan ortak bir deneyimimiz var ve bu çok saçma. Ve bu WordCamp 2020 veya 2019'daydı. Bir müzede parti sonrası partisi verdiler, dürüst olmak gerekirse, orada olduğum süre boyunca, burası nasıl kapanmaz dedim. Mesela bu çok güvensiz.

Ve sanki mahkum edilmiş bir binaya girmişiz gibi hissettik ve sonra biri içeri girdi ve mahkum binanın üzerine bir sürü süper kabataslak şey yaptı. Ve sonra sanki, herkesin herkes için bir özgürlüğü var ve ne istersen onu yap gibiydi.

Hannah: Ve bence bu muhtemelen uyuşturucu kullanan biri. söyler misin?

Ben: O kadar çok şey vardı ki, ne, ne, tamam. Bunun gibi bir anlamı yok. Yani bu müzeyi anlatmak zor. Ve umarım hala vardır. Çünkü bence var, bu dünyada bir yere ihtiyacı var, ama nasıl kapatılmadığını da çok merak ediyorum çünkü bizim gibi olduğumuz pek çok şey var, tamam, evet. bu gerçekten tehlikeli. Etrafta dolaştık ve çok ama çok iyi vakit geçirdik çünkü neye bulaştığımız hakkında hiçbir şey bilmiyorduk.

Ve böylece kelimenin tam anlamıyla birinin bir şey üzerinde dolaşması, benzer bir rüya görmesiydi ve onların yarattığı şey buydu. Bir noktada iki katlı bir yukarı tırmanıyorduk. Yani, esasen neyi seversiniz, tel örgü, yarım kubbe gibi bir tavana asılmış.

Hannah: Bir kubbe gibi.

Ben: Evet. Ve sonra o tavandan fırlamış gibisin ve bir çatıdaydın ve çatının başka bir parçası gibi aşağı inen büyük bir kaydırak vardı.

Hannah: Dev bir çekirge ile. Dev çekirgeyi unutma. Ne!

Ben: O zaman sanki, sanki kayar gibi betona çarpmış gibi, orada değildi, sanki onunla ilgili hiçbir şey yokmuş gibi. Ve sonra güzel bir slayttan aşağı kayıyorsunuz ve güzel bir son var gibi. Sanki betona kaydın ve herkes etrafa bakınmış gibi ayağa kalktı, bu gerçekten benim başıma mı geldi? Yani, onlar, evet. Hannah burayı açıklamama yardım et.

Hannah: Evet, açıklaması zor ama harikaydı. En iyi yanı, Ben'in dediği gibi, gerçekten hiçbir fikrimiz yoktu. Sanki ilk 45 dakikayı birinci katta geçirmişiz gibi, tıpkı kokteyl saati gibi, oh, bu sadece ilginç bir müze. Ve sonra, belki de dolaşmalıyız, diyoruz. Ve sonra, geçmek için dizlerinin üzerinde sürünmeyi sevmen gereken küçücük bir kapı gibi geçersin. Sonra bu diğer çılgın yere açılıyor. Ve sen, ne gibisin? Ve her köşesi gibi. Ne gibisin? Ve sonra bir sonraki bildiğiniz şey, çatıda bu çekirge kaydıraktan aşağı iniyorsunuz ve sonra çılgın bir atlıkarınca var.

Ve sonra en üst kattan giden bir slayt var, kaç hikaye söylerdiniz? Beş? En alta kadar. Vahşi. Dürüst olmak gerekirse, yaşadığım en iyi WordCamp deneyimiydi.

Ben: Evet. Demek istediğim, WordCamp'ler eğlencelidir, eğer gitmediyseniz, seyirciler için çok eğlencelidir. Sen, birçok insanla tanışıyorsun. Pek çok şey öğrendiğiniz bu seanslara katılıyorsunuz, ancak after partyler de gerçekten harika, çünkü genellikle rastgele bir yerdeler. Ondan önceki yıl bile after party'nin bir parçası olan bir planetaryum vardı ve bu çok eğlenceli ve bir o kadar da baş döndürücü bir deneyimdi. Bu iyi bir zaman. Kesinlikle. Bunu bir WordCamp'e yapabilirseniz, zaman ayırmaya değer.

Kathy: Ve o müze St. Louis'deydi. Adı Şehir Müzesi. Citymuseum.org'a giderseniz, Hannah ve Ben'in orada yaşadıkları işkence odalarını hissedebilirsiniz. O kaydıraktan yukarı çıkmadım bile, çıkarken dizimi çarptım ve arkamı döndüm. Bundan iyi bir şey çıkmaz, diye düşündüm, ama aslında çatıda bir dönme dolapları var.

Çılgın bir yer. After partileri yapan insanlar, WordCamp ABD organizasyonu, tek kelimeyle harika. WordCamp Europe da birkaç hafta içinde gerçekleşecek. Ve bu muhtemelen başka bir destansı parti olacak. Birkaç yıl önce Berlin'dekine gittim ve Madonna taklitçisi gibi harika sanatçılar vardı. Sanki Madonna oradaydı. Çılgıncaydı. Her neyse, evet, WordCamp'ler harika. After partiler kesinlikle buna değer ve Ben ve Hannah gibi insanlarla tanışırsınız. Ve bazen ben.

Hannah: Her ne kadar hepimiz oradaydık ve tanıştığımızı sanmıyorum, ki buna üzülüyorum.

Kathy: Zamanımın çoğunu sadece sohbetten sohbete ve sponsor alanındaki tünellerden ve perdelerden geçerek geçirdim, yoğun, yoğun, yoğun bir zamandı, ama, um, evet, Kadence'in gerçekten biraz almaya başladığı yer burası. WordCamp US 2019'da ün kazandı. İşte o zaman insanlar, bir araya getirdiğiniz bu araçlardan bazılarının ne kadar yenilikçi olduğundan bahsetmeye başladı.

Hannah: Evet, evet. O noktada sadece Ben ve ben vardık ve kimse kim olduğumuzu bilmiyordu.

Kathy: Pekala, izleyenler çok çabuk anladılar ve bugün geldiğimiz noktaya bakın. Oldukça heyecan verici.

Hannah: Evet, 10. Bölüm. Uzun bir yol kat ettik. Bir podcastimiz var!

Kathy: Bir podcast'in var! Ve şimdi daha kolay değil mi, 10. bölüme kadar onunla takılmanı söyledim ve bu daha kolay, değil mi? Sadece takılmak ve harika şeyler hakkında sohbet etmek gibi. Ve tüm aptal şeyleri düzeltiyorum.

Bu yüzden gizli bir proje üzerinde çalışıyorum ve Ben'in birkaç ay önce dahili olarak yaptığı bir sunumda söylediği bir şey kulağa gerçekten doğru gelmeye başladı. Ve evet, Ben'in ne demek istediğini tam olarak anlıyorum, demeye başladım.

Ben'e, yayınlayacağınız yere yakın prototip oluşturmanın ne kadar mantıklı olduğundan bahsetmiştiniz. Ve şimdi bunun üzerinden geçiyorum çünkü başka bir yerde oluşturulmuş bir prototip alıyorum ve onu WordPress'te, Kadence Elements'te özel alanlar ve her şeyi kullanarak oluşturuyorum. Ve prototipteki pek çok şey öyle değil. Sadece inşa ederken kararlar vermem gerekiyor, bu bu şekilde çalışacak, çünkü WordPress böyle çalışır, Kadence böyle çalışır.

Ve bu konuşmayı, insanların kullandığı farklı araçlar olan WordPress projelerini ve tasarımlarını prototipleyen en iyi uygulamalar hakkında yapmak istedim. Ne zaman mantıklı olurlar? Ne zaman anlam ifade etmezler? Ve bu "boş sayfa" sorununun ötesine nasıl geçersiniz? Bu, bugün konuşabileceğimiz bir şeye benziyor mu?

Ben: Evet, kesinlikle. Boş sayfa sorununun bunu ifade etmenin harika bir yolu olduğunu düşünüyorum çünkü herkesin bununla ilgili olabileceğini düşünüyorum. Ortaya çıkıyorsun ve diyorsun ki, her neyse onu inşa etmem gerekiyor, bir açılış sayfası, bir satış sayfası, bilirsiniz, boş bir sayfaya bakıyorsunuz ve gidiyorsunuz, tamam, sonra ne yapacağım? Ve bunun gibi zor bir neden, insanların bir sonraki adım attıkları nokta ve çoğu zaman, çok zorlu bir zaman, sinir bozucu bir zaman, 10 şey yaptıkları ve 10 şeyi geri aldıkları ve 10 şey daha yaptıkları ve hepsini geri aldıkları bir zaman. Bunların. Ve sonunda, elde ettikleri şeyden nadiren memnun kalıyorlar.

Ve bence, senin söylediğinden daha fazla, sadece düşünmek iyi olur. Beyaz boş bir sayfada belirip gitmekten daha iyi stratejiler var, bir tasarım yaratmam gerekiyor. Ve bu araçlardan bazılarını kullanmaya başlamadan önce biraz yedekleme yapmak gibi, ama iyi gidiyormuş gibi.

O halde boş bir sayfadan sonuna kadar nasıl gelindiğinden bahsedelim. Bu yüzden, çevrimiçi kursunuz için bir açılış sayfası oluşturmanız gerekip gerekmediğini konuşmamızı öneriyorum. Bu şekilde, gerçekten ne olması gerektiği gibi konuşabileceğimiz ve üzerinde düşünebileceğimiz bir şey var ve bu içeriği nasıl bir araya getirebiliriz?

Kathy: Mükemmel. Bence bu, LearnDash veya diğer LMS sistemleriyle çalışan birçok insanın olabileceği belirli bir alana odaklanmak için harika bir yol ve… belki onlar henüz orada bile değiller ve hangi LMS aracını kullanacaklarına karar vermediler. Ama sanki bilgim var, bunu dinleyen biri olmalı, başkasına aktarabileceği ve bir şekilde para kazanabileceği bilgisi var.

Nereden başlıyorsun?

Ben: Bir şey düşünüyorum, ne zaman yeni bir sayfa açsan ve bu her yere yayılabilir, gitmek zorunda mısın, bu sayfanın temel amacı nedir? Sanırım bunu Hannah'nın ebeliği için bir ana sayfa yapmaktan bahsettiğimizde konuşmuştuk. Ve bence, oradan başlamalısın. Tamam, amaç ne, demelisin.

Çünkü her şeyin bu hedefe doğru gitmesi gerekiyor. Ve tüm bunların mümkün olduğunca açık bir şekilde iletilmesi gerekiyor, böylece müşterinin kafası karışmasın, buraya mı gitmem gerekiyor, yoksa buraya rekabet eden şeylerle mi yoksa sadece onların dilinde olmayan ve olmayan şeylerle mi gitmeliyim? onlara doğrudan bir yol vermek.

Benim amacım ne diye başlamak istiyorsun. Ve eğer kurs sayfasını yapıyorsak, amaç bir kursa kaydolmalarıdır. Ve muhtemelen bunun için seçenekleriniz var. Temel kurs paketine ve ardından 30 dakikalık ücretsiz danışmanlıkla gelen VIP paketine sahip olabilirsiniz. Ve bilirsiniz, özel bir Facebook grubuna erişim gibi kurslarda tipik olarak gördüğünüz eklentiler, bu tür şeyler.

Yani muhtemelen bazı paketleriniz olacak, muhtemelen bir fiyat tablosu düşünüyorsunuz. Ve oradan sonra, tamam, peki, amacım onları satın almaksa, onlara satın almaları için bir sebep vererek başlamalıyım demeniz gerekir. Bunu yapmak için, almaya çalıştığınız kişiyle nasıl iletişim kuracağınızı bilmelisiniz.

Bu yüzden kiminle iletişim kurduğunuzu bilmeniz gerekir. Ve bu daha önce konuştuğumuz şeye geri dönüyor. Bu hedef müşteri nedir? Tüm söylediklerinizle onların dilini konuştuğunuzdan emin olmalısınız, ancak bu sayfanın en üstünde, ihtiyacımız olan şey, temelde şunu söyleyen bir şeye ihtiyacımız var: bu yüzden bu kursu almak istiyorsun, ve hayatınızda değişecek olan da bu. Bu sayfada hemen beliren müşteriye, ya sorunlarına işaret ettiğinizi ya da onlar için hecelediğinizi tanımlarsınız. Ve bu sorunun olduğunu söylüyorsun, bu kurs onu çözecek.

Ve özellikle kurslardan bahsederken, sadece bir problemi çözmüyorsunuz. Aslında onlar için bir birey olarak sonucun ne olduğunu, onlar için neyin değişeceğini ve bunun onları ileriye nasıl etkileyeceğini tanımlamaya çalışıyorsunuz.

Ama bu anlamda, yine de düşünmelisiniz, tamam, bu kişinin bir sorunu var. Bir kitap yazmak istiyorlar ve kitap yazma konusunda onlara rehberlik edecek kitap yazma konusunda deneyimli birine ihtiyaçları var. Demek ilk romanını nasıl yazacağına dair bir kursun var. Bu müşteri tabanı, onunla konuşmanız ve bir roman yazar gibi olmanız, bir roman için iyi bir fikre sahip olmaktan çok daha fazlasıdır. Planlama ile ilgilidir. Kalıcılık ile ilgilidir. Bunu açıklamaya ve söylemeye başlıyorsunuz ve bu kurs size sadece bunu yapmak için tüm araçları sağlamakla kalmıyor, aynı zamanda çevrenizde size yardım edecek ve onlardan geri bildirim alacak bir topluluğunuz var ve şimdi ben geliyorum, sanırım Buna ihtiyacım var.

Ve bu şekilde buna girmeye başlayabilirsiniz. Herhangi bir tasarım işine girmeden önce, önce bu şeyleri çözebilmelisiniz. Bu kişiyle bağlantı kuracak olan nedir? İhtiyacım olan içeriği bir araya getireyim. Aklımda, bir satış sayfası yaparken başlayarak. Sayfanın en başından başlamalısınız, büyük, oldukça kısa bir metin olmalı ve mümkün olduğunca açık ve özlü olmalı, esas olarak sorunu ve çözümünüzün bu sorunun cevabını nasıl olduğunu hecelemelisiniz. Oradan, bu ilk teklifi daha iyi hale getirecek farklı parçaların üzerinde çalışmak istersiniz.

Aşağı kaydırdıkça, gidiyorlar, gittikçe daha fazla "evet, bunu yapmam gerekiyor" gibi oluyorlar. Evet, bunu yapmam gerekiyor. Ve sayfa boyunca "şimdi satın al" düğmesine sahip olabilirsiniz. Müşterinin asla böyle olmasını istemiyorsun, nereye kaydolmalıyım? Bu yolculuğu, bir fiyatlandırma tablosunu beğenmek için aşağı kaydırırken de oluşturabilirsiniz. Görüşler anahtardır. Tüm bunları düşünürken, şimdi elinizde, en üstte kısa ve öz bir dil olmalı ve bir tür resme ihtiyacım var, tercihen gülümseyen birine veya sonucu bir resimle görselleştirmek için bir sonuca.

Siz düşünürken, bunu nasıl inşa edebilirim? Bu içeriği, ihtiyacınız olan metni, referansları bir araya getirmeye başlamalısınız, fiyatlandırma tablonuz ve bu fiyatlandırma tablosunun özelliklerinin neler olacağı hakkında düşünmeniz gerekir. Bu nedenle, biraz içerik toplamanız ve başlangıçta müşterinizi gerçekten düşünmeniz gerçekten önemlidir.

Kathy: İçeriğinize sahip olduğunuzda, belli ki bir sayfada sadece metin istemiyorsunuz. Sadece düğmenizi ve bir resmi beğenmek istemezsiniz. Birisi bu tasarım öğelerinden bazılarını gerçekten bir araya getirmeye nasıl başlar, nereden fikir alıyorsunuz? Çünkü gidip rakiplerinize bakabilir ve ne yaptıklarını görebilirsiniz. Belki kitap yazma veya roman yazma konusunda kurs veren diğer insanları araştırır ve orada rekabet olup olmadığını ve bunu nasıl yaptıklarını görürdünüz. Ama bunu iyi yaptıklarını kim söyleyebilir? Tasarım konusunda hangi kararları alacağınızı nereden biliyorsunuz?

Ben: Evet. Demek istediğim, rekabetinize bakmanın harika bir strateji olduğunu düşünüyorum çünkü genellikle rekabet varsa, en azından var olmak için yeterince iyi gidiyorlar. Yani bu, en azından iyi, sanki varlarmış gibi. Biliyorsun, en azından var olmak için yeterince iyi durumdalar. Yani kesinlikle rekabetten faydalanmak istiyorsunuz.

İyi tasarım için arama yapmanın büyük bir hayranıyım. İnsanların sadece tasarıma odaklanmaktan hoşlandıkları zamanlarda karşılaştığım sorun, aslında iyi bir dönüşüm sayfası oluşturmamalarıdır. Böylece web siteleri için beğenilen tasarım ödüllerine gidebilir ve tüm bu gerçekten korkak gerçekten çok fazla dönüşüm sağlayan web siteleri olmayan web siteleri türlerini görebilirsiniz ve ayrıca normların çok dışında olabilir, ortalama bir kullanıcı için, şuna benzer, bu bir yenilik, ama aslında bu web sitesinde nasıl gezineceğimi bilmiyorum. Bu yüzden en iyi web tasarımı gibi şeyleri ararken dikkatli olurdum. Bence sahip olduğun sorunlara odaklanmak istiyorsun.

Ve aramalarınızda dönüşüm gibi kelimeler kullanmak, ama tamam, bir kahraman bölümüne ihtiyacım olduğunu biliyorum. Bir referans bölümüne ihtiyacım olduğunu biliyorum. Fiyat tablosu bölümüne ihtiyacım olduğunu biliyorum. Bazen bu bölümleri aramaya başladığınızda daha iyi tasarım fikirleri elde edeceksiniz veya nasıl iyi bir kurs açılış sayfası oluşturabilirim?

Ya da genel olarak, iyi tasarım nedir? Ve böylece bir ilham ve arama aşaması yapıyorum. Sevdiğim şeylerin ekran görüntüsünü alıyorum. not almaya çalışıyor. Yani bu, bir Miro tahtası veya Figma gibi bir şey için iyi bir zaman olabilir, burada sadece ekran görüntüleri atıyorsunuz ve notlar alıyorsunuz ve kendinize tüm parçalarınızın bir araya geldiğini görebileceğiniz bir yer veriyorsunuz. Kendi renk düzeninizi ve ardından gerçek resimlerinizi her zaman göz önünde bulundurmanın yanı sıra, sayfanızda olmasını istediğiniz öğeler veya içeriğinizi nasıl düzenlemek istediğinize ilişkin tasarım fikirleri. En çok bulduğum şey, insanlar gidip bu tasarımlara bakacak ve "Ah, bunu yeniden yaratmak istiyorum" diyecekler. Ve sonra içine resimlerini koyuyorlar ve "adamım, bu berbat bir şey" diyorlar. Ve bunun nedeni, resimlerinizin yeterince iyi olmamasıdır.

Ve bence bu başka bir büyük şey. Görüntüler, bir sayfanın genel tasarımına çok şey söyler. Demek istediğim, sadece, tasarımın muazzam bir şekilde ezici bir parçası. Doğru degradeyi veya doğru yazı tipini elde etmek için istediğiniz kadar zaman harcayabilirsiniz, ancak yanlış görüntüleri seçerseniz tasarımınız pencereden dışarı çıkar.

İster stok görseller buluyor olun, ister gidip fotoğraf çekeceksiniz, gerçekten çok ama çok iyi görseller elde etmek gerçekten çok uzun bir yol kat ediyor. İyi bir tasarıma sahip olmak istiyorsanız, başlamak için doğru parçalara sahip olmalısınız.

Kathy: Hannah, müşteri açısından, bir sayfadayken ve bir şey satın almayı düşündüğünüzde, ne tür öğeler... Sayfanın akışı bu mu? Bir sayfada açılan bir şey var mı? Bu deneyim sizde nasıl yankılanıyor?

Hannah: Evet, hepsi bu diyebilirim. Demek istediğim, gerçekten insanlar için bir deneyim yaratmaya çalışıyorsun, değil mi? Yani, Ben'in dediği gibi, görüntülerin çok büyük olduğunu düşünüyorum. Görselleriniz eşleşiyor mu? Bilirsiniz, stok fotoğraflarınız açıkça stok fotoğrafsa ve değillerse, uyuşmuyorlar ve akmıyorlarsa, bu çok büyük bir sapmadır.

Ama açıkça bir deneyim yarattığın zaman ve ben öyle olduğumu hissediyorum. Orayı biliyorsunuz ya da Meksika'da sahilde olduğunuzu hissediyorsunuz, bilirsiniz, eğer birine sadece web sitenizi veya onlara ne sunduğunuzu görerek beğenerek verebilirseniz, bu çok büyük.

Ben: Bence burada belirtmenin önemli olduğunu düşünüyorum, kendinizin önüne geçmek ve örneğin Figma'da gerçekten tasarım yapmak gibi atlamak veya içeriğinizi anlamadan WordPress'te tasarlamak, bu tam bir hayal kırıklığı için bir reçete. Çünkü sen istediğinde, ben de resimlerimi sonra çözerim.

Yapmayın, çünkü yapmanız gereken gerçek içerik olmadan bir tasarımın iyi görünmesini sağlamaya çalışmakla çok fazla zaman harcayacaksınız. Ve bu sadece sinir bozucu oluyor ve siz ilerledikçe ve sonunda o içeriğin bir kısmını alıp gidince tekrar tekrar tekrar yapacaksınız, vay, bunların hiçbiri işe yaramıyor çünkü resimlerim eskisinden farklı bekliyor. Bu yüzden kendinizin önüne geçmeyin. İçeriğinizi bir araya getirin, gerçekten düşünmek için zaman ayırın. İlham aşamasını neden yaptığınızın bir parçası da, tamam, şimdi bunun gibi üç resme ihtiyacım olduğunu biliyorum çünkü gerçekten bu üç özellikten veya müşterinin bilmesi gereken bu üç şeyden bahseden bir bölüm istiyorum.

Bu ilk aşamada, siz eşyalarınızı bir araya getirirken, o zaman, tamam, içeri girmeden ve gerçekten tasarlamaya başlamadan önce içeriğimin ne olacağını gerçekten belirlemem gerekiyor. Ve tasarım yapmak için başkasının içeriğini kullanmayın. Kesinlikle önce kendi içeriğinizi almak istersiniz.

Kathy: Tabii. Benzersiz bir satış noktası, sitenizde sahip olduğunuz benzersiz içerik olacaktır. Hedef kitlenizle benzersiz bir şekilde bağlantı kuran şey, yalnızca sizin oluşturabileceğiniz bir şeydir. Başka yerlerden resim kaldırabileceğiniz veya başka yerlerden kopyalayabileceğiniz bir şey değil.

Sadece, sadece bunu yapma. Bu işe yaramayacak. Rezonansa girmeyecek çünkü bir başkasının yarattığını kopyalamaya ve bir izleyici kitlesiyle bağlantı kurmaya çalıştığınızda, bu, sizin benzersiz sesiniz olmayacak. Sizin ona ne kattığınız, işinizin ne getirdiği, markanızın ne getirdiği, uzun vadede sizi farklılaştıracak ve yükselmenize yardımcı olacak.

Açısından, tamam, diyelim ki Figma'm var ve tüm çizimlerim ve sayfada olmasını istediğim her şey var. Ve bir temel gibiyim, tamam. Herkesin en üstte kahraman resimleri kullandığını gördüm, bu yüzden işe yaramalılar. Daha sonra sayfayı yapılandırmaya nasıl başlayabilirim? Önce referanslarla mı gireyim? Önce her şeyi daha iyi açıklamam mı gerekiyor? Müşteriyle gerçekten bağlantı kurmak için bir sayfayı hangi yolla organize edeceğimi nasıl bilebilirim? Önce ne gelir?

Ben: Ben o kahraman gömleğinin büyük bir hayranıyım ve her zaman tam genişlikte bir görüntü olmak zorunda değil. Bazen yanında bir metin ve resim bulunur. En üstte, temelde, bunun için burada olduğunuzu söyleyen büyük bir başlık olmasını istiyorsunuz. Ve sonra gördüğüm tüm araştırmalardan, aslında sayfanın geri kalanını nasıl sıraladığınızın bir önemi yok.

Yeterince ilginç. Referanslara gitmek istiyorsanız, sonunda, hiç kimse referansların bir sonrakinin daha önemli olduğunu söyleyemez. Bence en iyi içeriğinizi ilk sıraya koymak istiyorsunuz. Yani, en şaşırtıcı referansa sahipseniz, şunu diyebilirsiniz: İnsanların bunu okumasına ihtiyacım var, öne ve merkeze koy, hemen altına koy.

Ama yapmazsan ve sadece beğenin varsa, evet, referanslarım var ve iyiler, ama beklediğin gibiler, o zaman onları aşağıya koy çünkü onlara sadece vermek için sayfada ihtiyacın var. kendinize o marka güveni seviyesi. Ve bu başka bir kısım, belki de bilinen markalarla çalıştığınız bir durumdasınız ve o zaman şöyle demeniz gerekiyor, bu markalar bize güveniyor diyebilirsiniz.

Veya bir ton kullanıcınız var ve benim bu kadar kullanıcım var diyorsunuz. Her zaman o müşteriye bu kişiye güvenebileceğimi hissettirmenin yollarını bulmak istiyorsun. Ben onların ilk müşterileri gibi değilim. Bu, referanslardan daha fazla şekilde yapılabilir ve araştırmaya dayalı olarak, bunun önce mi yoksa ortada mı olduğu, bir bakıma, daha çok ne yaptığınız ve ne sattığınız veya ne yaptığınızla ilgili. o zaman için bina, tam yol bu. Bence genel olarak insanlar, sayfanızın en üstünde bu kısa açıklamayı ve harekete geçirici mesajı bulundurduğunuzdan emin olun diyor. Genellikle orada bir resim istersiniz ve sonra mantıklı geliyorsa, bazen bu fiyatlandırma tablosu en üstte olur, özellikle de kullanıcı için ikinci navigasyon ise, diyelim ki ana sayfanıza gidiyorlar ve ardından fiyatlandırma sayfasına tıklıyorlar.

Muhtemelen aşağıdaki fiyatlandırma sayfasına dalmak istemezsiniz. Fiyatlandırmaya bakma niyetindeler, bu yüzden onlara fiyatı gösterin. Geleneksel bir açılış sayfası gibi, bu fiyatlandırma sayfası aşağıya inebilir.

Harekete geçirici mesajın açık olduğundan emin olun ve sonra bence hazırsınız, gitmeye hazırsınız. Yani içeriğiniz var. Hangi bölümleri istediğinizi biliyorsunuz ve web siteniz için gerçekten tasarlamaya başlamaya hazırsınız.

Ve bana göre, bu aşamada, insanları WordPress'te bunu yapmaya zorlayacağım yer burasıdır.

Anladım. Bazı tepkiler aldım, şu anda işbirliği yapmak çok daha kolay, ikiniz de aynı şey üzerinde ve Figma gibi bir şey üzerinde çalışıyorsunuz. Ve anladım. Biriyle işbirliği yapma lüksünüz varsa, belki de mesele bu olur. Genelde yapmam. Ve aynı anda aynı şey üzerinde çalışan iki ya da üç tasarımcımız olacakmış gibi olma lüksüne sahip pek çok insan tanımıyorum.

Ama bana göre, onun yaşayacağı, gerçekte olacağı yere en yakın olmak istiyorsun. Ve bunu orada yapmak istiyorsun. İşinizi Figma'da oluşturup sonra nasıl yapacağınızı bulmaya çalışarak üç kez yapmayın, ya da, bilirsiniz, Figma'yı seçiyoruz. Figma'nın harika bir araç olduğu gibi.

Ancak bir bitiş web sitesine dönüşmez. Tüm bunları manuel olarak yapmak zorundasınız. Ve biliyorum ki insanlar şöyle olacak, HTML'yi ve diğer şeyleri dışa aktarabilirsiniz. Ve sanki, evet, varım ama sonunda istediğin bu değil. İstediğiniz şey WordPress'te ve kullanmak istediğiniz WordPress araçlarında.

Benim derdim, Kadence'in tasarım çalışmanızı gerçekten Kadence'de yapabilmeniz için başka bir tasarım aracına ihtiyacınız olmayan bir araç olması yeterlidir. Ve bunu yapmak için bir araca ihtiyaç duymadan, ama Kadence'e giriyorsun ve gidiyorsun, tamam. Ve burada sadece biraz daha dolguya ihtiyacınız var.

Ve burada sınır yarıçapı ve burada biraz gölge istediğimi biliyorum ve bu gerçekten güzel tasarımı Kadence'in içinde elde edebilirsiniz çünkü bu bir tasarım aracıdır. Ve böylece onu bir tasarım aracı olarak kullanıyorsunuz ve ince ayar yapıyorsunuz ve hareket ediyorsunuz ve bir şeyleri geri alıp yeniden yapabilirsiniz, ancak tüm işi orada yapıyorsunuz.

İşiniz bittiğinde, aslında bitmişsinizdir ve hoşunuza gitmez, tamam, sonunda tasarımı sonlandırdık ve bu Figma'da. Ve sonra gidiyorsun, tamam, harika. Şimdi, WordPress'te gerçekten yapmak için tüm bu işleri tekrar yapmalıyız. Bana göre, yaşayacağı yerin sonuna çok daha yakın olmak ve orada tasarım yapmak ve bunun kısıtlamaları altında tasarım yapmak istiyorum.

WordPress'te kısıtlamalar var ve Kadence'de kısıtlamalar var gibi. Size her seçeneği sunmak istesem de, mümkün olduğunca fazla seçenek yapmak için çalışmaya devam ediyorum. Hala her zaman tasarım kısıtlamaları olacak. Ve bunları her zaman kısıtlamalar olarak düşünmelisin, ama sanki, beni neleri düzenlemem gerektiğine ve belki de neleri yapmamam gerektiğine dair belirli bir alanda tutuyor.

Kathy: Doğru. Söylemek istediğim çok şey var. Her şeyden önce, bence Figma, Miro ya da her neyse gibi bir aletle tasarım yaparken ve bir şeyin nasıl görünmesini istediğinizi düşünürken, neredeyse mükemmeliyetçiliğe girebilirsiniz. model, peki, ve sonra bunu düzeltebiliriz ve bunu düzeltebiliriz ve bunu düzeltebiliriz.

Ve aniden, gökyüzü tasarımında harika görünebilecek bu pastayı aldınız. Belki de kesinlikle mükemmel. Tüm içerik ve tasarım fikirlerini kesinlikle mükemmel bir şekilde bir araya getiren en iyi beyinlere sahip olabilir. Ve sonra mutlaka gerçek dünyada iyi tercüme edilmez. Diğeri ise, tasarlarken bile, örneğin, özel alanlar kullanan bir şey tasarlıyorsanız ve veri tasarımı yapıyorsanız ve mükemmel bir üçüncü-normal form veritabanında, her şey böyle çalışmalı, değil mi? .

O tabloyla ilgili bu tabloya sahip olmalı ve her şey mükemmel ve üçüncü normal formda olmalıdır. Gerçek dünyada, birisine, ön bürodaki Jane'e veri girişi vermenin en iyi yolu bu olmayabilir, bunu seçmeniz gerekecek ve bu şekilde olacak.

Ve sonra onu gerçekten WordPress'e çevirdiğinizde, aslında bu şekilde tasarlanamayabilir. Bu nedenle, araca çok daha yakın tasarım yaparken, yalnızca zamandan tasarruf etmekle kalmaz, aynı zamanda duvarlarla çevrili tasarım aracınızda her şeyi mükemmel hale getirmenin analiz felcinden de kurtulursunuz. Ancak bunu müşteriye gösterecek olan araçla yapıyorsunuz. Bunu, sadece wp-admin kullananlar için değil, aynı zamanda onu ön uçta görüntüleyen insanlar için de, araçların kısıtlamaları dahilinde en iyi olacak şekilde yapıyorsunuz. Ve bu dinamik içeriğin çoğu, dinamik içerik için araçlar hala bir bakıma, aslında emekleme döneminde değiller, ama yapılması gereken daha çok şey var. Dinamik içeriğin kodsuz bir şekilde çalışmasını sağlamak için yapılabilecek daha çok şey var. Bunun içinde çalışmak, araçlar büyüdükçe büyüyebilecek bir şey oluşturmak, bunu WordPress'te yapmak en azından benim deneyimlerime göre çok daha mantıklı. Artık sabun kutumdan çıktım.

Ben: Evet. Bazen oldukça sinir bozucu olduğunu düşünüyorum, biliyorsunuz ki, Figma'daki bir tasarımcıdan dosyalar aldım ve ben de öyleyim, ama nedir, peki ya mobil? Ve onlar, oh evet, muhtemelen senin de mobil versiyonunu yapmam gerekiyor, ha. Ve ben, hayır, WordPress'te tasarım yaptığınızda, zaten mobilde tasarım yapıyorsunuz gibiyim.

Gittikçe zaten anlamaya çalışıyorsun. En başından beri böyle düşünmen gerekiyordu. Ve bu tasarım araçlarından bazılarına girebilir ve bu şekilde düşünmek zorunda kalmazsınız. Sanırım en yaygın olanı, aslında, mobil bile olmadığını görüyorum çünkü çoğu insan biraz daha farkında.

Büyük geniş ekranlardır. Bu gerçekten oldukça dar sayfaları tasarladılar ve ben de, peki, peki, bu, ekranınızın yalnızca üçte birini doldurduğunda ne olur? Ve o genişliği dışarı çekersiniz ve birdenbire tamamen farklı bir tasarım olur. Bu araçların gerçekten yararlı olduğunu düşünüyorum, ancak birileri onları tasarlarken göstermedikleri ve tasarımcının düşünmediği ve bir nevi hakkında düşünemediği şeyler yüzünden genellikle daha çok hüsrana uğruyorum. to think about a 27-inch wide screen here because I set my pixel width at 1400 and that's this wide it's the screen is cause that's what it is in Figma and things like that.

So, I would encourage people to try to design in WordPress when they can, but don't do it without your content because you will be so frustrated to try to do it without. It just doesn't, it just never really works.

Kathy: Okay. Well, that's a definitely an interesting discussion. We'd love to hear from you about your experiences, designing new sites or redesigning sites. What tools are you using? What works for you? Are you finding tools like Figma, Miro, and I don't know, Adobe's got stuff too. There's a whole list of things that you can use in order to design.

Do they help your process? Ve eğer öyleyse, nasıl? Or do they kind of just get in the way and you'd rather just, start with a starter template or Kadence wire frames and just roll from there. Sizden haber almak isteriz. Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. Evet.

Kathy: I am so excited about Shop Kit 2.0, I know everybody who was on that training is excited for it. We're getting pinged on Twitter and other social media places. When's it dropping? When can we play with it too? Give us a good overview of what Shop Kit 2.0 includes and when we can see this in people's dashboards.

Ben: Evet. I mean, I think you can see it in your downloads page by the time you're listening to this, you should be able to go into your account and see it in your downloads page. Um, that'll be the beta version. Things are really close. I'm still always kind of like doing little tweaks in here about like what settings, but it very much is like a good foundation for templating inside of WooCommerce.

So what 2.0 largely brings into the equation is the ability to create templates for your product pages, your archive pages and things like that. And you can apply them to an individual product or you can apply them across a category or a tag or whatever. , that key means that like every piece of WooCommerce then got kind of put into a block with its own block settings.

So you can kind of rearrange and organize and there's some cool things you can change the way that tabs work inside of a product page, which is kind of a standard WooCommerce implementation, but you're going to get a lot more control over it. Hide and show tabs, change the order, things like that. You also get, with Shop Kit 2.0, we kind of rewrote our gallery. So the gallery extension now is a lot more robust. It does like variation galleries and has a lot more control for different layouts based on screen size, so that's pretty exciting. So yeah, it's largely going to be a tool to help you build very unique and much more interesting product pages, so it's just going to be much easier for you to do really cool stuff.

Kathy: Very exciting. And so the beta is going to be available. If you are a bundle owner full bundle or the lifetime or if you bought Shop Kit in the past, that's available to you as well. And the full version going to be ready in a couple of weeks, looks like. Çok heyecan verici. Well, if you are on our mailing list, you will get an announcement as soon as all of the stuff comes out.

And that's the big news with Kadence right now. I know you got a lot of other things going on. I don't want to put any pressure on you of when those types of things are coming. Cause I know this is a big one and big news for Kadence and WooCommerce users. Well, any final thoughts?

Ben: Well, go party up on the beach, Hannah, for us both because you're only one that's successfully is in the party zone.

Hannah: I'll do what I can.

Kathy: Mükemmel. Yeah, we're all living vicariously through Hannah's adventures right now. So very cool. Well, we will be back in a couple of weeks. I think next time we should talk a little more about WooCommerce because there's some interesting things happening there. So thanks for tuning into the Kadence Beat and we will talk to you next time.