클릭 유도 문안. 효율성의 기초

실제로 작동하는 클릭 유도 문안을 만드는 방법

(Outcrowd) (2020 년 12 월 18 일)

일러스트 : Outcrowd

이 도움말은 버튼 디자인 가이드가 아닙니다. 효과적인 CTA 를 만들기위한 실용적인 매뉴얼입니다. 클릭 유도 문안을 만드는 포괄적 인 접근 방식을 사용하면 인터페이스 요소를 대략 손으로 그린 ​​경우에도 클릭 할 수 있습니다.

***

디자이너에게 “클릭 유도 문안” 즉, 인터랙티브 인터페이스 요소 인 버튼이라고 말할 것입니다. 사용자가 상품 구매, 업데이트 구독 또는 지원 요청과 같은 대상 작업을 수행하는 방법입니다. 그러면 디자이너가 CTA 버튼이 어떻게 생겼는지 알려줄 것입니다.

이는 작동하지 않는 클릭 유도 문안을 생성하는 좋은 방법입니다.

잠깐, 무엇이 잘못 되었나요? 그것?

음, 커피 머신을 상상해보세요. 행동을 촉구하는 버튼, 즉 커피를 마시는 것도 있습니다. 그러나 커피를 마시고 싶지 않으면 아무도 밀지 않을 것입니다. 자바 한 잔에 목이 마르면 위치 나 모양에 관계없이 버튼을 찾을 수 있습니다.

클릭 유도 문안은 버튼이 아닙니다. 필요한 것을 얻을 수있는 초대장입니다. 고객이 버튼을 눌렀을 때 디자이너와 달리 그 선명도 나 밝기에 대해 다시 생각하지 않습니다. 그들은 목표에 대해서만 생각합니다. 즉 커피 한 잔을 마시는 것입니다.

디자이너의 주요 목표는 사람들이 목표를 달성하도록 유도하는 것뿐만 아니라 관심을 갖고 목표를 달성 할 수 있도록하는 것입니다. CTA는 목표를 달성하는 방법 중 하나 일뿐 목표 자체는 아닙니다. 당연해 보이지만 실제로는 어떻게 되나요?

디자이너는 버튼을 단순한 디자인 요소로 생각하고 모든 사용자의 관심을 CTA에 집중합니다. “서둘러서 커피 사세요!” 그들은 공격적인 메시지를 생성하고 즉각적인 관심을 끌도록합니다.

좋은 행동 유도는 뜨겁고 향긋한 커피를 즉시 마시고 싶은 욕구를 불러 일으 킵니다. 진짜 목표는 커피가 있습니다라는 배너가 아니라 커피입니다. 이러한 차이를 이해하는 것이 성공적인 CTA를 생성하는 데 중요합니다.

클릭 유도 문안은 인터페이스 디자인에서 일관되게 구현 된 마케팅 전술입니다.

Unless UI와 UX는 목표를 매력적으로 만드는 데 전적으로 전념하고 있으며 CTA는 효율적이지 않습니다. 버튼 자체는 아무리 잘 최적화되어 있어도 누구에게도 격려가되지 않습니다.

기본 CTA 생성 원칙에 대한 지식이없는 디자이너는 버튼을 다듬는 데 많은 노력을 기울이고 버튼이 둥글어야할지 어느 정도인지 걱정합니다. 이 유서 깊은 추구는 CTA 효율성과 관련이 없습니다. CTA를 만드는 데있어 포괄적 인 접근 방식의 중요성을 이해하는 디자이너는 버튼 모양, 색상 또는 유형에 대해 걱정하지 않습니다. 의제에 대한 마지막 호입니다.

CTA 생성에 대한 포괄적 인 접근 방식

포괄적 인 접근 방식은 시각적 마케팅의 기본 사항을 이해하는 것을 의미합니다. 그리고 사용자 심리학. 이는 CTA 효율성에 영향을 미치는 모든 요소를 ​​추적하는 것을 의미합니다.

가장 중요한 요소는 다음과 같습니다.

1. 관심 및 동기 부여

사용자가 디자인이 마음에 들지 않거나 제안이 언뜻보기에 흥미 롭다고 생각하면 CTA에 도달하기 전에 페이지를 떠납니다. 좋은 디자인은 사람들이 페이지에 머무르고 콘텐츠를 탐색하고 목표 행동을 고려하게 만듭니다. 제안이 매력적이지 않으면 사용자가 행동을 취하게 만들 수 없습니다.

