행동 촉구의 예. 글로벌 브랜드의 판매 페이지에 있는 수백 개의 버튼 중 전환에 가장 적합한 버튼 색상은 무엇입니까?

“진정한 결정은 새로운 행동을 취했다는 사실로 측정됩니다. 조치가 없다면 실제로 결정을 내리지 않은 것입니다."

토니 로빈스

설득력 있게 들리지 않습니까?

마지막으로 온라인에서 물건을 구매한 때를 생각해 보세요. 이 구매는 소셜 네트워크 참여를 통해 이루어졌을 수 있습니다. 이 방법은 오늘날 매우 인기가 있으며, 마케팅 담당자는 소셜 미디어 콘텐츠를 풍부하게 하고 기본을 적용하며 다양한 방법으로 '설득 정도'를 강화하기 위해 최선을 다하고 있습니다.

귀하의 온라인 구매 결정은 게시물과 함께 제공되는 작은 버튼의 형태로 귀하에게 영향을 준 클릭 유도 문구를 기반으로 내려졌을 가능성이 있습니다.

이는 단지 작은 버튼일 뿐이지만 귀하의 결정과 귀하를 고객으로 전환하려는 회사를 위한 훌륭한 도구 사이의 차이가 될 수 있습니다.

설득력 있는 이미지를 만들고 올바르게 배치하는 것이 그렇게 쉬운가요? 행동 촉구? 일부 밝고 큰 버튼은 신뢰를 얻지 못하고 클릭수를 수집하지 않는 반면, 언뜻 보기에는 전혀 설득력이 없는 소셜 네트워크에 대한 호출이 전례 없는 매출을 가져올 수 있는 이유는 무엇입니까?

이 기사에서 우리는 더 많은 사용자를 유치하고 매출을 늘리며 리드를 창출할 수 있는 이 마법의 마케팅 도구의 힘과 이점이 무엇인지 알아보려고 합니다.

하지만 가장 기본적인 것부터 시작해 보겠습니다.

CTA란 무엇이고 어떻게 해야 할까요?

“지금이 바로 행동할 때입니다. 뭔가를 시작하기에 너무 늦은 때란 없습니다."

앙투안 드 생텍쥐페리

행동 촉구 또는 CTA(행동 촉구)는 독자가 행동을 취하도록 동기를 부여합니다. 이 통화는 연결, 다운로드, 구매, 참여, 가입 및 기타 다양한 작업을 수행하는 데 도움이 됩니다. 이것은 설득을 위한 일종의 마케팅 수단입니다. 긍정적인 결과브랜드.

소셜 미디어 CTA는 다른 클릭 유도 문구와 어떻게 다릅니까?

아무것도 아님. 아니면 거의 아무것도 아닙니다. 대부분의 경우 소셜 네트워크에서는 자신의 매력을 특정 템플릿으로 "패키지"하거나 상상력을 사용하여 새로운 템플릿을 개발하기만 하면 됩니다. 최대 대중적인 모습소셜 네트워크의 CTA는 버튼입니다.

소셜 미디어에서 CTA를 배치하는 가장 좋은 장소는 어디입니까?

이는 상당히 논쟁의 여지가 있는 문제이며 다양한 요인(예: 텍스트의 길이나 주제)에 따라 달라집니다. 대부분의 경우 작성자는 게시물 끝이나 소셜 네트워크의 이미지 내부에 이를 추가합니다. 통화는 버튼, 텍스트 링크 또는 전체 이미지로 표시될 수 있습니다.

CTA가 사후 분석에 미치는 영향

게시물에 클릭 유도 문구를 추가하는 것이 왜 중요한가요?

CTA는 다음과 같은 3가지 주요 비즈니스 목표를 달성하는 데 도움이 됩니다.

• 클릭수
• 매상
• 참여

KUKU.io 분석을 사용하여 CTA 게시물을 쉽게 추적할 수 있습니다.

버튼 모양과 색상 구성표를 실험해 보면 전환율이 높아집니다. 게시물은 단순히 긍정적인 감정과 기분 좋은 댓글을 생성할 수도 있지만, 행동 촉구는 비즈니스의 목표 달성에 도움이 됩니다.

효과적인 행동 촉구를 작성하는 방법: 기본 사항

먼저 당신은 당신이 누구에게 말하고 있는지, 무엇을 요구하는지 명확하게 이해해야 합니다.

물론 처음에는 머릿속에 구조화되지 않은 생각이 많이 있을 것입니다. 무슨 전화야? 어떤 행동으로? 목표, 동기, 범위...

소셜 미디어에서 효과적인 CTA를 만들기 위한 12가지 공식

1. 각 소셜 네트워크에 대한 CTA를 별도로 생성하거나 조정합니다.

특히 CTA의 경우 소셜 네트워크의 작동 방식이 다릅니다. Facebook에서는 클릭하고 추적할 수 있는 행동 유도 버튼이 있는 광고를 사용할 것을 제안합니다. Instagram에서는 스폰서 콘텐츠 끝에 나만의 버튼을 추가할 수 있습니다.

