에피소드 34: 웹사이트를 위한 전략적 디자인 결정

Kadence와 같은 WordPress용 새로운 도구를 사용하면 누구나 코드 한 줄도 건드리지 않고도 보다 효과적인 웹사이트를 구축하는 것이 점점 더 쉬워지고 있습니다. 그럼에도 불구하고 청중을 몰아내기보다는 참여를 유도한다는 목표를 향해 전략적 디자인 결정을 내리는 것이 여전히 중요합니다. 효과적인 전략을 취하고 이를 잘 작동하지 않는 방식으로 적용하는 것은 쉽습니다. 우리는 작동하지 않는 몇 가지 예를 살펴보는 동시에 훌륭하게 작동하는 몇 가지 주요 예도 제공합니다. 슬라이더는 언제 사용하나요? 애니메이션을 가장 잘 활용하려면 어떻게 해야 할까요? 팝업은 어떻습니까? 이것은 귀하의 웹사이트가 온라인에서 브랜드 구축에 의미 있는 영향을 미치는 데 도움이 되는 주요 전략에 대한 에피소드입니다. 그리고 물론 Kadence의 새로운 기능, Kadence Marketplace, 다가오는 Kadence Amplify 이벤트 등에 대해서도 살펴보겠습니다.

새 창에서 들어보세요.

타임스탬프 및 링크

• 0:00 소개
• 2:19 전략의 중요성
• 3:08 애니메이션
• 8:52 팝업
• 13:55 캐러셀과 슬라이더
• 16:25 뚜렷한 고객 페르소나를 위한 디자인
• 18:08 슬라이더를 효과적으로 사용하는 방법
• 20:12 벽을 검토하고 리뷰를 요청합니다.
• 22:11 글꼴, 색상을 사용한 디자인 결정
• 24:22 케이던스 마켓플레이스
• 25:56 Kadence Amplify 10월 20일
• 28:01 조건부 필드, 진행률 표시줄 블록, Pexels가 포함된 Kadence 블록 업데이트
• 30:28 케이던스 AI
• 32:32 FloThemes 이동 마스터클래스

성적 증명서

Kathy: Kadence Beat에 오신 것을 환영합니다. WordPress와 Kadence로 할 수 있는 모든 멋진 작업에 대해 이야기하는 팟캐스트입니다. 저는 Hannah Ritner, Ben Ritner와 함께 왔습니다. 오늘 여러분은 어떻게 지내세요? 안녕, 잘 지내. 엄청난. 9월 말, 10월이 거의 다가오고 있으며 모든 일이 한창 진행 중입니다.

지금은 엄청나게 바쁘다. Kadence 세계에서 많은 일들이 벌어지고 있다는 사실을 알고 계시나요?

한나: 네.

캐시: 너무 많아요.

벤: 너무해요. 나는 지금 일어나고 있는 모든 일에 대해 어느 정도 불안이 있다는 것을 알아차렸고, 어젯밤에 아내와 이야기할 때까지 이 모든 부분에 손을 댔고, 나는 다음과 같이 느꼈습니다. 평소보다 더 기분이 좋습니다. 지금 돌고 있는 접시가 너무 많아서 가을이 다가오고 있다는 뭔가가 있기 때문에 신나는 일이고 연말 전에 이 일을 끝내야 한다는 느낌이 듭니다.

정말 강하게 끝내자라는 강조와 같은 것이 있습니다. 정말 좋습니다. 그리고 우리가 작업해 온 많은 일들이 우리 브랜드의 전체 우주에서처럼 앞으로 나올 일과 같으며 앞으로 많은 일이 일어날 것입니다. 네 흥미롭고 이것도 그렇습니다. 지금은 가을입니다. 이제 갈 시간입니다.

캐시: 응. 응. 이제 갈 시간이다. Hannah, 당신도 그것을 커뮤니티와 함께, 그들이 진행하고 있는 모든 프로젝트에서 알아차리고 있나요? 우리 일행은 그냥 뛰어다니고 있어요. 새로운 사람들이 많이 들어오네요.

Hannah: 그룹에 너무 많은 새로운 사람들이 들어오고 정말 많은 질문이 쏟아지고 있습니다. 정말 놀라워요. 우리 커뮤니티가 지금 엄청나게 성장하고 있고 한 번도 소강 상태가 없었던 것 같지만 지금은 참여할 때마다 오 와우예요. 10명 정도의 새로운 사람을 들어오게 하는 것 같아서 들어와요. 맙소사, 재미있어, 신나는 일이지만, 모두가 노력하고 있는 공기 속에서 이 에너지를 느낀다는 건 그래, 그래, 재미있어. 그건 흥미 롭군.

캐시: 정말 흥미롭네요. 그래서 저는 블록과 AI 모두에서 Kadence를 통해 새로운 일이 일어나고 있다는 것을 많이 알고 있습니다. 그리고 현재 일어나고 있는 이 모든 새로운 일들에 대해 이야기하고 먼저 모든 프로젝트를 진행하는 사람들에게 유용한 유용한 조언에 대해 이야기할 수 있는 마지막 부분에 저장하고 싶으신가요? 그걸 먼저 가져갈래?

Ben: 네, 개발할 때 많은 결정을 내리게 되는데 Kadence는 도구로서 다양한 방법으로 효과적인 웹 사이트를 만들 수 있도록 고안되었습니다. 그리고 그렇게 할 수 있는 권한을 부여하면 비효율적이거나 잘못된 결정을 내릴 수도 있습니다.

그래서 우리는 이와 유사한 것들을 해결하고 싶습니다. 우리가 가지고 있는 도구는 예, 거기에 있고 어떤 경우에는 사용하고 다른 경우에는 사용하지 않는 이유입니다. 그리고 나는 생각한다. 이는 단지 진행 과정에서 아, 이 도구가 있기 때문에 사용해야 한다거나 이 콘텐츠가 있으므로 여기에 넣어야 하고 더 원한다고 말하는 것이 아니라 흥미로운 지침입니다. 방문자에게 효과적인 사이트를 만들기 위해 사이트에서 내리는 결정에 대해 신중을 기하세요.

