(1 부) 랜딩 페이지 전환율을 향상을 위한 웹사이트 사용자 경험 디자인: 7 설계 기법

중간 거래 SEO 진단 Taobao 게스트 클라우드 호스트 기술 홀

최적의 방문 페이지를 설계 하는 것은 매우 쉬운 업무가 아니다. 괜찮은 전환율을 얻을 하려는 경우는 더욱 복잡 하 게 했다. 그러나, 얼마나 당신이 코어로 변형 하는 디자인 아이디어에 대해 아십니까?

코어 변환 디자인 (CCD), 단일 비즈니스 목표를 달성 하도록 특별히 설계 된 학문입니다. 그 의도 설득력 있는 설계 및 가이드 방문자 특정 행동을 통해 심리적 인센티브를 사용 하 여 전환율을 증가 하는.

방문 페이지에는 CCD 디자인의 핵심입니다. 방문 페이지의 디자인 요소는 이메일의 설계와 일치 이며 그 목적은 페이지에 방문자를 대상 경로 전체 변환 경로 끝에 효과적으로 변환할 수 있도록. 방문 페이지에 우리는 방문자의 브라우징 데이터를 수집 하거나 다음 페이지를 도달 하기 전에 귀하의 제품 및 서비스에 대 한 정보를 얻을 수 있습니다.

그래서 어떻게 당신은 변환 하려는 목표를 달성 하기 위해 방문자를 설득 디자인? 상호 작용을 기대 하는 지역에 방문자의 관심을 그릴 수 있는 많은 디자인 요소 그리고 심리적 유도 참여의 감각 또한 영감을 수 있는. 방문 페이지 디자인 진짜 변화를 달성할 수 있도록 이러한 두 가지 유형의 디자인 요소에 좀 더 가까이 보자.

1) 초점

방문자의 관심을 끌기 위해 더 일반적인 방법은 터널 시각 효과를 만듭니다. 설정-전화-투-액션 같은 관점에서 방문 페이지에 고려할 수 있습니다. 예를 들어이 그림의 왼쪽에는 아치의 건축 기능 시야에 나머지에서 방문자를 막을 수 있습니다 하지만 중간에 잠겨 있습니다. 오른쪽에 그림 터널의 끝에 당신의 관심을 몰고 있다.

2) 대조 색상

간단한 아이디어는 대조 되는 색상을 사용 하 여, 전체 스펙트럼의 색상 적용, 이지만 간단한 흑백입니다.

당신의 전화-투-액션 주변 지역에서 밖으로 서 고 자리를 쉽게 확인 합니다. 흰색 바탕에 검은색 또는 회색 텍스트를 설정할 경우 검정색이 나 흰색 전화-투-액션을 사용 하 여 대비를 보여 그래서 더 다채로운 요소 전화-투-액션을 강조 하기 위해 필요 합니다. 그러나, 당신이 없다면 많은 세부 사항 또는 매우 간결한 디자인 뿐만 아니라 텍스트, 큰 검정 또는 흰색 버튼 띄는 것 표시 됩니다.

색상은 방문자에 대 한 감정적인 응답을 만드는 데 사용할 수 있습니다. 오렌지, 예를 들어 긍정적인 분위기와 오렌지를 사용 하 여 전화-투-액션은 좋은 선택으로 이어질 수 있습니다. 많은 사람들을가지고 심리적 신호 색깔의 다음과 같은 분석:

또 다른 중요 한 요인은 색상 대비 효과 이다. 이 메서드는 빈 영역 및 대비 사용 하 여 차이 보여. 일부 사람들은 전화-투-액션의 색깔은, 하지만 실제로 그것은 색상을 대조의 환상. 예를 들어 일반적으로, 빨간색 전화-투-액션은 파란색 전화-투-액션에 손실 될 수 있습니다 하지만 당신의 배경에 파란색 이면 빨간 버튼 파란색 보다 더 매력적인 되어야 합니다.

왼쪽된 그림에 색상 대비는 그래서 어렵다 하지, 그것에 매료 되 고 주변 지역 보이는 낮은 극단적인 아래의 두 그림을 봐 보자. 오른쪽에, 전체 방문 페이지 전화-투-액션을 제외한 다양 한 음영 단일 색상을 사용합니다.

주의 사항: 전체 페이지 변환 목표에 의해 인도 된다!

3 비주얼 가이드

