WordPress용 양식 디자인 가이드

게시 됨: 2021-10-29

정보는 모든 비즈니스에 매우 중요하며 정보가 소스인 고객으로부터 직접 제공되는 경우 훨씬 더 가치가 있습니다. 고객으로부터 데이터를 수집하는 쉬운 방법 중 하나는 온라인 양식을 만들고 작성하도록 권장하는 것입니다.

양식이 비즈니스에 유용한 도구라는 것은 비밀이 아니며 마케터의 50%는 리드 생성 양식이 리드를 획득하는 주요 방법이라고 말합니다. 온라인 양식은 매우 대중화되어 필요할 수 있는 모든 사용 사례를 수용하도록 특별히 만들어진 다양한 양식 빌더가 시장에 나와 있습니다. 이러한 유형의 소프트웨어를 사용하면 사용자가 양식을 쉽게 만들 수 있으며 일반적으로 코드가 없는 플랫폼입니다.

WordPress는 기업이 웹사이트를 만드는 데 사용하는 가장 인기 있는 CMS 플랫폼 중 하나이며 WordPress에는 많은 장점이 있지만 기본적으로 양식을 만들도록 설계되지 않았습니다.

그러나 WordPress의 많은 이점 중 하나는 수백 가지 통합을 제공한다는 것입니다. 즉, WordPress가 무언가를 할 수 없는 경우 도움이 될 수 있는 플러그인이나 테마를 제공합니다. Typeform 또는 그 대안과 같은 수십 개의 인기 있는 양식 제조업체가 WordPress와 잘 통합되어 있다는 것은 놀라운 일이 아닙니다. Total과 같은 일부 인기 있는 테마에는 자체적인 간단한 형식이 내장되어 있습니다.

양식은 리드 생성에 자주 사용되지만 이것이 유일한 목적은 아닙니다. 사실, 온라인 양식은 피드백을 받고, 주문하고, 약속을 잡는 데 유용할 수 있습니다. 가능성은 무한합니다.

이 기사에서는 가입 및 전환을 유도하는 멋진 WordPress 양식을 만드는 방법을 설명합니다.

WordPress 양식이 다른 이유

WordPress는 높은 수준의 사용자 정의를 제공하는 무료 웹 사이트 빌더입니다. 사용하기 쉽고 다양한 기능과 플러그인으로 인해 처음 웹 사이트 빌더와 전문가 모두에게 훌륭한 옵션입니다.

WordPress는 전자 상거래, 개인 블로그, 사진 갤러리, 비디오 호스팅 및 비즈니스 웹 사이트를 위한 플랫폼으로 자주 사용됩니다. 일반적으로 WordPress 사용자는 일반적으로 웹 사이트를 시작할 때 특정 목표를 염두에 두고 있으며 이는 양식으로도 번역됩니다.

양식 빌더 플러그인은 일반적으로 사용자가 활용할 수 있는 매우 다양한 디자인과 템플릿을 제공하지만 사용자가 처음부터 완전히 양식을 만들 수도 있습니다. 양식 작성을 위한 만능 모델은 없다는 것을 인식하는 것이 중요합니다.

여기에서는 효과적인 WordPress 양식을 작성하기 위한 모범 사례를 살펴보겠습니다.

WordPress 양식 작성 모범 사례

대부분의 웹 사이트에는 페이지 어딘가에 하나 이상의 양식이 통합되어 있으며 사용자의 86%가 일주일에 하나 이상의 웹 양식을 작성합니다. 이것은 웹 양식이 얼마나 중요한지 그리고 웹 사이트가 비즈니스를 향상시키기 위해 웹 양식을 활용하는 방법에 대한 명확한 표시입니다.

작성하는 것은 쉽지만 사용자가 양식을 작성하도록 권장하는 것은 실제로 매우 어렵습니다.

가장 일반적인 WordPress 양식 중 일부는 연락처, 등록 및 뉴스레터 구독 양식입니다. 청구 정보, 입사 지원서, 온라인 퀴즈와 같이 더 긴 것도 있습니다. 이러한 각 양식은 귀중한 데이터를 수집하므로 기업이 가능한 한 많은 사람이 양식을 작성하도록 하려는 이유를 알 수 있습니다.