1. 실제 가치 제공

독자의 관심을 끌고 행동을 취하게 하려면 실제 가치가 있는 것을 제공해야 합니다. 강력한 인센티브와 실제로 변화를 가져올 수 있는 것에 대해 생각해 보세요. 독자들은 귀하의 제안이 필요한 이유를 명확하게 이해해야 합니다.

1. 무료 옵션 제공

독자가 특정 방식으로 행동하도록 설득하려면(책 다운로드, 구독) 이메일, 제품 구매 등) - 무료 버전을 제공합니다.

"구독신청서를 작성하고 받아보세요. 무료 이용웨비나를 위해"

버튼: “무료로 받기”

1. 호소력 있는 말을 사용하라

주요 목표는 독자가 명확한 조치를 취하도록 동기를 부여하는 것입니다. 도움이 되는 행동 동사를 사용하여 아이들이 그렇게 하도록 격려할 수 있습니다. 스스로 조사하고 그러한 동사 목록을 만드십시오. 모호하거나 외설적인 단어, 전문 용어 또는 구어체를 피하십시오.

1. 감정을 만져보세요

호소문에서 독자의 감정과 감정에 더 가까이 다가가도록 노력하십시오. 그들은 무관심하게 남아 있어서는 안 됩니다. 밝은 말과 호소력을 발휘하고, 시험해 보세요. 다양한 옵션. 작은 버튼만으로도 Instagram, Facebook, Twitter 및 기타 소셜 네트워크에서 많은 팔로워를 확보하는 데 도움이 됩니다.

1. 피로를 상기시켜주세요

사람들은 많은 일로 인해 좌절감을 느끼는 경향이 있으며 성공으로 가는 길을 어렵게 만드는 문제에 대한 해결책을 분명히 높이 평가할 것입니다.

“효과 없는 다이어트에 지치셨나요? 우리의 새로운 단백질 복합체를 구입하고 3개월 안에 꿈에 그리던 몸을 만들어 보세요!”

버튼: "지금 구매"

1. 시간 제한 설정

이렇게 하면 항소가 구체적이고 명확해집니다. 예를 들어, “지금 시도해 보세요”는 단순히 “시도해 보세요”보다 더 설득력이 있습니다.

1. 단순화하다

CTA 텍스트가 더 간단하고 명확할수록 수신자에게 더 빨리 도달할 수 있습니다. 독자는 문장을 이해하기 위해 많은 사고 과정과 논리적 작업을 거칠 필요가 없습니다. 본문을 한 번 읽은 후 메시지 수신자는 자신이 해야 할 일이 무엇인지 이해하고 이를 수행해야 합니다.

1. 특정 메시지 수신자 주소 지정

특정 독자와 직접 대화함으로써 신뢰를 쌓고 행동을 장려할 수 있습니다. 독자가 자신에게 관심을 갖고 있다는 느낌을 주는 것이 중요합니다.

"당신", "당신의 것", "당신" 등과 같은 단어를 사용하여 상호 작용에 친밀감을 더하십시오. 예를 들어 "무료 세트를 사용해 보세요."라고 말합니다.

1. 관련시키다

계속해서 의사소통을 하고 자세한 내용을 알아보겠다고 제안하십시오.

1. 유명인의 경험을 떠올려보세요

“마돈나가 우리 화장품을 쓰는 이유”

“시도해보고 싶어요” 버튼.

1. 다양한 CTA 테스트

CTA 결과를 추적하는 것을 잊지 마세요. 어떤 동기 부여 게시물이 더 성과가 좋고 어떤 버튼이나 링크가 관심을 끌지 못하는지 확인할 수 있습니다. 완벽하게 적응하고 이동하고 다듬어 보세요. 이 분석을 통해 변형을 찾고 CTA 버튼을 최적화할 수 있습니다. Buffer 또는 KUKU.io와 같은 서비스의 분석 도구를 쉽게 사용하여 유용한 지표로 게시물 성과를 추적할 수 있다는 점을 기억하세요.

이제 효과적인 클릭 유도 문구를 만드는 데 문제가 없을 것입니다.

위의 공식과 제안의 이점을 활용하세요. 그리고 물론 고객의 욕구를 고려하고 고객의 입장에서 자신을 상상하면서 모든 것을 고객의 프리즘을 통해 통과시키십시오. 버튼 디자인, 색상 구성, 글꼴 크기에 주의하세요. 행동 촉구에 행운을 빕니다!

제 생각에는 상업 프로젝트에서 "구매"라고도 알려진 CTA(행동 유도) 버튼의 효과에 영향을 미치는 첫 번째 요소에 대해 말씀드리겠습니다.
조언이나 조언이 없습니다. 스크린샷은 텍스트를 설명하기 위한 것입니다. 누구나 자신만의 가설을 세우고 분할 테스트를 통해 테스트할 수 있습니다.

1) 위치