Kathy: 그럼 한 페이지에 75개의 Lottie 애니메이션을 넣으면 안 된다는 말씀이신가요?

벤: 응, 아니면… 하지만

Hannah: 애니메이션이 정말 멋져 보이고, 정말 재미있어요!

Kathy: 훌륭하고 재미있습니다. 하지만 그 애니메이션을 다음과 같은 옵션으로 선택할 수도 있습니다. 왜냐하면 저는 그 애니메이션이 엄청나게 많고, 그 애니메이션이 지금 정말 인기 있다는 것을 알고 있기 때문입니다.

새로운 사이트로 웹을 탐색할 때 많은 움직임이 일어나는 것을 알아차렸습니다. 사람들이 Lottie 애니메이션을 추가하거나 스크롤 애니메이션을 추가할 때 염두에 두어야 할 사항은 무엇입니까? 애니메이션을 추가하는 것에 대한 생각 같은 마음가짐이 있나요?

벤: 네, 접근성에 대해 생각하고 싶다는 생각이 있는 것 같아요. 이것은 혼란을 야기할 것이므로 사람들이 귀하의 사이트에서 말하려는 이야기의 흐름을 잃게 만들 것입니다. 그리고 초점이 바로 다음에 일어나는 일이라는 의미에서 접근 가능한 것과 같나요?

콘텐츠를 탭핑하는 경우 모든 종류의 항목이 있습니다. 애니메이션을 가져올 때처럼 말이죠. 사람들이 상호작용할 물건이 움직이지 않도록 하세요. 가장 실망스러운 것 중 하나는 뭔가를 클릭하려고 했는데 클릭하기 바로 전에 움직이고 다른 것을 클릭하는 것과 같습니다.

Venmo에 그 문제가 있습니다. 나를 미치게 해. Venmo에서 누군가에게 무언가를 보내고 개인 정보 보호 설정을 변경하고 싶다면 한 곳에 표시되며 클릭하기 직전에 무언가를 입력했기 때문에 위로 이동합니다. 그것은 나에게 일관된 것과 같습니다. 어쨌든, 그렇습니다. 하지만 그것은 여러분이 주의를 기울이고 있는지 확인하고 싶은 종류의 것입니다.

그리고 애니메이션은 데스크톱에서는 정말 멋져 보이지만 모바일에서는 무너질 수 있습니다. 따라서 좋아요에 주의를 기울이고 있는지 확인하면서 이것이 모바일과 데스크톱에서 이 동영상을 보는 대다수의 시청자에게 어떤 영향을 미칠까요? 응. 예, 전반적으로 고려해야 할 사항이 많습니다. 기본적으로 사이트에 애니메이션을 삽입하는 진짜 이유는 애니메이션이 사람들에게 느낌을 주고 콘텐츠에 대한 느낌을 불러일으키는 것이 정말 강력하기 때문입니다.

그러니 당신이 그것을 정말 현명하고 정말 잘 사용한다면 당신은. 매우 강력할 수 있습니다. 페이지의 일부인 정말 부드럽고 의도적인 애니메이션이 있었기 때문에 정말 전문적이거나 그 이상이라는 느낌이 들었습니다. 그래서 당신은 그런 종류의 일을 하지 않습니다. 한 페이지에 세 개의 애니메이션만 사용하는 것과 같은 어렵고 빠른 것은 없습니다.

나는 일반적으로 그것을 사용하지 말라고 생각합니다. 사이트를 파악한 다음 이 미묘한 팝과 느낌을 만들기 위해 내가 할 수 있는 일이 무엇입니까? 그리고 이것이 일반적으로 애니메이션에 접근하는 더 좋은 방법입니다. 예, 제 정적 사이트를 알아봅시다. 섹션별로 나의 콘텐츠, 내가 말하려는 이야기가 무엇인지 파악하고 나아가자.

어떤가요, 어떻게 하면 이것을 좀 더 돋보이게 만든 다음 그것을 넣는 작업을 할 수 있을까요?

Hannah: 네, 사이트나 페이지를 구축할 때 재미있는 도구를 갖고 거기에서 시작하는 것이 너무 쉽기 때문에 좋은 관점이군요. 실제로 이 도구의 목적은 무엇인가요? 그리고 여기에 무엇이 필요합니까?

그래서 당신은 '아, 이걸 페이지에 꼭 추가하고 싶다'라고 생각하게 됩니다. 그럼 먼저 추가하겠습니다. 그러면 그런 식으로 작동하지 않습니다. 나는 유죄입니다.

Kathy: 저는 스크롤에 애니메이션을 적용하는 경험을 정말 좋아합니다. 왜냐하면 스크롤에 대한 미묘한 애니메이션처럼 즉각적이기 때문입니다. 이렇게 즉각적으로, 아, 당신은 아직 나와 함께 있어요. 진짜 미묘한 빛처럼 약간의 움직임을 가져보세요 오, 당신은 여전히 ​​나와 함께 있어요. 다음은 몇 가지 피드백입니다. 마치 우리가 여전히 당신과 함께 있는 것처럼 무의식적인 것과 같습니다.

그것은 사이트를 둘러보고 계속해서 사이트를 이용하는 매력적인 경험과 같습니다. 그리고 우리도 여기에 있습니다. 우리는 당신과 함께 있습니다. 그리고 나는 그것을 좋아하지만 그래야만합니다. 나는 그것이 매우 빠른 것을 좋아하지 않습니다. 나는 그것이 매우 미묘한 것을 좋아합니다.

Ben: 네, 많은 경우에도 매우 중요합니다. 추가하는 지연 등에 주의하는 것이 중요합니다. 왜냐하면 누군가가 귀하의 사이트를 빠르게 스크롤하는 것을 원하지 않기 때문입니다. 페이드 인되기 전에 0.5초의 지연이 발생하여 해당 섹션을 바로 스크롤하면 우리는 '아, 이 페이지가 비어 있거나 헤드라인이 반으로 페이드되기 때문에 헤드라인이 누락되었습니다'라고 생각하기 때문에 무언가를 놓치기를 원합니다. 두번째.