사용자를 성공적으로 유치하려면 타겟층의 취향과 선호도를 깊이 이해해야합니다.

AQ 가습기 — 3D 모델링 & 브랜드 디자인

2. 우수한 UX

효과적인 CTA를위한 첫 번째 전제 조건은 우수한 UX입니다.

  • 간단하고 이해하기 쉬운 탐색
  • 장애물 없음
  • 예측 가능성

사용자가 진입 점에서 오는 길은 가능한 한 간단하고 직관적이며 논리적이어야합니다. 제공되는 내용과 수행해야 할 사항이 즉시 명확 해지면 긍정적 인 반응을 유도 할 가능성이 훨씬 더 높습니다.

CTA로가는 길이 길수록 더 많은 등록 양식, 설문 조사 및 기타 장애물이있을수록 버튼에 도달하는 사용자가 줄어 듭니다. 통화 작업이 복잡할수록 더 많은 동기가 필요합니다.

3. 좋은 UI

페이지를 쳐다 보면서 발생하는 순간적인 인상에 관한 것입니다. 콘텐츠가 너무 많고 요소와 하이라이트가 너무 많은 어수선한 페이지는 사용자를 혼란스럽게하고 좌절시킵니다. 많은 온라인 상점은 눈부신 “구매”버튼을 표시합니다. 제품 사진은 전화와 광고 사이에서 사라지고 요소 주변에 공간이 없습니다. 이 모든 것이 어수선한 인상을 주며 매장과 매장의 제품을 신뢰할 수없는 것처럼 보이게합니다.

명확하고 미니멀 한 디자인이 눈에 잘 띄는 최상의 솔루션입니다.

방문 페이지-Sollar

한 페이지에 많은 CTA가 있으면 사용자를 놀라게하는 좋은 방법입니다. 이상적으로는 오퍼 당 하나의 효과적인 CTA가 있어야합니다. 제안이 많은 경우 전환을 제안하고 각각을 개별적으로 보여주는 것이 더 좋습니다. 이렇게하면 디자인을 깔끔하게 유지하고 요소 주변에 “호흡하는 공간”을 남길 수 있습니다. 한 페이지에 여러 CTA를 배치해야하는 경우 주요 오퍼를 강조하고 보조 오퍼를 호출 및 경시하는 시각적 계층 구조를 작성하십시오.

4. 콘텐츠 및 CTA 게재 위치

웹 페이지 콘텐츠는 주요 목표를 향해 작동해야하며 장점을 보여주고 사용자를 CTA 블록으로 안내해야합니다. 콘텐츠 프레젠테이션은 타겟 액션을 수행할지 여부를 결정하는 요소입니다.

유명한 마케팅 담당자 인 Nick Patel은 CTA 버튼을 첫 번째 블록에 배치하면 전환율이 17 % 감소한다는 사실을 발견했습니다. 사용자는 콘텐츠를 탐색 할 시간이 없었지만 이미 작업을 수행하라는 요청을 받았습니다. 사용자가 긍정적 인 인상을 줄 수 있도록 제안에 대한 정보를 제공하는 것부터 시작해야합니다. 이는 특히 비즈니스 제안 및 서비스에 중요합니다.

그러나 모든 제안에 자세한 설명이 필요한 것은 아닙니다. 많은 제품과 서비스가 즉시 제공되어야합니다. 이런 경우 귀중한 17 %를 잃지 않고 CTA를 만들려면 어떻게해야하나요?

Apple이 어떻게 만드는지 살펴 보겠습니다.

가장 먼저 보이는 것은 무엇입니까? 행동 촉구가 아니라 확실합니다. “지금 구매”를 촉구하는 밝은 버튼은 어디에 있습니까? 굵은 글꼴은 어디에 있습니까?

여기서 Apple은 하이라이트를 현명하게 이동합니다. 강조 표시된 것은 CTA가 아닙니다.

www.apple.com

컬렉션 쇼핑에 대한 호출은 작고 겸손한 글꼴을 사용하며 텍스트 자체는 간단합니다. 그럴 수 있습니다. 여기에서 적극적으로 공격적인 영향력은 색상을 통해 이루어집니다.

Apple 제품은 설명이 필요하지 않습니다. 그러나 제안이 효과적인 이미지를 통해서도 보여 질 수 있다면, 눈에 띄지 않는 CTA와 함께 제품을 보여주는 것으로 시작하십시오. 시각적 표현에만 의존 할 수없는 경우 CTA는 주요 제안 설명을 따라야합니다.