예: Lamoda 웹사이트의 경우 첫 번째 화면에 모든 부츠가 표시되지는 않지만 버튼은 제자리에 있습니다.

2) 크기

육스(Yoox) 웹사이트에서는 어떤 인터페이스 요소가 주요 요소인지 의심의 여지가 없습니다.

3) 색상

Wildberry 웹사이트에서는 버튼이 디자인과 대조되고 주황색인 데에는 이유가 있습니다.

4) 텍스트(내용)

• 행동을 정확하게 반영하고 명시하십시오. 이런 의미에서 "구매"는 아무 의미가 없습니다.
• 포함하다 . 예: '내 장바구니에 추가'
• 중립적이지 말고 행동 촉구를 포함하세요.

Utkonos 웹사이트에서 그들은 텍스트를 전혀 사용하지 않기로 결정했습니다. 좋은 결정? 생각하지 마세요.

5) 모양

Bosco 웹사이트에서는 버튼이 둥글게 되어 있는데, 이는 특이합니다. 효율성을 테스트해보겠습니다.

6) 상호작용성/촉각성

Booking.com에서는 버튼을 클릭하여 새로운 단계로 이동하라는 메시지를 표시합니다.

그리고 물론 버튼이 볼록하다면 누를 때 누르는 것이 더 낫습니다. 이것이 바로 촉감입니다. 따라서 일반적으로 그림자가 있는 3차원 버튼이 평면 버튼보다 선호됩니다.

7) 반복

Onlinetours 웹사이트에는 페이지 상단에 버튼이 있고 하단에도 동일한 버튼이 있습니다.

8) 솜씨

Nix 웹사이트의 90년대 빛바랜 템플릿 버튼은 확실히 프로그래머가 만든 것입니다.

9) 변경 가능성

10) 다른 CTA 버튼과의 관계

BEBAKIDS 웹사이트에서는 크기가 약간 다르지만 매우 유사합니다.

결론

모두에게 작업 버튼을!

CTA 요소란 무엇입니까? 행동 촉구(CTA) - 사용자가 페이지 개발자가 의도한 특정 단계(구매, 구독, 다운로드)를 수행하도록 권장하는 클릭 유도 문구입니다. 그래픽적으로 이러한 통화는 "지금 구매", "다운로드", "등록"이라는 통화 비문이 있는 밝은 버튼(대부분)으로 강조 표시됩니다.

때로는 그러한 버튼을 클릭하면 다음 페이지로 이동합니다. 자세한 설명상품이나 서비스. 그러면 버튼에 "자세히 알아보기", "자세히 알아보기"라는 레이블이 적절하게 지정됩니다.

주목: CTA 버튼은 항상 전체 페이지 디자인의 색상 구성에 있어야 하며, 결합되어 미학적 외관을 가져야 합니다. 그러나 눈에 띄는.

CTA 버튼을 강조하는 방법

버튼의 모양은 길쭉하고 가장자리는 둥글게 처리되어 있습니다. 버튼은 상단 메뉴의 모양을 따릅니다. 색상은 녹색이며, 페이지 전체가 파란색 톤으로 구성되어 있습니다. 그러나 색상 조합은 일반적인 범위와 일치합니다. 버튼은 밝지만 나머지 그래픽과 일치합니다.

이 프로그램을 사용하여 얻을 수 있는 비용 절감에 대한 항소 비문은 "비명"을 표시합니다. 문자는 나머지 텍스트와 동일한 색상입니다.

버튼 호출은 할인 요소와 밀접한 관련이 있습니다. 제안이 표시되고 이 제안을 사용할 수 있는 옵션이 있는 버튼이 표시됩니다. 여기서 버튼은 논리적 포인트입니다.

통화버튼은 성격상 일반적입니다

주목: 일반적인 설명이 포함된 버튼 소프트웨어, 예를 들어 '업로드', '다운로드'는 방문 페이지에 적합하지 않습니다. 개발자가 누구인지, 프로그램을 소유한 사람이 누구인지에 대한 정보는 없습니다. 이로 인해 사용자의 불신과 거부가 발생합니다.

Internet Explorer를 예로 들어 일반 버튼의 예를 살펴보겠습니다.

버튼은 밝고 윤곽이 뚜렷하며 모양은 직사각형입니다. 색상은 브라우저 로고와 일치합니다.

버튼에 대한 설명이 없으며 일반적인 호출은 "다운로드"입니다. 그러나 브랜드가 잘 알려져 있기 때문에 여기에는 매우 적절합니다. 통화 색상은 버튼 색상과 대조되지만 페이지 텍스트와 결합됩니다.

주의: 프로그램 다운로드가 유료인 경우 버튼 옆에 사용 약관을 배치하는 것이 적절할 것입니다. Apple 브랜드가 어떻게 해냈는지.

버튼만 살펴봐도 제안된 서비스의 의미를 이미 이해할 수 있습니다.

버튼 크기가 상당히 크고, 색상 구성이 페이지의 나머지 부분과 다릅니다. 버튼의 색상은 녹색으로 신뢰와 차분함을 나타내는 색상입니다. 좋은 심리적 움직임.