시각적 지도 방문 페이지의 주요 지역에 방문자의 비전을 지시 하는 표시기입니다. 이 기대, 그리고 곧 방문 페이지에 도달 하면 귀하의 목표를 달성할 수 있을 것입니다 지역에 방문자의 시선을 직접 도와줄 것입니다. 이러한 유형의 시각적 지도 방향 화살표도 경로, 그리고 시각적 효과 포함합니다.

방향 화살표

때문에 직관적이 고 날카로운 시각적 지도 대 한 방향 화살표를 사용 하 여의 효과 분명. 원하는 영역에 시각적으로 초점 방문자 수 시간의 짧은 기간에 대 한 방문 페이지에 방문자를 가이드 하는 매우 성공적인 방법입니다. 이 화살표는 실제로 다른 것에 대 한 관심, 그냥 나가 가리키는 영역에 당신의 주의 돌리고 필요가 없습니다 방문자를 말하고!

화살표와 함께 아주 멋진 디자인 케이스, 남자 화살표를 귀하의 관심을 감독 하는 그의 눈으로 다시 화살표 기호를 가진 사람에 게 지적, 결국 당신의 시선을 쉽게 기호에 기록 된 찾을 수 있습니다 유치 것 이다 화살표 기호에 남아 있을 것입니다.

고속도로

고속도로 사용 하 여 생각 하 고 무슨 모양을 실제도로 명시 되는에 우리의 뇌를 직접 것입니다. 이 예제에서는 사용 하 여 긴도 그림 위의 절벽의 상단에 당신의 광경. 우리의 잠재 의식에도 분명, 무방비 경로 안내 방법입니다, 그래서 우리는 자연스럽 게이 지도 받을.

Landingpage 방문 페이지 디자인 팁:

전화-투-행동에 관심을 끌기 위해 트렌드 지향 선 디자인, 삼각형은 가장 역동적인 형태, 그들의 자연적인 지도 속성 그들 특별 한 디자인 도구를 만들고, 마찬가지로, 화살표는 더 자연 스러운 경로 지도 디자인.

신호를 눈.

인간으로 서, 우리가 자연스럽 게 이해 의도 및 비전를 사용 하 여 여부를 인간이 나 동물의 눈에서 온다. 다음과 같은 경우에 살펴 봅시다:

바나나의 손에 조용히 원숭이의 첫 번째 전설, 다음 호기심 강제로 원숭이 눈을 보고 찾을 수 있습니다. 두 번째 사진: 당신은 되지 않습니다 코요테 처럼 제어할 수 없습니다.

이동 하는 눈과 머리는 함께 이동 합니다. 두 번째 그림에서 당신은 뿐만 아니라 잔디에 뭔지 궁금 하지만 또한 본능적으로 늑대의 시선 위치를 보면. 그래서,이 위치를 변환 하려는 목표를 설정 하는 경우 도착 방문자 또한 초점 여기.

세 번째 그림에서 비주얼 가이드 디자인 접근은 놀라운, 우선, 오른쪽 아래 모서리에 엘크 어디 테마 또는 독특한 마케팅 전략, 디자인 하 고 다음 따라 물 위로 비행 하는 철새에 초점 엘크의 시선, 시선, 드라이브 당신의 전화-투-액션 여기를 설정.

아기와 매력적인 사람들

그림 사이 연결을 만들기 때문에 패턴 디자인에서 매우 중요 한 요소 이기도 합니다. 아기와 사람들 영향력 있는 것으로 알려져 있습니다 몇 가지 자극 이미지의 사용을 고려할 때 가장 효과적입니다. 2, 중 가장 설득력 있는 아기의 패턴입니다. 연구는 우리 모두는 아기의 얼굴에 전화-투-액션 설정 보여줍니다.

방문 페이지의 인간 요소 디자인에 매력적인 여자는 매우 설득력을 입증 해야 합니다. 다음 그림에서는 강력한 감각 상호 운용성의 효과 여 주인공을 주목. 이 눈 접촉은 매우 좋은 비주얼 가이드, 페이지에 방문자의 체류 연장 하 고 더 많은 시간을 알고 귀하의 콘텐츠를 방문자 제공 하는 좋은 방법 이다.

방문 페이지의 디자인에서 디자인 요소, 뿐만 아니라 심리적 고려 사항 또한 전환율을 향상에 예기치 않은 영향에 대해가지고 것입니다, 기대 하시기 바랍니다: 7 페이지 디자인 팁 "다음" 전환율을 향상을 위한 방문!

참조 기사: HubSpot

출처: 우수한 네트워크 http://www.uisdc.com/call-to-action-landing-page-design