그러니 조심해야 합니다. 시원한. 하지만 Kadence 도구를 사용하면 Lottie의 세계에 뛰어들지 않고도 팝 요소를 추가할 수 있는 가장 쉬운 방법이며 애니메이션을 만들거나 다양한 유형의 작업을 수행할 수 있는 다양한 방법을 알아내는 방법이 있습니다. 그래픽이 포함된 애니메이션 등이 있습니다.

캐시: 응. 응. 정말 좋은 점입니다. 그리고 저는 Kadence 도구를 사용하여 이러한 사항을 테스트하고 신속하게 변경할 수 있다는 사실과 애니메이션을 변경할 때 해당 페이지의 전환이 변경되는지 확인할 수 있다는 사실을 좋아합니다. 그리고 자바스크립트를 변경하거나 CSS가 발생하는 것을 변경하기 위해 개발자 팀이 필요하지 않습니다.

그 모든 미친 것들에 대해 걱정할 필요가 없습니다. 사이트에 들어가서 뭔가를 변경한 다음 분석 내용을 살펴보세요. 이로 인해 고객이 이 사이트를 사용하는 방식에 변화가 있었습니까? 단지 코드가 어떻게 작동하는지 확인할 수 있는 빠른 방법은 없습니다. …

실제로 노력하면서 현재 블랙 프라이데이나 사이버 먼데이를 맞아 자신의 사이트에서 작업하는 사람들이 많다는 것을 알고 있습니다. 그들은 판매 페이지를 올리려고 노력하고 있습니다. 그래서 이 페이지를 정말 돋보이게 만들고 싶은 유혹이 있습니다. 사람들이 하는 일 중 어떤 일을 본 적이 있나요?

조금 더 나아질 수 있습니다.

Hannah: 팝업이 너무 많아요.

Hannah: 바로 사이트에 들어가자마자 펑, 팝업 같은 게 뜨고 '내가 어디 있는지도 모르겠어' 하는 식이에요. 그런 다음 해당 사이트를 종료하면 슬라이드가 나타나고 너무 많은 일이 진행되고 이메일을 받으려는 웹사이트의 공격에 너무 시달려 실제 웹사이트에서 판매하는 내용에 참여할 수도 없습니다.

그래서 그들은 당신에게 10% 할인을 줄 수 있는데 그것은 정말 힘든 일입니다.

Kathy: 대형 브랜드도 그렇게 해요. 그렇지 않나요?

벤: 그렇죠, 흥미롭네요. 하지만 항상 볼 수 있듯이 사용자를 압도하지 않는 빠른 방법과 같습니다. 메시지를 받으면 말하려는 메시지에 집중하세요. 그래서 저는 팝업에서 주요 판매 포인트를 숨기지 않는 것이 좋다고 생각합니다. 만약 당신이 그렇다면, 나는 이 판매를 정말로 홍보하고 싶습니다.

그리고 판매 페이지를 만들었고 사람들이 귀하의 홈페이지에 방문하고 있으며 팝업을 추가하지 말고 내 판매 페이지로 이동하거나 홈페이지를 다음과 같이 변경하십시오. 페이지를 복제하고 집을 만드세요. 사람들이 들어오는 곳이라면 그곳을 판매 페이지로 만드세요.

팝업창처럼 굴지 마세요. 안녕하세요, 이번 세일 중이에요. 와서 확인해 보세요. 들어오는 사용자에게 초점을 맞추는 것과 같습니다. 그리고 확실히 판매 페이지를 가져야 할 이유가 있습니다. 마케팅 캠페인을 진행 중이고 이를 홈페이지가 아닌 판매 페이지로 가져오고 싶은 경우. 하지만 어떻게 하면 팝업을 사용하여 이 판매를 알리고 사용자에게 표시할 수 있는지 생각해 보는 것은 올바른 선택이 아닌 것 같습니다.

내용 자체에 넣어보세요. 디자인의 일부로 만드세요. 그래서 그런 식으로. 왜냐면 너무 많은 사람들이 팝업창을 읽기도 전에 닫으려고 하기 때문입니다. 왜냐하면 그것은 마치 짜증나는 일이기 때문입니다.

캐시: 응. 내가 팝업을 좋아하거나 사용자인 경우 팝업을 용서할 수 있는 유일한 때는 종료 의도입니다.

내가 페이지를 떠날 것 같으면 그들은 마치 거기에 보관하세요. 우리는 당신을 위해 특별한 제안을 가지고 있습니다. 하지만 많은 대형 브랜드도 이런 일을 하는 것 같아요. 그냥 괜찮고, 조금 쉬고 싶어요. 그냥 윌리엄 소노마를 보러 가서 내 주방을 다시 상상해 볼까?

그것은 나의 작은 환상의 세계와 같습니다. 그리고 붐, 팝업. 나는 아직 아무것도 보지도 않았는데 이미 거기에 있고 그것은 단지 그 경험을 방해할 뿐입니다. 하지만 많은 경우 사람들이 광고를 통해 웹사이트를 방문하거나 Google 검색을 통해 유입될 수도 있습니다. 그들이 어디에서 왔는지, 적어도 검색 의도, 요구 사항, 그들을 문앞으로 데려오는 것이 무엇이든 충족하는지 확인하십시오. 그것이 트릭이나 트리터라면, 그들에게 사탕을 주세요, 그렇죠? 완전히 다른 것에 대해 이야기하거나 이메일과 같은 긴 관계를 구축하기 전에 그들이 무엇을 위해 왔는지 알려주십시오.

청중이 어디에서 왔는지, 사이트에 어떻게 도착하는지 생각하는 것도 정말 중요합니다.

Hannah: 팝업을 표시할 때와 장소는 분명히 있습니다. 웹사이트에 들어간 지 3초도 안 되는 것 같은데, 너무 많은 사람들이 하기 때문에 누군가에게는 효과가 있는 것 같습니다.