행동 촉구는 매우 명확하며 경제적 이익은 즉시 눈에 띄게 나타납니다. 즉, "무료"입니다. 프로그램 언어가 즉시 표시됩니다.

페이지 상단에서 CTA 버튼 찾기

Google의 예를 살펴보겠습니다.

두 페이지의 통화 버튼은 매우 유사하며 이는 놀라운 일이 아닙니다. 두 버튼 모두 고전적인 특성(그림자, 볼륨)을 가지고 있습니다. 버튼은 텍스트가 추가된 동일한 색상 구성의 섬에 위치합니다.
Picasa에는 최신 버전을 다운로드할 수 있음을 나타내는 명확한 메시지가 버튼에 있습니다.

CTA 요소를 개선하는 방법

랜딩 페이지의 CTA 요소가 가장 중요하다는 것을 잊지 마세요. 최종 조치인 구매를 위해 사용자의 관심을 집중시키는 데 사용됩니다.

페이지에 텍스트와 그림이 너무 많으면 해당 페이지의 버튼이 사라집니다.

CTA 요소를 만들 때 다음과 같은 특정 규칙이 있습니다.

1. 버튼이라면 버튼처럼 보여야 합니다.

2. 색상은 밝지만 전체 구성과 일치해야 합니다.

3. 버튼의 크기는 작지 않아야 합니다.

4. 버튼을 가리키는 화살표와 같은 요소를 사용할 수 있지만 너무 휩쓸리지는 마세요.

5. 문자 호소는 신중해야 합니다.

6. CTA 요소에 대비를 사용하세요.

7. 페이지 텍스트의 글꼴과 CTA 요소의 텍스트 글꼴은 동일해야 합니다.

8. 전체 페이지의 색 구성표는 4색 이하를 포함해야 합니다.

9. 요소의 다양한 변형을 테스트하고 가장 좋은 것을 선택하십시오.

온라인 상점의 결제 버튼에 대한 "긴급" 질문에 대해 논의해 보겠습니다.

"구매"버튼에 무엇을 쓰는 것이 더 낫습니까?

많은 시간을 절약해 줄 조언은 귀찮게 하지 말라는 것입니다. 4~5년 전에는 이 버튼에 적힌 내용이 여전히 중요했지만 이제는 아무 것도 쓸 수 없으며 바구니가 있는 아이콘만 표시하면 충분합니다.

대부분의 사람들은 오랫동안 인터넷에 접속해 왔습니다. 그들은 "구매"가 그들에게 어떤 의무도 부과하지 않으며 "장바구니에 추가"가 쓰레기통과 관련이 없다는 것을 이해합니다. 그들은 "구매"를 클릭해도 카드에서 금액이 자동으로 인출되지 않으며 "장바구니에 추가"해도 제품이 영원히 사라지지 않는다는 것을 알고 있습니다. 따라서 시간을 낭비하고 궁금해 할 필요가 없습니다. 심지어 가장 정확한 대답이라도 매장의 어떤 것도 크게 개선하지 못할 것입니다.

하지만 얘기하고 싶다면 상식을 좀 끌어내고 논리를 풀어서 알아내도록 해보자.

클릭 후 제품이 장바구니에 추가되고 사용자가 즉시 주문 페이지로 이동하는 경우 구매 버튼의 제품 카드에 "구매"라는 텍스트를 쓰는 것이 논리적입니다. 즉, 온라인 상점에서 두 개 이상의 제품을 거의 구매하지 않는 경우입니다.

"구매" 버튼은 "장바구니에 담기" 버튼보다 전환율이 낮다는 의견이 있습니다. "구매"는 이미 결정된 사항이고 "장바구니에 담기"는 아직 결정권이 필요하지 않은 과정일 뿐이기 때문입니다. 지금. 논쟁의 여지가 없습니다. 아마도 그럴 것입니다. 하지만 무엇을 포함할지 결정해야 합니다. 이 경우변환. 장바구니에 제품을 추가하는 것이 원하는 전환이라면 버튼을 그런 식으로 호출해야 하지만 장바구니가 버려져도 놀라지 마세요. 완료된 주문을 전환으로 간주한다면 '구매'라고 쓰는 것을 두려워할 필요가 없습니다.

"장바구니에 추가" 버튼은 여러 제품을 처음 장바구니에 추가하고 주문할 때 여러 제품을 구매한다는 의미입니다.

간단히 "장바구니에 추가"라고 쓰고 "추가"라는 단어를 삭제하면 됩니다. 그러한 단순화에 반대하는 사람들도 있을 것입니다. 그들은 동사가 없으면 행동 촉구가 더 나쁘다고 말할 것입니다. 선택은 당신의 것입니다.

온라인 상점에 재고가 있고 주문한 제품이 모두 있는 경우 "주문" 버튼을 누르면 질문이 발생하지 않습니다. 그런 다음 "재고" 제품에는 "구매" 버튼을, 주문 전용 제품에는 "주문" 버튼을 누르세요.