WordPress용 양식 작성 팁

WordPress의 좋은 점은 버튼을 클릭하는 것만큼 빠르게 양식을 작성할 수 있다는 것입니다. 그러나 방문자로부터 귀중한 정보를 얻으려는 경우에는 문제가 되지 않습니다.

특히 목표가 큰 경우 양식을 작성하는 것은 까다롭습니다. 히트 또는 미스일 수 있으며 궁극적으로 방문자가 사이트를 채우거나 사이트를 떠나게 됩니다.

다음은 WordPress 양식을 작성할 때 기억해야 할 몇 가지 주요 사항입니다.

간편한 사용

웹 형식에서도 열악한 사용자 경험은 비즈니스에 기회를 놓칠 수 있습니다. 양식을 작성할 때 지시 사항이 모든 필드에서 수정처럼 명확한지 확인하십시오. 양식 필드의 정렬조차도 양식이 사용하기 쉬운지 여부를 결정하는 요소가 될 수 있습니다.

간결하게 유지

폼을 만들 때 고려해야 할 가장 중요한 것 중 하나는 마찰입니다. 마찰이 가능한 한 적게 발생하도록 해야 합니다. 이것은 본질적으로 고객이 가능한 한 쉽게 작성할 수 있도록 하려는 것을 의미합니다.

마찰을 줄이는 좋은 방법은 목표에 레이저 초점을 맞추는 것입니다. 양식 포기로 이어질 수 있으므로 불필요한 정보를 요청하지 마십시오.

양식 완료율 그래프

짧게 유지

긴 양식은 사람들이 양식을 포기하는 주요 원인 중 하나입니다.

하지만 복잡한 웹 양식이 불가피한 경우도 있습니다. 방문자에게 복잡한 양식을 제공하는 가장 좋은 방법은 이를 더 작은 조각으로 나누고 사용자가 완료하도록 동기를 부여할 가치 있는 무언가를 제공하는 것입니다.

전문 양식 작성기 사용

원시 HTML로 양식을 작성하는 것은 일반적으로 좋지 않은 생각이며 약간의 학습 곡선이 필요할 수 있습니다. WordPress 웹 사이트를 갖는 가장 좋은 점은 대신 사용할 수 있는 Paperform, WPForms 또는 NinjaForms와 같은 전문 양식 빌더 솔루션이 많이 있다는 것입니다.

이 빌더는 WordPress 웹 사이트에서 직관적이고 효과적인 양식을 생성하는 데 도움이 되도록 정확히 맞춤화되었습니다.

양식 테스트

웹 양식을 보는 모든 사용자가 양식을 채우는 것은 아닙니다. 대부분의 온라인 양식의 좋은 점은 시청자와 제출물을 추적할 수 있어 최고의 성과를 낸 사람을 가장 나쁘게 알 수 있다는 것입니다.

온라인 양식의 유용한 점은 사용자 상호 작용을 확인할 수 있다는 것입니다. 이를 통해 청중이 선호하는 양식을 확인하고 더 많은 제출을 받은 양식을 개발할 수 있습니다. 이 정보를 알 수 있는 방법은 직접 테스트하는 것 외에는 없습니다.

양식 구조에 접근하는 방법

양식을 작성할 때 양식에 응답하는 사람이 되어야 한다고 생각하십시오. 필드가 사용자가 필요로 하는 것에 의미가 있습니까? 읽고 작성하는 것이 쉽습니까?

양식 구조는 레이블, 필드 및 버튼이 정렬되고 연결되는 방식입니다. 기능적 양식 디자인은 사용자에게 시작 및 종료 위치에 대한 보이지 않는 가이드를 제공합니다. 즉, 완료할 가치가 있는 사용자 여정이어야 합니다.

구조는 건물 형태의 기본 요소이며 전환율에 큰 영향을 미칠 수 있습니다. 양식에 레이블 및 필드 청크가 너무 많으면 사용자에게 압도적이고 혼란스러울 수 있습니다. 따라서 건물을 구축할 때 가장 좋은 조치는 무엇입니까?