벤: 응. 응. 그리고 특정 영역에 관심을 끌기 위해 소음을 내고 싶게 만듭니다. 사람들이 이걸 보지 못하니까 꼭 봐야겠다는 생각이 들 때도 있을 겁니다. 그렇게 할 수 있는 방법은 많습니다. 그리고 팝업은 슬라이드를 할 수 있는 기능인데, 그 모든 것을 방해하지 않기 때문에 덜 방해적입니다.

그게 조금 더 좋아요. 그런 다음 웹 사이트가 대부분인 경우 디자인을 사용하는 것처럼 디자인하십시오. 파란색과 흰색, 커다란 주황색 배너를 당기면 눈에 띌 것입니다. 색상을 사용하듯이 디자인도 사용하세요. Kadence가 Google 글꼴을 사용할 수 있는 기능을 제공하는 것처럼 이것이 바로 그러한 기능 중 하나일 수도 있습니다.

900개 이상의 Google 글꼴이 있습니다. 따라서 즉시 Google 글꼴을 선택하여 사이트에 놓을 수 있습니다. 그리고 그것은 정말 강력합니다. 그리고 10가지 다른 글꼴을 로드할 수 있기 때문에 매우 빨리 남용될 수 있습니다. 이로 인해 사이트 속도가 느려지고 사용자가 '나는 왜, 왜 이렇게 다른 글꼴 모음이 많을까?'라고 이상하게 생각하게 될 것입니다.

그냥 그런 느낌이 들 겁니다. 그것은 생각하고 잘 계획된 것과 같지 않았습니다. 따라서 브랜드 스타일과 같지 않은 미친 글꼴과 불일치하는 글꼴을 사용하고 싶지는 않지만 동시에 매우 좋은 관심을 끌 수 있는 정말 큰 글꼴이 있습니다. 만약 당신이 '안녕하세요, 나는 이 섹션에 주목하고 싶습니다.

즉, 완전히 새로운 글꼴 모음을 가져오는 강력한 도구가 될 수 있습니다. 해당 섹션에 해당 섹션을 추가하세요. Kadence의 가장 좋은 점은 한 페이지에서 작업을 수행하는 경우 글꼴 모음이 해당 페이지에만 로드된다는 것입니다. 따라서 여전히 그렇지 않습니다. 다양한 글꼴 모음으로 인해 사이트가 수렁에 빠지고 섹션에 관심을 끌 수 있는 강력한 방법이 있습니다.

그래서 재미있을 수 있습니다. Google 글꼴에 있는 모든 큰 글꼴을 보고 '아, 이걸 사용할 수 있겠구나'라고 말해보세요. 그리고 판매라는 단어나 큰 글꼴이 있는 것만으로도 큰 관심을 끌 수 있습니다.

캐시: 응. 분명히. 좋은. 응. 거기에 좋은 조언이 있습니다. 여러분은 또 어떤 것들이 보이시나요? 캐러셀과 슬라이더를 좋아하는 사람들이 있기 때문에 얘기해도 될까요? 괜찮을 것 같은 느낌이 듭니다.

이 영웅 영역에서 내가 원하는 것이 무엇인지 모르겠습니다. 하지만 세 가지를 원합니다. 그냥 미끄러지는 것과 같은 세 가지만 가질 수 있고 거기에 있는 모든 조언을 보면 그렇게 하지 마십시오. 너무 혼란스럽습니다. 너무 어수선하다 안 된다 어떻게 생각하시나요? 여러분은 캐러셀이나 슬라이더 같은 것에 대해 어떤 감정을 가지고 있나요?

벤: 물론 많은 감정이 들어요. 나는 일반적인 규칙이 없어야한다고 생각합니다. 그리고 규칙에는 항상 예외가 있습니다. 항상 다른 일을 해야 할 때가 있습니다. 하지만 기본적으로는 창조해야 한다고 말하고 싶습니다. 세 개의 슬라이드로 구성된 내 홈페이지 히어로 섹션의 슬라이더입니다.

내 홈페이지에 내 영웅 섹션을 어떻게 만들 수 있는지 생각해 보세요. 섭취하기가 매우 쉽고 내가 제공하는 것을 사람들이 실제로 이해할 수 있게 해줍니다. 여기서 교환소에는 무엇이 있습니까? 당신이 이것을 얻을 것이고 이것이 우리가 당신에게 그것을 제공하는 방법이기 때문에 당신은 이 사이트에 있어야 한다는 매우 빠른 피치를 제공하는 것처럼 보입니다.

그리고 나는 당신이 때때로 당신이 말할 수 있는 곳이 있다는 것을 거기에서 알아낼 것이라고 생각합니다. 이것은 예외가 아닙니다. 나는 단지, 하지만 슬라이더를 추가하여 다양한 영웅 포인트를 갖고 서비스에 대해 다양한 방식으로 이야기할 수 있는 경우가 있습니다.

그리고 나는 일반적으로 그것이 그다지 잘 작동하지 않는 것으로 입증되었다고 말하고 싶습니다. 그렇다고 작동하지 않는다는 말은 아닙니다. 이상적으로는 자동 슬라이드가 수행되지 않는 자동 슬라이드가 실행될 때까지 사용자가 오랫동안 시간을 ​​보내야 하는 슬라이드 뒤에 기본 서비스를 숨기고 싶지 않을 것입니다. 자동 슬라이드를 하지 않도록 노력해 보세요.

또는 페이지와 상호작용하도록 하는 것입니다. 그럴 때가 있습니다. 우리는 탭을 많이 사용합니다. 슬라이더는 탭 시스템과 비슷하다고 생각할 수 있습니다. 탐색하는 방식이 조금 다를 뿐입니다. 일반적으로 우리 모두는 슬라이더를 탐색하는 방법을 알고 있습니다. 우리는 화살표가 무엇을 의미하는지 등을 알고 있습니다.

너무 멀리 나아가서 슬라이더를 사용한다는 사실은 당신이 쓰레기 웹 개발자라는 것을 의미합니다. 나는 그것이 작동할 수 있는 몇 가지 사례를 본 적이 있다고 생각합니다. 나는 대부분의 사람들에게 일반적으로 생각합니다. 그들은 주요 마케팅 메시지를 신뢰하지 않고 여러 마케팅 메시지를 만들고 이를 위해 슬라이더를 사용하려고 합니다.