이 버튼은 음식 주문 사이트에도 적합합니다. "피자를 주문하자"라고 말하는 것이 관례이기 때문에 해당 웹사이트에서는 "구매" 대신 "주문" 버튼을 사용하는 것이 가능합니다. 그러나 "구매" 및 "장바구니에 추가" 버튼도 마찬가지로 작동합니다.

구매 버튼에 무엇을 언제 쓸지 너무 걱정하지 마세요. 상담과 강좌를 더 잘 구매하기 위해 모든 사소한 것의 중요성을 부풀리는 전문가의 말을 듣지 마십시오.

온라인 상점에서 쇼핑하는 것이 위험해 보였던 시대는 오래 전에 지나갔습니다. 아마도 시베리아 숲 어딘가에 야생 사용자 부족이 있을 것이고 그들이 "장바구니에 추가"보다 "구매"를 클릭하는 것이 심리적으로 더 어려울 것입니다. 그러나 이것은 과학에 의해 입증되지 않았으며 인터넷에 설명된 고립된 사례입니다. 자신감을 불러일으키지 마십시오.

특정 이벤트에 따른 제품 카드 자동 최적화에 대한 기사를 읽어 보시기 바랍니다. 특히 이러한 이벤트에 따라 버튼의 텍스트를 변경하는 방법에 대해 설명합니다.

"장바구니에 추가", "장바구니에 추가", "장바구니에 보내기", 간단히 "장바구니에 추가", "구매", "주문" - 양 고추 냉이 1개(브라시카과의 식물).

이제 버튼 텍스트를 정렬했으므로 색상을 살펴보겠습니다.

이상적인 구매 버튼 색상

구글에 치시면 찾으실 수 있어요 결과 A-B저자는 녹색 버튼이 더 잘 작동하고 주황색 버튼도 좋고 빨간색 버튼이 나쁘다고 주장하는 테스트입니다. 좀 더 검색해 보면 반대되는 관점을 찾을 수 있습니다. 이러한 진술을 믿음으로 받아들이고 무심코 버튼을 다시 칠할 필요가 없습니다.

더 나아가 색상뿐만 아니라 버튼의 질감도 테스트해 볼 수 있습니다. 나무 모양의 단추는 반짝이는 플라스틱 단추보다 천연 제품을 더 잘 판매합니다. 잔혹한 금속 단추는 남성용 제품에 잘 어울리고, 부드러운 핑크색 단추는 귀여운 남자가 클릭할 확률이 5% 더 높습니다.

대상 고객과 관련하여 버튼 색상을 테스트하는 것은 버튼의 질감을 테스트하는 것과 같습니다.

많은 잠재 고객이 흰색 배경에 있는 파란색 "장바구니에 추가" 버튼을 눈치채지 못할 것이라고 생각하시나요? 그리고 녹색으로 하면 파란색 버튼으로 구매하지 않은 사람들 중 몇 명이 다음과 같이 생각할 것입니까?

"에 대한! 이 사람들은 녹색 버튼을 가지고 있어서 차분한 느낌이 듭니다. 녹색 색상은 그들에게서 구매해도 안전하다는 것을 말해줍니다.”

"구매" 버튼의 색상이 방문자의 구매를 막는 유일한 마지막 장벽이라고 진지하게 생각하시나요? 다른 중요한 문제를 먼저 해결한 다음 그런 사소한 문제로 넘어갑니다. 나는 상점에서 일할 때 잘못된 우선 순위에 대한 기사에서 이에 대해 썼습니다. 읽어보세요. 어쩌면 귀하의 경우일 수도 있습니다.

방문자가 구매할 의도로 온라인 상점을 방문하는 경우(새로운 장치에 대한 설명이나 비키니를 입은 멋진 소녀의 사진을 찾지 않고 제품에 따라 다름) 가격, 배송 시간, 매장에 만족할 것입니다. 그에게는 사기처럼 보이지 않을 것이며 관리자는 온라인에 접속하여 모든 질문에 정확하게 대답할 수 있을 것입니다. 그러면 고객은 버튼 색상에 관계없이 구매할 것입니다.

흰색 배경에 흰색 텍스트가 있는 흰색 버튼은 배경과 대조되는 색상의 버튼보다 성능이 더 나쁩니다. 점쟁이에게 가지 마세요(테스트하든 안 하든). :-)

진지하게, 빨간색 버튼 옆에 녹색 버튼이 있으면 빨간색 버튼의 작동이 더 나빠집니다. 이유는 굳이 설명할 필요가 없을 것 같아요.

두 개의 버튼이 나란히 있는 예. 빨간색과 녹색. 아무 생각 없이 어느 것을 클릭하시겠습니까?