올바른 구조를 얻으려면 올바른 정보를 얻고자 하는 것과 사용자가 정보를 쉽게 제공할 수 있도록 하는 것 사이에서 균형을 유지해야 합니다.

사용할 수 있는 두 가지 주요 양식 구조 유형이 있습니다.

단일 페이지 양식

이름에서 알 수 있듯이 단일 페이지 양식은 한 페이지에 모든 필드가 있는 양식입니다. 사용자는 이 양식 유형을 보고 어떤 정보를 작성해야 하는지 정확히 알 수 있습니다.

단일 페이지 양식은 일반적으로 짧고 빠르게 완료됩니다. 이 양식 구조는 리드 생성 및 이메일 등록 양식과 같은 작업에 특히 적합합니다.

리드 생성 및 이메일 가입 양식

다중 페이지 양식

이름에서 알 수 있듯이 여러 페이지 양식의 필드가 펼쳐져 있습니다. 이 양식은 예약 양식이나 의료 질문과 같이 많은 정보를 수집해야 할 때 유용합니다. 다중 페이지 양식의 이점은 훨씬 덜 위협적이고 작업하기 쉽다는 것입니다.

적절한 양식 선택

올바른 작업에 적합한 양식을 선택하는 것이 중요합니다. 세상에서 가장 정확하고 능률적인 웹사이트를 가질 수 있지만 양식이 혼란스럽거나 작동하지 않으면 아무도 작성하지 않을 것입니다.

WordPress 양식을 아름답게 만드는 방법

양식은 WordPress 웹 사이트에서 가장 사용자가 대면하는 요소 중 하나이므로 읽기 쉽고 미학적으로 보기 좋게 만드는 것은 큰 도움이 됩니다. 아름다운 형태는 색상뿐만 아니라 사용자에게도 원활한 경험을 제공해야 합니다.

양식은 비즈니스 성공의 중요한 부분으로 만드는 웹 사이트에 대한 목표 중심 추가 기능입니다.

목표를 설정한 후에는 거꾸로 돌아가서 양식을 효과적인 도구로 만드는 요소를 이해해야 합니다. 이를 수행하는 한 가지 방법은 올바른 디자인을 사용하여 매력적으로 만드는 것입니다.

보기 좋고 기능적인 WordPress 양식의 요소를 분석해 보겠습니다.

  • 브랜드 테마 – 양식 요소에 브랜딩을 통합합니다. 여기에는 브랜드 로고, 색조, 메시지, 타이포그래피, CTA 버튼 모양 등이 포함됩니다. 보기 쉬운 방식으로 함께 혼합되어 있는지 확인하십시오. 브랜드 색상이 불타는 듯한 빨간색이라면 양식의 톤을 쉽게 사용할 수 있습니다.
  • 탐색 – 진행률 표시줄이나 페이지 번호를 사용하여 양식을 완성하는 데 걸리는 시간이나 질문 수를 사용자에게 알려줍니다. 또한 현재 위치를 표시해야 합니다.
  • 설명 CTA – CTA 버튼은 방문자를 리드로 전환하는 마지막 단계이며 쉽게 넘어가서는 안 됩니다. 가장 일반적인 버튼인 "제출"을 "가입"으로 변경하면 게임 체인저가 될 수 있습니다.
  • 올바른 형식 – 확인란, 객관식 또는 드롭다운 메뉴는 질문 유형에 따라 다릅니다. 이러한 유형의 양식 질문은 관련 없는 섹션을 건너뛰어 응답자의 경험을 간소화하는 조건부 논리가 있는 양식을 설정하는 데 자주 사용됩니다.
  • 강력한 시각적 효과 – 사람들은 시각적 학습자이므로 양식에 평범한 텍스트 대신 이미지를 사용하는 것이 도움이 되는 경우 브랜드 지침을 따르는 동시에 눈에 띄는 이미지와 비디오를 사용해야 합니다.
  • 자리 표시자 텍스트 – 자리 표시자는 양식에 작지만 유용한 추가 기능입니다. 사용자에게 어떤 종류의 답변을 기대하는지에 대한 샘플을 포함합니다.