그리고 저는 그것이 슬라이더를 사용하는 올바른 방법이 아닐 수도 있다고 말하고 싶습니다.

Kathy: 그런 회사도 있어요. Lyft, Airbnb 또는 Uber와 같은 기업을 생각해 보면 이러한 유형의 비즈니스에는 주로 연결을 제공하기 때문에 몇 가지 뚜렷한 고객층이 있습니다.

차를 타거나 누군가와 함께 머물 수 있는 곳, 그게 그들의 서비스죠, 그렇죠? 그래서 그들은 매우 뚜렷한 두 명의 청중을 가지고 있으며 저는 그 사이트를 봅니다. 슬라이더가 없습니다. 그들은 매우 뚜렷한 특징을 가지고 있습니다. 여기 라이더가 있습니다. 여기 운전기사님, 안녕하세요 운전기사님. 우리는 여러분이 필요합니다. 내 차의 안전과 마일리지에 대한 모든 반대 의견을 처리하는 것과 그 모든 것에 대한 훨씬 더 많은 내용이 있으며, 이는 하나의 특정 청중 유형을 대상으로 하는 페이지입니다.

그리고 라이더와 더 유사한 일반 사이트는 연결되는 운전자보다 라이더가 더 많기 때문에 혼란스럽지 않습니다. 모든 청중을 한 번에 다루려는 페이지는 없습니다. 한 페이지는 운전자를 위한 것이고, 한 페이지는 라이더를 위한 것이며 그 한 가지를 수행하기 위한 매우 명확한 행동 촉구입니다.

한 페이지라기보다는 홈페이지처럼 정말 유혹적인 곳이죠. 나는이 두 가지 매우 다른 청중을 가지고 있습니다. 두 사람과 어떻게 소통하나요? 그들은 들어오고 내비게이션을 통해 그것을 합니다. 바로 꼭대기에 드라이버 라이더가 있습니다. 그리고 드라이버를 클릭하면 해당 페이지가 완전히 다르게 보입니다.

사이트의 나머지 부분과 마찬가지로 그들은 운전자가 되기로 결정하도록 당신을 압박하고 있습니다. 하지만 아주 한 페이지에 하나의 의도적인 메시지가 있습니다. 그리고 나는 생각한다. 다양한 청중이 한 페이지에 모든 것을 집어넣고 싶어할 때 슬라이더가 올바른 방법처럼 느껴질 때 유혹을 받습니다.

Ben: 슬라이더 등을 사용하는 좋은 방법을 생각하고 있다면 생각해 보세요. 추천 캐러셀은 추천이 있다는 사실을 놓치지 않고 클릭만으로 새 페이지로 이동할 필요 없이 페이지에 하나 또는 두 개 이상을 표시할 수 있는 방법을 제공하기 때문에 정말 쉬운 것 같습니다. 화살.

그래서 화면 상단에 있지 않은 사용 사례가 있습니다. 그들이 들어올 때 정말 짜증나는 것처럼 아래로 스크롤하면 사용자가 해당 섹션에 참여하고 당신이 말하는 특정 사항에 대해 더 많은 콘텐츠를 얻을 수 있습니다. 나는 그것들을 더 보고 싶거나 그것이 작동하는 것을 볼 수 있습니다.

귀하가 좋아하는 제품에 대해 여기에 우리의 주요 제품 중 일부가 있으며 귀하는 그들이 좋아하도록 허용하고 싶습니다. 아, 특히 자동 스크롤하지 않는 경우 참여하고 싶습니다. 정말 좋네요 아, 강조 표시된 제품이나 그런 콘텐츠를 몇 개 더 보고 싶습니다. 더 많은 참여를 유도하고 이미 보여드린 내용이 있지만 요점은 아시겠지만 다른 페이지로 이동하지 않고 조금 더 나아가고 싶다면 다음 방법을 따르세요.

이는 캐러셀을 사용하는 강력한 방법입니다. 둘째, 그런 캐러셀에 비슷한 평가가 있을 때 여전히 4개의 평가만 가질 수 있지만 두 개를 표시하면 슬라이더가 있고 사람들은 좋아하지 않기 때문에 특히 100개가 있는 것처럼 느낍니다. 자동 루프에는 아직 4개의 평가만 있다는 사실을 생각하지 않습니다.

그들은 와, 이 회사에 대한 평가가 너무 많다고 생각합니다. 슬라이더를 만들어야 합니다. 그냥 그런 느낌이 있는 것 같아요. 비록 4개 밖에 없지만, 굳이 가지 않고도 보여드릴 수 있는 무제한의 추천이 있고, 무제한의 추천이 있다는 느낌을 받을 수 있는 좋은 방법입니다.

그래서 그것은 '이봐, 우리가 당신에게 추천할 것이 있다'라는 강력한 방법과 같습니다. 아, 이상하지도 않아요. 왜 추천이 하나밖에 없나요?

한나: 응. 그리고 웹사이트를 만드는 사람들에게는 120개의 사용후기가 필요하지 않습니다. 아니요. 지원팀에서 메시지를 좋아하는 사람들이 '왜 내 캐러셀이 120개의 이미지를 탭하는 것을 좋아하나요?'라는 메시지를 좋아했던 것으로 기억합니다.

그리고 우리는 마치, 잠깐, 백업하는 것 같아요. 캐러셀에는 120개의 이미지가 필요하지 않습니다. 그러지 마세요.

벤: 응, 바로 그거야. 마치 당신이 좋아하는 페이지가 있으면 괜찮습니다. 야, 나는 수많은 평가 같은 리뷰 벽을 갖고 싶지만 스토리 브랜드가 말하는 것보다 더 많이 넣지 마십시오. 내 생각엔 그들의 가장 큰 장점은 세 가지인 것 같다.