예를 들어 하나의 버튼이 빨간색이고 그 옆에 있는 다른 버튼이 회색이고 버튼 이름이 회색으로 쓰여진 경우에도 마찬가지입니다. 회색 버튼은 "비활성화"처럼 표시됩니다. 즉, 비활성 상태이고 작동하지 않습니다. , 더 적은 사람들이 클릭할 것입니다.

회색 버튼의 예. 클릭해 보시겠어요?

그런데 회색 텍스트가 있는 회색 버튼은 온라인 상점에서 흔히 발생하는 문제입니다. 다행스럽게도 메인 "구매" 버튼은 일반적으로 이렇게 사용되지 않지만 보조 버튼("즐겨찾기에 추가", "빠른 주문", "비교")은 매우 일반적입니다. 디자이너는 악센트를 올바르게 배치하기 위해 아름답게 만들고자 노력하지만 OS 작업 시 모든 사람이 익숙한 표준을 잊어버립니다. 회색 텍스트가 있는 회색 버튼(체크박스 및 라디오 상자 포함)은 사용할 수 없는 요소입니다. 클릭하고 선택하세요.

일부 동물은 눈에 띄거나 잡아먹히는 것을 피하기 위해 죽은 척합니다. 마찬가지로, 회색 텍스트가 있는 회색 버튼은 아무도 클릭하지 않도록 비활성화된 것처럼 보입니다.

버튼을 클릭하려면 온라인 상점에서 이러한 버튼을 만들지 마십시오.

누구에게나 익숙한 OS의 접근 불가능한 버튼

"구매" 버튼이 충분히 크고 대비가 된다면 색상은 거의 중요하지 않습니다. 위에서 언급한 두 가지 예외가 있기 때문입니다. 확실히 더 많은 것을 인용할 수 있습니다.

그러므로 매장에서 실시할 때에는 A-B 테스트그들은 다른 결과를 얻습니다. 일부는 빨간색 버튼을 더 잘 누르는 반면 다른 일부는 녹색 버튼을 더 잘 누르는 등의 문제가 있습니다. 이는 판매되는 제품이나 청중에 관한 것이 아니라 매장 디자인과 버튼 주변의 맥락에 관한 것입니다.

언제 "원클릭 주문" 또는 "빠른 주문" 버튼이 필요합니까?

그런 버튼을 만드는 것이 가치가 있습니까? 버튼은 유용하고 해볼 만한 가치가 있습니다. 그러나 다른 많은 문제와 마찬가지로 여기에도 고유한 뉘앙스가 있습니다(뉘앙스에 대한 일화를 직접 찾아보세요).

주문에 제품이 두 개 이상 포함되지 않거나 제품 가격이 상당히 비싼 경우 원클릭 구매가 필요합니다.

그러나 일반적으로 주문에 하나 이상의 제품이 있는 경우 이 버튼을 생략할 수 있습니다. 디자인에서 강조하는 부분이 기본 기능보다 높을 경우 이 기능은 평균 확인 금액을 줄일 수 있으며(“한 번의 클릭으로 주문”은 항목을 장바구니로 보내는 것이 아니라 주문하는 것을 의미하므로) 작업을 복잡하게 만듭니다. 관리자 - 구매자의 세부 정보를 지정하기 위해 전화 통화에 더 많은 시간을 소비해야 합니다.

따라서 빠른 주문을 구현하고 불필요한 복잡함을 피하려면 기본 "장바구니에 추가" 버튼이 우선순위이고 "1로 주문"이 되는 방식으로 웹사이트 디자인에 강조점을 배치하는 것을 기억해야 합니다. 클릭”이 덜 눈에 띕니다.

"한 번의 클릭으로 주문" 버튼 작동 시 흔히 발생하는 실수는 이러한 버튼을 통해 접수된 주문이 장바구니를 통해 접수된 일반 주문 목록에 포함되지 않고 다른 목록이나 관리자의 이메일에 포함된다는 것입니다. 실제로 이 버튼은 "전화 받기"처럼 작동하는데 이는 잘못된 것입니다.

이러한 실수는 일반적으로 간단한 이유 때문에 발생합니다. 빠른 속도로 데이터가 충분하지 않기 때문입니다. 자동 생성본격적인 주문이므로 정보 블록에 넣거나 간단히 관리자에게 이메일로 전송됩니다. 모든 주문은 접수 방법에 관계없이 일반 목록에 추가되어야 합니다. 이는 작업을 단순화하고 매장의 비즈니스 프로세스에 불필요한 단계를 생성하지 않습니다.

또 다른 일반적인 문제— 사용자가 "빠른 주문" 버튼을 클릭할 때마다 이름과 전화번호를 입력하도록 합니다. 사용자가 인증을 받았거나 이미 이름과 전화번호를 입력한 경우 다시 입력하도록 강요하지 말고 자동으로 입력하세요. 구매자는 "주문하기" 버튼만 클릭하면 됩니다. 그런데 한 사용자의 "빠른 주문"이 하나로 병합될 수 있습니다. 이러한 접착을 구현하면 여러 제품을 구매하고 싶지만 어떤 이유로 장바구니가 아닌 "원 클릭으로 구매"버튼을 통해 주문하는 한 사용자의 주문 문제가 부분적으로 해결됩니다.