형태의 심리학

형태의 심리학

심리학은 사람들이 인터넷과 상호 작용하는 방식에 큰 역할을 합니다. 웹 디자이너와 마케터는 냉담한 청중의 관심을 끌고 고객으로 전환하는 데 도움이 되는 디자인 원칙을 풀기 위해 끝없는 투쟁을 하고 있습니다.

온라인 양식도 예외는 아닙니다. 사실 "양식 심리학"은 청중에게 양식이 제시될 때 양식이 작성되는지 확인하기 위해 가장 먼저 염두에 두어야 합니다.

아름다운 형태는 제출 없이는 쓸모가 없습니다. 따라서 정보를 효과적으로 캡처하려면 청중이 생각하고 행동하는 방식을 이해해야 합니다.

다음은 WordPress 양식을 게시하기 전에 스스로에게 물어봐야 할 몇 가지 질문입니다.

쉽고 빠르게 완료할 수 있습니까?

심리학에서 학습 곡선이 가파르고 시간이 많이 걸리고 복잡한 작업은 대부분의 사람들이 포기하는 것입니다. The Baynard Institute의 연구에 따르면 사용자의 26%가 프로세스가 너무 길거나 너무 복잡하여 전자 상거래를 포기했습니다.

그렇기 때문에 가능하면 일반적으로 더 나은 변환을 얻을 수 있는 더 짧은 형식을 사용하십시오.

내 사용자는 무엇을 얻을 수 있습니까?

형태에는 비용 대 편익이 있습니다. 낯선 사람을 3시간 동안 무료로 운전해 주시겠습니까? 1000달러를 지불하면 어떻게 합니까?

작업이 복잡할수록 더 높은 보상이 필요합니다. 예를 들어 웹 사이트에서 개선할 수 있는 사항에 대한 긴 설문 조사를 작성하기를 원합니다. 할인이나 무료 품목과 같은 대가로 무언가를 제공하는지 확인하십시오.

내 사용자는 이것이 무엇인지 알고 있습니까?

질문이 50개이고 완료하는 데 20분이 소요됩니까? 그렇다면, 그들에게 알리고 이것이 처음부터 바로 보이는지 확인하십시오. 사람들은 20개의 질문에 답한 후 30개의 질문에 더 답해야 한다는 것을 알게 되면 덜 관대해집니다.

추측 게임은 금물이며 기대치를 설정하면 포기가 줄어들 것입니다.

사용자가 혼란스럽습니까?

선택의 역설을 기억하십니까? 아이디어는 선택에 있어 "적을수록 좋다"는 것입니다. 그래서 사람들에게 선택지가 너무 많으면 혼란스러워지고 작업을 완전히 포기할 가능성이 높아집니다.

보기에 좋은가요?

적절한 단어가 포함된 디자인 요소는 표현하고 싶은 컨셉을 보여줄 때 유용합니다. 단어를 이미지와 짝을 이루고 브랜드를 강화할 수 있는 매력적인 색조를 사용하십시오.

방문자가 실제로 내 양식이 어디에 있는지 볼 수 있습니까?

아무도 볼 수 없는 것을 클릭하지 않습니다. Von Restorff Effect 뒤에 있는 아이디어는 사물을 눈에 띄게 만들고 기억에 남도록 만드는 것입니다. 사용자의 눈을 양식이 있는 곳으로 안내하세요. 전략적인 배치를 하거나 양식과 페이지의 나머지 부분 사이에 대비를 만들어 이를 수행할 수 있습니다.


마케터는 고객으로부터 유용한 데이터를 얻기 위해 일련의 전략을 수행하고 수천 달러를 지출해야 합니다.

기능을 희생하지 않고 멋지게 보이도록 WordPress 양식을 디자인하는 것을 잊지 마십시오.

어떤 데이터가 정말 중요한지 결정할 때 최소한 하나의 연락처 정보를 수집해야 합니다. 일단 당신이 그것을 가지고, 당신은 항상 나머지를 따를 수 있습니다. 행운을 빕니다!