응. 3개만 있으면 됩니다. 가능한 한 최고의 3가지를 만들기 위해 노력하세요. 그들이 말하는 비결 중 하나는 귀하나 사용자 또는 귀하가 하고 있는 모든 일과 함께 성공을 거둔 고객을 찾아 그들을 위한 추천서를 작성하는 것입니다. . 그것은 당신이 원하는 언어와 메시지를 가지고 있고 그 사람에게 가서 "이 추천서에 당신의 이름을 적어 주시겠습니까?"라고 말합니다.

왜냐하면 제품을 사용하는 사람이라면 '야, 소감 써줄래?'라는 말을 듣고 싶지 않기 때문입니다. 당신은 그런 사람이니까, 나는 단어와 무엇을 말해야 할지, 그 모든 것들을 알아내야 해요. 하지만 당신은 그 제품을 좋아합니다. 그래서 그들이 당신에게 와서 '이봐, 이것에 이름을 새겨줄래?'라고 말한다면? 그리고 그 표현이 맞는 것 같습니다.

그리고 당신은 '그래, 그게 내 경험이야'라고 하더군요. 당신은 그것에 당신의 이름을 넣을 것이고 그런 식으로 훨씬 더 좋은 평가를 얻게 될 것입니다. 그런 다음 밀어서 사람들에게 공개하여 저를 위해 리뷰를 작성해 주시겠습니까, 아니면 리뷰를 작성해 주시겠습니까? 많은 사람들이 충분히 좋은 리뷰를 작성하지 않을 것입니다.

아니면 횡설수설을 좋아하거나 리뷰를 쓰지 마세요. 그들은 바빠서 다른 길로 갔을 뿐입니다. 따라서 리뷰를 작성하면 이상하지만 리뷰를 작성한 다음 승인을 요청하면 정말 풍부한 리뷰를 얻을 수 있습니다. 당신이 무엇을 하든.

Kathy: 그리고 누군가가 당신이 요청하지도 않은 리뷰를 작성했는데 그냥 나타난다면, 그 사람에게 크리스마스 선물 바구니를 사주세요.

누군가는 그 이상으로 나아가고 있죠, 그렇죠? 예. 네.

벤: 물론이죠. 물론이죠.

캐시: 응. 시원한. Hannah, 사람들이 매우 효과적인 기술을 사용하는 것과 비슷하지만 조금 더 잘 사용할 수 있는 다른 것이 있습니까?

Hannah: 우리가 큰 문제 중 일부를 건드린 것 같아요. 또 다른 생각은 이 형편없는 디자인과 잘 어울리지 않는 색상과 어울리지 않는 글꼴 때문에 힘든 시간을 보낸다는 것입니다. 페이지를 열 때처럼 눈이 즐거운 걸까요, 아니면 한 번에 너무 많은 일이 일어나는 것 같은 걸까요?

블로그에 공개하게 되었습니다. 매달 이러한 디자인 기술. 그리고 그들은 현재 일어나고 있는 추세와 같이 매우 독특한 것들이 많이 있어 흥미로웠습니다. , 디자인 트렌드. 그리고 그것들을 살펴보고 영감을 얻었습니다. 아, 그건 사실 제가 생각지도 못했던 일인데 멋진 모습이군요.

따라서 영감이 필요하신 경우 이에 대한 협박 글을 게시해 왔습니다. 내 생각에는 형편없는 색상이나 형편없는 글꼴을 추가하면 정말 잘못될 수 있다고 생각합니다.

캐시: 일치하지 않아요. 응. 응. 처음에는 두 가지 글꼴, 헤드라인 글꼴, 본문 글꼴을 사용하고 Kadence 색상 팔레트를 사용하여 브랜드가 어떤 모습일지, 브랜드가 어떤 모습일지에 대한 몇 가지 핵심 결정을 내리는 것이 좋습니다. 색깔이 있고, 그 후에 그것을 고수하십시오.

그리고 가끔씩 예외가 있습니다. 그렇습니다. 예외의 땅으로 떠나서 살지 마십시오. 완전히. 응. 응. 나는 여러분이 나와 같다고 말할 수 있습니다. 웹 사이트를 보기 시작하면 즉시 궁금해하기 시작할 것입니다. 그들은 어떻게 이런 일을 했을까? 그런데 그들은 어떻게 그랬나요? 그리고 나는 궁금해, 그리고 아, 아니면 반지, 추적기와 같은 반지.

수면 추적과 마찬가지로 사람들은 웹사이트나 홈페이지에 이를 사용합니다. 너, 그걸 스크롤하고 잠에 대해 이야기하기 시작하면 어두워지는데 아, 너 지금 자고 있구나. 정말 아름다운 사이트인 것 같습니다. 그냥 계속하겠습니다. 지금은 랜딩 페이지입니다. 너무 아름다워요.

정말 대단해요. 그게 제가 지금까지 파고들었던 새로운 마음에 드는 것입니다. 오라 링을 얻을 생각은 아니지만 마음에 듭니다. 훌륭해요. Kadence의 새로운 기능에 대해 이야기해 보겠습니다. 한나, 우리에겐 정말 많은 일이 일어나고 있어요. 커뮤니티 관련 내용과 앞으로 나올 내용은 무엇입니까? 우리는 너무 바빠요. 무슨 일이야?

너무 바빠요.

Hannah: 제가 가장 기대되는 점은 Kadence 마켓플레이스를 막 출시했다는 것입니다. 우리는 오랫동안 작업해 왔으며 기본적으로 디자이너와 웹 제작자의 집합체이며 모든 디자인 템플릿과 시작 템플릿, 하위 테마 및 전문 지식이 모두 하나의 아름다운 곳에 있으며 누구나 사용할 수 있습니다. 접근할 수 있고, 이 사람들로부터 구매할 수도 있는데, 정말 놀랍습니다.

이는 우리 커뮤니티가 만든 놀라운 일과 같지만 우리 커뮤니티는 사람들이 Kadence를 최대한 활용할 수 있도록 돕습니다. 그리고 나는 같다. 난 그냥 해요