장바구니에 추가 버튼이 필요한 경우는 언제 제품 카드에만 필요한가요? 제품 목록에도 필요한 경우는 언제인가요?

이것은 "구매" 버튼에 대한 또 다른 인기 있는 질문입니다. 이는 "빠른 주문" 버튼의 경우와 거의 동일합니다. 매장에서 판매하는 제품에 따라 다릅니다. 구매하기 전에 제품 목록에 표시할 수 없는 제품에 대한 여러 매개변수(크기, 색상, 무게 등)를 선택해야 하는 경우 "장바구니에 추가" 버튼이 제품 목록에 추가되지 않습니다.

동의합니다. "장바구니에 추가" 버튼이 옷가게에 있으면 이상하게 보일 것입니다. 하지만 옷의 크기와 색상을 선택할 수는 없습니다. 그리고 가능하더라도 선택에 중요한 정보인 유럽 사이즈와 러시아 사이즈 등의 대응표를 즉시 볼 수 있는 기회가 있을까요?

예를 들어 상점에서 가정용 화학 제품을 판매하는 경우는 또 다른 문제입니다. 이러한 제품은 정기적으로 구매되며 종종 구매자가 특성을 이미 알고 있으므로 선택하는 것이 아니라 필요한 것을 찾으려면 장바구니에 추가하고 신속하게 주문하십시오. 사이트가 이러한 쇼핑 계획을 암시하는 경우 제품 목록에 "장바구니에 추가" 버튼을 제공하는 것이 매우 바람직합니다. 물론 이 경우 "장바구니에 추가" 버튼 위에 있는 동일한 목록에 원하는 제품 매개변수를 선택할 수 있는 기회를 제공해야 합니다. 가정용 화학물질의 경우 무게, 조각, 냄새 등이 이에 포함될 수 있습니다.

장바구니의 "결제" 버튼

온라인 상점의 주요 버튼에 대해 이야기하기 시작했으니 이제 장바구니를 살펴보겠습니다.

온라인 상점에는 바구니가 두 개 있는 경우가 많습니다. 일반적으로 오른쪽 상단에 있는 작은 바구니는 장바구니가 가득 찼음을 알리는 역할과 주문이 이루어지는 메인 바구니를 알려주는 역할을 합니다.

따라서 작은 카트에서는 큰 카트로 이동하는 버튼을 제품 카드의 버튼과 동일하게 호출하지 않는 것이 바람직합니다. 이로 인해 사소하지만 불필요한 혼란이 발생할 수 있습니다. 즉, 제품 카드의 버튼이 '장바구니에 추가'라고 되어 있으면 작은 장바구니에서는 버튼을 동일하게 불러서는 안 됩니다.

기능이 다른 버튼을 동일하다고 부르는데 이는 잘못된 것입니다.

큰 바구니에는 모든 것이 간단합니다. 단계별 프로세스가 있는 경우(즉, 주문이 여러 개의 작은 단계로 나누어진 경우, 다음 단계로 이동하기 위한 버튼의 표시는 다음에 일어날 일을 알려줄 것입니다.) 예를 들어 카트는 5단계로 나뉩니다.

그런 단계별 바구니현대 상점에서는 드물지만 여전히 발견되고 작동하며 아주 잘 작동합니다.

요즘 장바구니는 일반적으로 장바구니에 있는 항목 목록과 주문 필드가 모두 포함된 단 하나의 페이지로 구성됩니다. 예를 들어, 이것이 바로 1C-Bitrix의 상점 표준 구현에서 수행되는 작업입니다.

여기서의 규칙은 위의 예와 동일합니다. 버튼의 라벨은 버튼을 눌렀을 때 수행될 작업을 나타내야 합니다. 갑자기 각 버튼이 "다음"이라고 불리는 경우, 그 아래에 이 버튼이 어디로 연결되는지 힌트가 있어야 합니다.

상점에 한 페이지짜리 장바구니가 있는 경우 그 안에 있는 버튼은 "주문 제출"(중간 감사 페이지가 있는 경우) 또는 감사 페이지가 없는 경우 "결제 진행"이라고 해야 합니다.

드라마 버튼 추가

물론 바얀이지만, 아직 보지 못했다면 재미있을 것입니다.

버튼 디자인을 둘러싸고 많은 논란과 연구가 진행되고 있습니다. 그러나 다른 웹사이트를 방문할 때 우리는 때때로 마케팅이 디자인과 별개로 작동하고 클릭 유도 문구가 완전히 반대되는 기능을 수행한다는 인상을 받습니다. 마치 방문객에게 “하지 마세요!”라고 소리치는 것 같습니다. 성공적인 CTA의 비결(아마도 결국 제품의 필요성)이 무엇인지 아는 사람은 아무도 없습니다. 하지만 우리는 이 문제를 조사하는 데 많은 시간을 보냈고 성공적인 행동 촉구가 포함된 흥미로운 사이트를 찾았습니다.