5. CTA 디자인

CTA 블록은 디자인의 유기적 인 부분입니다. 버튼을 포함한 모든 요소는 선택한 스타일과 일치해야하며 시각적 계층 구조를 따르며 서로 동의해야합니다. CTA 버튼의 시각적 기능과 함께 제공되는 텍스트는 웹 사이트 (또는 앱)의 목표와 목표 및 타겟 고객의 선호도에 따라 달라 지므로 어떤 버튼이 “전환에 더 좋은지”논의하는 것은 의미가 없습니다. 전환을 제공하는 것은 버튼이 아니라 특정 사용자 그룹을 겨냥한 적절한 마케팅과 좋은 디자인입니다.

아니요, 전체적인 개념과 일치하지 않는 한 손으로 버튼을 그리지 마십시오. CTA가 아무리 돋보이기를 바라더라도 일반적인 스타일에 어긋나서는 안됩니다. CTA 버튼의 색상은 사용자가 페이지 전체에서 찾아 볼 필요가 없도록 배경과 대조되어야합니다. 창의성을 위해 CTA 버튼을 특이한 위치에 배치하는 것은 절대 용납되지 않습니다.

6. 목표 강조

사용자의 목표와 최우선 순위는 사용자가 타겟 작업을 수행하게 만드는 요소입니다. 그는 코스를 구독 할 때 교육을 향상시킬 생각을하고 있습니다. “구매”버튼을 클릭하면 제품을 생각하고 있습니다. 필요한 정신 이미지를 강화하는 그림은 CTA 버튼 근처에 배치해야합니다.

CTA는 목표가 아닙니다!

방문 페이지 — Wendy s Granny Chocolate

제공에 그림이 필요하지 않은 경우 주요 하이라이트는 버튼으로 시각적으로 균형을 이룬 텍스트 설명입니다. 예 :

모든 숫자 정보 혜택 정보는 CTA 버튼에 시각적으로 가깝고 충분히 강조 표시되어야합니다.

7. 텍스트

설득력있는 전화는 항상 간결하고 이해하기 쉬우 며 간단합니다. 능동형 동사, I- 문, 강한 단어, 보상 유발 요인 및 감정적 유발 요인을 사용하는 것이 가장 좋습니다. 적절한 경우 간단한 안내와 이전및 이후데모를 사용할 수 있습니다.

다음은 주요 텍스트 호출 유형 (트리거 + CTA)입니다.

시각적으로 동일한 원칙이 적용됩니다. CTA 버튼보다 트리거를 더 강조합니다.

문자 통화는 시장 조사를 기반으로하고 사전에 테스트되어야합니다.

8. 감정

깊은 감정 반응을 유발하는 디자인은 높은 전환율의 핵심입니다. 위의 Apple 예제를 상기하십시오. 마케팅 담당자와 디자이너가 선택한 색상은 단순히 빨간색이 아닙니다. 피가 붉어 사람들을 다소 불안하고 무의식적으로 두려워하게 만듭니다. 이제 생명을 구하기위한 부름을 추가하십시오. CTA는 제품을 구매하는 것이 아니라 고귀한 사명을 강조합니다. 아름다운 디자인 구현을 갖춘 훌륭한 마케팅 솔루션입니다.

www.apple.com

자세히 알아보기 : 감정 디자인

결론

CTA는 거대한 기계의 톱니입니다. 기계가 작동하면 (시장 분석 완료, 신중하게 선택한 정보 콘텐츠, 디자인 컨셉 생성) CTA도 작동합니다.

사용자는 버튼에 대한 웹 페이지에 액세스하지 않습니다. 그들은 이해하기 쉽고, 적절하고, 잘 생겼고, 감정적이며, 논리적으로 잘 제시되는 한 제안에 매료됩니다. 말한 것보다 훨씬 쉽다는 것을 알고 있습니다. 실제로 마케팅 담당자, 디자이너 및 개발자가 파악해야하는 많은 요소가 포함됩니다. 최상의 솔루션은 일반적으로 팀워크의 결과입니다. 그럼에도 불구하고 CTA 생성의 원칙을 이해하면 모든 디자이너가 클릭 가능한 요소로 전환 디자인을 만드는 데 도움이됩니다.

답글 남기기

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다