캐시: 정말 기대되요. 네, 저도 너무 기대됩니다. 왜냐하면 가끔 우리가 얘기했던 것처럼 Kadence 그룹에 들어가면 오, 와, 새로운 디자인 라이브러리가 있구나 하는 느낌이 들기 때문입니다.

그리고 여기 또 하나가 있습니다. 그리고 사람들이 다양한 하위 테마와 디자인 라이브러리, 블록 컬렉션 및 모든 것을 평가할 수 있는 단일 장소가 정말로 필요한 시점에 이르렀습니다. 그리고 Kadence 전문가가 누구인지 묻는 질문이 많이 있습니다.

항상 Kadence와 함께 일하는 사람입니다. 우리가 알고 있는 사람이 몇 명 있지만 어쩌면 더 많은 사람이 있을 수도 있습니다. 그렇다면 사람들은 어떻게 작품을 제출합니까?

Hannah: 마켓플레이스 페이지 하단에 링크가 있는데, 양식을 작성하고 정보를 입력하고 라이브러리를 업로드하면 됩니다.

그리고 모든 사람이 당신을 찾을 수 있도록 우리 마켓플레이스에 올 수도 있습니다.

Kathy: 정말 신나는데요. 그리고 YouTube에서 시청하시는 경우 쇼 노트와 설명 상자에 링크가 있어서 마켓플레이스에 가서 무엇이 있는지 확인할 수 있습니다. 그리고 우리는 커뮤니티 내에서도 더 많은 것들을 준비하고 있습니다.

뭐야, 또 무슨 일이야?

Hannah: 네, 두 번째 Kadence Amplify도 준비하고 있습니다. 우리는 실제로 날짜를 뒤로 미뤘습니다. 우리는 이번 달에 그것을 하려고 했고, 엄청난 일이 벌어지고 있습니다. 그래서 우리는 금요일인 10월 20일이라는 새로운 날짜를 갖게 되었습니다. 우리는 오늘 그것을 하기로 했어요. 그리고 문제 없습니다. 10월 20일은 훨씬 좋은 날입니다.

예. 금요일이다. 하루 종일 있을 거예요. 지난번과 매우 유사한 두 개의 트랙이 있습니다. 우리는 훌륭한 스피커를 준비했습니다. Jake Full이 우리와 함께 할 것입니다. WP Crafter의 Adam Pryzer가 함께하겠습니다. 그리고 우리가 매우 기대하고 있는 다른 몇 사람도 있습니다. 그러니 꼭 그 날짜를 달력에 적어두세요.

그리고 우리는 일정을 잡을 것입니다. 사실 이제 일정이 나와야 해요. 이 팟캐스트를 들을 때쯤에는 출시 일정이 나와 있을 것입니다. 매우 흥분됩니다.

캐시: 응. 아래 설명 상자. 날짜를 저장하세요. 더 나은 WordPress 웹사이트를 만드는 데 도움이 되는 모든 것에 대해 정말 흥미로운 발표자입니다.

Kadence뿐만 아니라 Kadence 관련 강연도 있는데 Rachel Winchester님이 UX에 관해 강연을 하십니다. 나의 소중한 친구이자 최근 책을 낸 브랜디 로슨. 그리고 그녀는 아마도 WordCamp Phoenix Couple 2020의 기조 연설자였습니다. 훌륭한 사람.

그리고 그녀는 방금 책을 발표했습니다. 그녀는 범위 확장, 즉 프로젝트를 괴물로 만드는 사악하고 끔찍한 것에 대해 이야기할 것입니다. 우리는 스코프 크립을 죽일 것입니다. 그것이 바로 그 내용입니다. 그래서 저는 브랜디에 대해 신이 납니다. 왜냐면 그녀는 정말 대단하거든요.

벤: 끊임없는 도전이에요.

Kathy: 응, 브랜디는 정말 대단해. 저는 그녀에게 조금 이야기를 하려고 합니다. Google Analytics에 대해 제가 알고 있는 모든 것을 말씀드리겠습니다. 브랜디한테 배웠어요. 나는 브랜디 때문에 신난다. 그녀가 정말 대단하다고 말할 수 있나요?

그것은

한나: 굉장해요. 나는 그것을 좋아한다.

캐시: 정말 멋질 거예요. 정말 신난다. 정말 신난다. 그것은 정말 재미있을 것입니다. 그리고 우리는 Kadence의 모든 새로운 기능에 대해 이야기하지도 않았으며 제가 이미 얼마나 흥분했는지 살펴보았습니다. 하지만 Ben, 방금 Kadence black에 몇 가지 새로운 기능을 출시하셨습니다.

이번 주에 사람들은 무엇을 가지고 놀까요?

벤: 응. 예, 우리는 고급 양식 블록에 대한 조건부 필드를 만들었고 이는 기본적으로 양식에서 다른 필드가 더 아래에 표시되어야 하는지 여부를 하나의 필드로 결정할 수 있게 해주는 매우 강력한 기능입니다. 예, 그것은 고급 양식 블록에 대한 새로운 개선 사항 중 1단계와 같았습니다.

그리고 우리는 그 미래에 대해 정말 기대하고 있습니다. 그런 다음 진행률 표시줄에 마스킹을 수행할 수 있는 새로운 기능이 있습니다. 따라서 애니메이션을 적용하는 모양 마스크를 만들 수 있고 애니메이션을 적용하려는 양을 설정할 수 있습니다. 따라서 등급, 별점 등 간단한 작업을 수행할 수 있는 정말 멋진 방법입니다. 여기에는 4를 넣을 수 있습니다.

7개를 사용하면 최대 4.7개의 별에 애니메이션이 적용됩니다. 그러나 이를 통해 사용자 정의 마스킹도 수행할 수 있습니다. 그리고 그것은 계속해서 반복하는 사용자 정의 모양을 만들거나 채우고 싶은 모양을 가질 수 있는 정말 흥미로운 일의 거대한 문을 열어줍니다. 그렇죠. 진행률 표시줄이 있어서 좋습니다.