메일침프

사이트에는 많은 버튼이 있지만 아마도 이메일 회사를 생성하기 위한 "출시 준비" 창이 가장 인상적일 것입니다. 유머를 바탕으로 제작 과정을 보여주며 독특함으로 눈길을 사로잡습니다.

텍스트가 없더라도 빨간색 버튼 위에 있는 애니메이션 침팬지의 손을 통해 방문자가 무엇을 해야 하는지 알려줍니다.

관리WP

CTA 버튼이 전체 볼륨을 채웁니다. 홈페이지. 제목과 간단한 설명 텍스트는 서비스가 수행하는 작업을 정확하게 알려줍니다. 주소 요청은 입력 후 서비스 사용을 시작하도록 눈에 띄지 않게 제안합니다. 시각적인 요소는 흥미롭고 콘텐츠는 원하는 작업으로 교묘하게 축소되었습니다.

블루 에이프런

홈페이지는 말 그대로 CTA의 연속입니다. 이 섹션은 방문자에게 읽기 쉬운 형식으로 정보를 전달합니다. 작은 무료 배송 아이콘도 좋은 터치입니다. 그들은 신선한 농산물 배경을 완벽하게 사용하여 포인트를 주었습니다. 그를 보면 배가 고프기 시작합니다.

스포티파이

Blue Apron과 마찬가지로 Spotify는 CTA에서 주요 판매 포인트를 보여줍니다. 그러나 방문자가 더 쉽고 접근하기 쉽게 만듭니다. 슬라이더 하이라이트 중요한 정보스트리밍 음악 서비스에 대해 설명하지만 주로 더 많은 정보를 보려면 클릭을 권장합니다. 자세한 정보. 압도하려고 하지 않고 가입이나 정보 얻기를 더 쉽게 만듭니다.

질로우

Zillow는 부동산 검색 사이트입니다. 그리고 처음부터 방문자는 원하는 조치를 취할 수 있는 CTA 영역을 찾을 수 있습니다. 모든 것이 검색할 필요가 없는 위치에 있습니다. 단순함과 미니멀리즘.

비앤오플레이

컬렉션을 보거나 헤드폰 구매 프로세스를 시작할 수 있는 초대장과 함께 아름다운 산업 디자인이 많이 포함되어 있습니다. 불필요한 정보가 없고 효과적인 디자인이 액션을 매력적으로 만듭니다.

머시 군단

어려운 삶의 상황에 대처할 때 낭비할 시간이 없습니다. Mercy Corps는 긴박감을 조성합니다. 대담하고 진지한 헤드라인과 함께 사진을 통해 방문객들은 상황의 심각성을 이해할 수 있습니다. 그들은 불행으로 인해 영향을 받는 사람들을 볼 수 있도록 돕고 조치를 취할 수 있는 방법을 제공합니다.

둥지

온도 조절 장치로 유명한 회사 NEST의 홈페이지는 에너지 절약 제품을 기념하기 위해 '지구의 날'을 발표했습니다. 반짝이는 별들 속에 배경제품 사진과 함께 정말 큰 영향을 미칩니다(우주에 떠 있는 행성의 느낌을 줍니다). 동시에 페이지는 불필요한 요소로 어수선해지지 않고 공간을 창출합니다.

스카겐

미니멀한 시계와 기타 패션 액세서리를 판매하는 덴마크 회사입니다. CTA는 탁월한 색상 사용과 브랜드 단순성을 보여줍니다. 그들은 다음과 같이 말하는 것 같습니다. 독특한 제품이 있으면 그 자체로 말하게 하십시오.

파타고니아

스포츠, 아웃도어 의류 전문회사입니다. 제품과 원인을 연결하는 홈페이지 슬라이더는 환경 친화적인 영화를 홍보하는 아름답게 렌더링된 이미지입니다. 이미지가 크고 선명합니다. 그들은 화면에 약간의 황무지를 가져오려고 노력합니다. 이는 타겟 청중의 관점에서 볼 때 정확합니다.

행동 촉구

좋은 CTA는 청중과 사용자 경험의 원하는 결과를 정의해야 합니다. 색상과 이미지는 브랜드를 반영하고 메시지 전달에 도움이 되어야 합니다. 텍스트는 짧고 정확해야 합니다.

행동 유도 문구는 우선 사용자를 올바른 방향으로 안내하는 데 큰 역할을 합니다. 간단한 방법으로. 이 모든 예는 일을 복잡하게 만들려고 노력할 필요가 없음을 보여줍니다. 간단하지만 명확한 말은 사람들이 행동하도록 설득하기에 충분합니다.

speckyboy.com의 자료를 기반으로 합니다.

______________________________________________________________________

해당 자료는 콘텐츠 마케팅 대행사 Textoteka에서 제작했습니다.

콘텐츠 마케팅을 귀하의 비즈니스에 직접 구현하고 싶습니까? 우리 커뮤니티를 구독하세요