색상은 우리가 세상을 경험하는 방식의 필수적인 부분입니다. 그러나 색상 이 전환 최적화에 정말 중요합니까? 버튼 색상이 클릭 유도문안(CTA)에 대해 더 나은 성능을 보장할 수 있습니까?
어떤 단일 색상도 다른 색상보다 낫지 않습니다.궁극적으로 중요한 것은 버튼 색상이 주변 영역과 얼마나 대비되는지입니다.
이 게시물은 웹사이트 CTA와 버튼 색상에 있어 정말 중요한 것이 무엇인지 설명합니다. 당신이 읽은 "확실한" 연구는 결정적이지 않으며, 테스트에 대한 피상적인 접근 방식(즉, 임의의 버튼 색상 시도)은 엄격한 실험 프로그램을 구축하는 데 도움이 되지 않습니다.
전환 최적화 과정
By Peep Laja
설문조사 질문은 전환 최적화 파이의 일부일 뿐입니다. 이 무료 과정에서 모든 전환 연구를 최적화하는 방법에 대해 자세히 알아보세요.
색상의 심리적 연관성
다른 색상은 우리를 높이거나 낮출 수 있습니다. 색상에는 심리적인 측면도 있습니다. 특정 색상은 다양한 특성과 감정과 관련이 있습니다.
다른 문화에서 다른 색상은 모순되는 것을 의미합니다. 예를 들어 흰색은 중국 문화에서 애도와 죽음의 색이지만 브라질에서는 죽음의 색이 보라색입니다. 노란색은 힌두교에서 행복과 평화를 상징하지만 그리스에서는 슬픔, 프랑스에서는 질투를 상징합니다.
열대 국가의 사람들은 따뜻한 색에 호의적으로 반응합니다. 북부 기후의 사람들은 더 시원한 색상을 선호합니다.
또한 북미 문화에서 파란색은 신뢰감을 주기도 하지만 식욕을 돋우기도 한다고 합니다. 녹색은 자연, 신선함, 성장 및 돈을 의미합니다. 노란색은 햇빛과 행복을 가져다줍니다.
이러한 해석에는 약간의 진실이 있지만, 이러한 추정된 연관성을 전환 상승도로 번역할 수 있습니까?
색상 사용 실험
빨간색은 당신을 승자로 만들 수 있습니다 ...
거의 보편적으로 빨간색은 중지를 의미합니다. 빨간색은 위험을 의미합니다. 빨간색은 뜨겁다는 뜻입니다. 그리고 2004년 올림픽의 결과를 분석하여 연구자들은 빨간색이 우세함을 의미하기도 함을 발견했습니다.
복싱, 태권도, 그레코로만식 레슬링, 자유형 레슬링, 기본적으로 모든 일대일 스포츠를 조사했습니다. 이러한 스포츠에서 경쟁자는 무작위로 빨간색 또는 파란색 의상을 할당받으므로 리깅이 불가능합니다.
빨간색 의상을 입은 선수는 색상이 무작위로 할당된 경우에도 올림픽에서 (약간) 더 나은 성적을 내는 경향이 있습니다. (이미지 크레디트 )
21 라운드 중 16 라운드에서 빨간 옷을 입은 사람들이 이겼습니다. 2004년 유럽 축구 선수권 대회에서도 비슷한 경향이 나타났습니다. 연구자들은 그 효과가 기껏해야 미묘하다는 점을 주의 깊게 지적합니다. 그리고 그 빨간색은 동등하게 일치하는 경쟁자 사이에서만 결정적인 요소가 될 수 있지만 여전히 존재합니다.
더럼 대학의 연구원인 Russell Hill과 Robert Barton은 "빨간색 옷을 입는 것이 더 높은 승률과 지속적으로 관련되어 있음을 발견했습니다."라고 말했습니다.
...또는 패자
로체스터 대학의 연구원들은 빨간색이 우리가 테스트에서 최선을 다하지 못하게 할 수도 있다는 것을 발견했습니다. 그들의 실험에서 그들은 빨간색에 대한 인식이 IQ 테스트 또는 주요 학업 시험의 결과에 영향을 미치는지 알아보기를 원했습니다. 학문적 맥락에서 빨간색은 전통적으로 마킹 오류와 관련이 있습니다.
4번의 실험에서 색상에 대한 짧은 인식이 결과에 부정적인 영향을 미치는 것으로 나타났습니다. ""그것은 그들의 지식없이 악화 할 백성을 인도, "엘리엇, 저자 중 하나가 말했다.
연구 결과에 따르면 "성취 맥락에서 빨간색이 사용되는 방식에 주의를 기울여야 하며, 색상이 행동에 중요한 영향을 미치는 미묘한 환경 신호로 어떻게 작용할 수 있는지를 보여줍니다."
핫초코의 색과 맛
핫초코가 이렇게 맛있는 이유가 뭘까요? 그것은 당신이 그것을 마시는 용기의 색일 수 있습니다. (이미지 크레디트)
음식과 음료가 제공되는 용기 의 색상이 인지된 맛에 기여한다는 것이 밝혀졌습니다. 연구원 Betina Piqueras-Fiszman은 적어도 핫 초콜릿을 마시는 경우에는 사실이라고 설명합니다.
Piqueras-Fiszman과 그녀의 연구 파트너는 57명의 참가자에게 흰색, 크림색, 주황색 및 빨간색의 4가지 색상 용기에 담긴 핫 초콜릿 샘플을 제공했습니다. 모두 같은 크기였으며 내부는 모두 흰색이었습니다.
참가자들은 오렌지색과 크림색 컵에 담긴 핫초코의 맛을 더 좋게 평가했습니다. 그러나 단맛과 향은 색상에 상관없이 유사한 것으로 판단되었다.
Piqueras-Fiszman은 "특정 색상이나 그늘의 컵에서 풍미와 향이 강화된다는 고정된 규칙은 없습니다. “실제로는 음식의 종류에 따라 차이가 있지만, 실제로는 이런 효과가 발생하면서 생각보다 더 큰 잠재력을 지닌 용기의 색상에 더 신경을 써야 하는 것이 사실입니다.”
색상이 운동 능력, 학업 성취도, 미각 인식에 영향을 줄 수 있다면 클릭 결정에도 영향을 미칠 수 있습니까?
CTA 버튼에 가장 적합한 색상은 무엇입니까?
빨간색은 스포츠에서 이길 확률을 높일 수 있습니다. 다음 핫초코는 오렌지 컵에서 더 맛있을 수 있습니다. 그러나 이것이 웹에서의 전환과 어떤 관련이 있습니까? 빨간색이 CTA 버튼에 이점을 제공합니까?
녹색 대 빨간색: 클릭 유도문안 버튼 전쟁
수년 동안 CTA 버튼에 가장 적합한 색상 변환에 대한 논란이 있었습니다. Unbounce는 CTA 버튼의 미래가 "BOB"(Big Orange Buttons)라고 선언했습니다.
주황색 또는 대부분 빨간색 버튼이 종종 녹색인 다른 색상에 대해 테스트된 흥미로운 A/B 테스트 사례 연구도 많이 있습니다.
생각해보면 녹색은 대부분 긍정적인 감정과 관련이 있습니다. 신호등이 녹색으로 바뀌면 운전할 수 있다는 의미입니다. 빨간색과 반대로. 색상은 주로 부정적인 감정과 관련이 있습니다.
그래서 어떻게 생각하세요?어떤 버튼 색상이 이겼나요? 다음은 사례 연구에서 말한 내용입니다.
사례 연구 1
Dmix는 녹색 및 빨간색 버튼 색상 테스트에 대해 썼습니다. 600명의 피험자를 대상으로 한 테스트 에서 빨간색 버튼을 사용하면 전환율이 34% 증가 한다는 사실을 발견했습니다 .
사례 연구 2
이미지 크레딧
다음 테스트는 HubSpot에서 제공합니다. 그들은 클라이언트 사이트에서 녹색 및 빨간색 버튼으로 유사한 테스트를 실행했습니다. 그들은 며칠 동안 테스트를 실행했고 총 2,000번 이상의 방문을 받았습니다.
그들의 결과는? 빨간색 버튼은 녹색 버튼보다 21% 더 높은 성과를 보였습니다.
사례 연구 3
(이미지 크레디트)
세 번째 테스트는 VWO에서 제공합니다. 그들의 클라이언트는 휴대폰과 액세서리를 판매하는 전자상거래 사이트였습니다. 그들은 사이트에서 "지금 구매" 버튼 색상을 테스트했습니다. 대회에는 녹색 텍스트가 있는 흰색 버튼, 흰색 텍스트가 있는 녹색 버튼, 흰색 텍스트가 있는 빨간색(진한 주황색) 버튼이 포함되었습니다.
그리고 승자는 — 짐작하셨겠지만 — 이번에는 전환 상승도가 5%인 빨간색 버튼 이었습니다.
사례 연구 4
이미지 크레딧
이 연구에서는 빨간색 버튼과 녹색 버튼을 비교하는 대신 주황색 버튼과 파란색 버튼을 비교했습니다. 테스트에서 파란색 버튼이 이겼고 9%의 상승도를 보였습니다.
파란색 버튼에 대한 "화난"에도 불구하고 빨간색 또는 붉은색 버튼이 지배적이었고 다른 연구에서도 이러한 경향을 지지했습니다.
그러나 Peep은 이 게시물에서 웹 디자인의 색상에 대해 다음과 같이 쓰지 않았습니다.
나는 Naomi Niles의 이 트윗을 좋아했습니다.
나는 더 동의할 수 없었다.이런 종류의 내러티브는 사람들에게 테스트가 무엇인지에 대한 잘못된 아이디어를 제공합니다.네, 그렇습니다. 때때로 색상이 결과에 영향을 미치며 특히 시각적 계층 구조에 영향을 미치고 클릭 유도문안을 더욱 돋보이게 하는 등의 효과가 있습니다.그러나 "녹색 대 주황색"은 A/B 테스트의 본질이 아닙니다.대상 고객을 이해하는 것입니다.조사와 분석을 하는 것은 지루할 수 있고 확실히 힘든 일이지만 해야 할 일입니다.
전환율을 높이려면 전환 조사를 수행해야 합니다.무거운 것을 들어야 합니다.
전환의 심각한 이득은 심리적 속임수에서 오는 것이 아니라 고객이 진정으로 필요로 하는 것, 공감하는 언어 및 구매 방법을 분석하는 데서 비롯됩니다.이는 전체 제안의 관련성과 인지된 가치에 관한 것입니다.
버튼 색상 사례 연구에 회의적이어야 하는 이유
이것이 훨씬 더 이해가 되는 데 도움이 될 마지막 예를 하나 살펴보겠습니다. RIPT Apparel은 "지금 구매" 버튼의 색상을 테스트하여 수익에 어떤 변화가 있는지 확인했습니다.
이것은 원래 버전입니다:
이미지 크레딧
그리고 이것은 새로운 버튼이었습니다:
이미지 크레딧
당연히 전환 수가 증가했습니다. 이전 사례를 살펴보면 버튼을 빨간색으로 변경하면 더 잘 변환될 수 있다고 말할 수 있습니다. 글쎄요.
원작을 다시 한 번 보세요. 있어야 하지만 없는 것이 보입니까? 원본에 버튼이 없습니다! "지금 구매" CTA는 디자인에서 길을 잃습니다. 녹색, 빨간색, 노란색 또는 여러 색상에 관계없이 새 버튼을 명확하게 볼 수 있습니다.
불행히도 이것이 버튼 색상에 대한 큰 논쟁이 시작된 방법입니다. 한 가지 색상이 항상 최상의 색상으로 전환된다는 놀라운 결과를 볼 수 있습니다. 즉, 자세히 볼 때까지.
종종 이러한 테스트를 통해 이전에는 버튼이 없었거나 버튼이 훨씬 더 눈에 띄는 것으로 나타났습니다. 그것은 페이지의 나머지 부분에서 눈에 띄고 단색이 아닌 고대비 색상이기 때문에 더 잘 변환됩니다.
파란색 대 주황색 버튼 테스트를 실행한 Monetate는 다음과 같이 말했습니다.
그러나 결과를 자세히 살펴보면 주황색 버튼이 거의 항상 버튼이 없는 컨트롤에 대해 테스트되었음을 알 수 있습니다. 이와 같은 경우 주황색 버튼이 차이를 만든다는 것은 놀라운 일이 아닙니다. 물론 그들은 ... 버튼이 전혀 없는 것과 비교할 때 ...! 색상에 관계없이 거의 모든 버튼이 차이를 만듭니다.
RIPT Apparel의 경우 노란색 버튼으로 하나의 최종 버전을 테스트했습니다.
이미지 크레딧
전환율은 6.3% 더 증가했습니다. 그래서 노란색이 녹색을 이긴다? 아니, 아니.
CTA 버튼 색상 자체는 거의 차이가 없습니다.
버튼의 색상 자체에는 거의 영향이 없습니다.더 중요한 것은 페이지의 시각적 계층 구조를 변경하는 방법과 클릭 유도문안을 눈에 띄게 만드는 방법입니다.
그것은 또한 우리가 무엇을 보느냐에 달려 있습니다. Bing은 링크의 정확한 파란색을 찾아 수익을 8천만 달러 늘렸습니다. 사람들은 파란색 링크를 보는 데 익숙합니다. World Wide Web이 처음 등장했을 때 파란색은 링크의 색이었습니다. (이 작업을 수행하는 Microsoft 엔지니어도 "...Google에서 사용하는 것과 매우 유사한 파란색 음영"이라고 인정했습니다.)
변환에 가장 적합한 색상은 없습니다. 노란색 버튼의 경우에도 긴급성을 추가했으며("24시간 동안만 10달러"), 이는 전환을 높이는 데 몇 번이고 입증되었습니다. 빙앤블루의 경우 행동하는 관습의 힘이었다.
HubSpot으로 돌아가기
HubSpot의 예에서도 마찬가지입니다. 다시 한 번 살펴보세요.
이미지 크레딧
빨간 버튼이 더 나은 선택이 되는 데 기여할 수 있는 것이 있습니까? 페이지의 전반적인 디자인에 뭔가가 있습니까?
녹색은 사이트의 주요 색상 중 하나입니다! 믹스에 녹색 버튼을 추가하면 어떻게 될까요? 눈에 띄지 않을 것입니다. 그들은 거의 모든 다른 밝은 색상에 대해 녹색을 테스트할 수 있었고 동일한 "놀라운" 결과를 보았을 것입니다.
HubSpot의 신용으로, 그들은 사례 연구에서 "이 결과를 모든 상황에 일반화할 수는 없습니다"라고 말합니다. 그러나 여전히 지배적 인 녹색 디자인이있는 페이지의 녹색 버튼이 있습니까? 정말?
결론
클릭 유도문안에서는 색상이 중요합니다. 그러나 한 색상이 다른 색상보다 더 잘 변환된다는 말은 통하지 않습니다. 보편적인 최고의 색상은 없습니다. 한 사이트에서 작동하는 것이 다른 사이트에서도 반드시 작동하는 것은 아닙니다.
시각적 계층 구조가 중요합니다. CTA 버튼을 고대비 색상으로 눈에 띄게 만드는 것도 마찬가지입니다. "녹색 대 빨강" 논쟁은 색상 자체에 관한 것이 아니라 색상이 버튼을 돋보이게 하는 데 도움이 되는지 여부에 관한 것입니다.