그런 다음 Pexels 통합을 미디어 라이브러리에 출시했습니다. 따라서 콘텐츠에 포함할 이미지를 Pexels에서 매우 빠르고 쉽게 검색하려면 블로그 게시물을 작성하는 것이 무엇이든 간에 매우 빠르게 수행할 수 있습니다. 미디어 라이브러리로 이동하여 pexels를 클릭하고 검색을 수행하고 원하는 것을 선택하거나 여러 개를 선택하고 사이트에 끌어다 놓으면 이미 웹용 크기로 제공되고 이미 대체 텍스트가 있으며 이미지 파일은 다음과 같습니다. 해당 대체 텍스트도 사용하면 실제로 좋은 SEO 이미지 파일 이름을 얻을 수 있습니다.

그런 다음 해당 내용을 페이지에 바로 드롭하고 이동할 수 있습니다. 그리고 그것은 빠르고 쉽습니다. 그리고 네, 그것은 우리가 한 일 중 제가 가장 좋아하는 일 중 하나입니다. 이미지가 필요해서 빨리 가져오면 되는 경우가 많은 것 같거든요. 정말 재밌다.

캐시: 정말 멋지네요. Pexels는 디자인 라이브러리를 사용하여 구축할 때 매우 재미있고 곧 모든 것이 AI 관련 내용이 될 것입니다. 그렇죠?

하지만 지금은 해당 자리 표시자와 함께 제공되므로 클릭하고 Pexels로 이동하여 즉시 교체하면 됩니다. 나는 그것으로 작은 데모와 같은 Quickie를 몇 개 만들었습니다. 랜딩 페이지를 매우 빠르게 구축할 수 있습니다. Paxils 통합 기능만 있으면 디자인 라이브러리 영역에서 이러한 종류의 결정을 내릴 수 있는 공간을 보유하고 있는 모든 장소에 대한 완벽한 이미지를 찾을 수 있습니다.

정말 재미있어요. 그래서 나는 이미 그것으로 폭발적인 시간을 보내고 있습니다. 나온 지 며칠 안 됐어요. 응, 정말 멋지다. 그리고 사람들이 묻기 때문에 AI에 대해서도 물어봐야 합니다. 시간.

벤: 응. 내 생각에 AI가 지금 당장 나오지 않는 주된 이유는 우리가 그 뒤에 두고 있는 라이센스 및 신용 시스템이 바로 그 일을 제대로 하고 모든 사람을 다음과 같은 시스템으로 업그레이드할 수 있도록 엄청난 양의 작업을 하기 때문이라고 생각합니다. 신용 사용과 그 모든 것을 허용합니다.

하지만 우리는 거의 가까워지고 있으며 그동안 인라인과 섹션 수행 기능을 확보했기 때문에 전체 사이트를 검토하고 있습니다. 그리고 우리는 페이지로 많은 작업을 수행했고 전체 사이트로 많은 작업을 수행했기 때문에 문제를 해결했습니다. 그래서 우리는 가까워지고 있습니다. 그래서 우리는 섹션을 시작한 다음 인라인, 그리고 전체 사이트를 시작하는 것과 같을 것이라고 생각했습니다.

우리가 이 전체 학점 시스템을 파악하려고 노력하면서 많은 것들이 합쳐지고 있습니다. 하지만 가깝습니다. 아직 데이트가 없어요. 하지만 우리는 다음 달에는 적어도 버전 1이 될 것으로 기대하고 있습니다. 약속은 없지만 정말 재미있을 것 같아요. 그리고 지금 바로 베타 버전에 참여하여 액세스할 수 있습니다.

우리가 그것을 가지고 놀고 있는 사용자가 있는 것처럼요. 가서 대기자 명단에 등록하면 우리가 당신을 데려올 수 있습니다. 귀하의 사이트에서 실제로 플러그인을 사용해 볼 수 있는 플러그인에 액세스하세요.

Kathy: 그리고 아래에 대기자 명단에 대한 링크가 있습니다. 따라서 다음 베타 테스트 라운드에 참여할 수 있습니다. 너무 재미있어요. 나는 그것을 가지고 너무 재미있게 놀았습니다.

그것은 나이고, 더 많이 사용할수록 더 작은 것을 발견하게 됩니다. 정말 AI가 당신에게만 보여주는 것이기 때문에 거의 거울과 같습니다. 그것은 당신에게 당신이 무엇을 다시 보여줍니다. 무엇을 주어야합니까? 따라서 엄청난 양의 정보를 제공하려는 경우 현재 수행 중인 작업에 대해 자세히 알아볼 수 있습니다. 그래서 그것은 확실히 탐험할 탐험가입니다.

나는 재미있다. 탐험. 오늘은 말이 어렵네요. 나는 그것을 탐구하고 있습니다. 재미있다. 다른 사람들도 모두 재미있게 즐길 수 있기를 기대합니다. 우리가 더 얘기해야 할 게 있나요?

그게 다야. 여기 있는 바쁜 작은 비버들이 모든 것을 만들고 있어요. 아주 재미. 제가 언급할 것 중 하나는 참여할 예정입니다. 무엇? 너희 중 한 명은 나랑 같이 올지도 모르지만 수요일에 그러니까 며칠 뒤에 이 곡을 보고 듣고 계시다면 수요일에 처음 나올 때 데이트만 하면 될 것 같아요. 미국인의 경우 오후 27일이 됩니다. 우리가 참여할 FloThemes 마이그레이션 마스터클래스가 있을 예정입니다. 왜냐하면 저는 FloThemes의 많은 사람들이 Kadence로 넘어오고 있다는 것을 알고 있기 때문입니다. 그래서 우리는 환영의 손길을 들고 그곳에 있을 것입니다. 따라서 쇼 노트에도 해당 링크가 있으면 FloThemes 세계에서 나오는 Kadence에 대해 궁금해하는 사람을 알고 계시나요?

우리는 그들을 위해 여기에 있습니다. 그래서 우리도 그 소식을 전해드리겠습니다. 괜찮은. 책의 또 다른 에피소드와 우리가 여기까지 도달하지 못할 것이라고 생각했습니다. 여기 있습니다. 다음에 얘기해보겠습니다. 다음에 봐.