Illusive Click : 행동에 영향을 미치는 디자인 구조화

/2018-04-22 11:58:13/
Winsley
/제도법/

딸깍 하는 소리. 그 소리는 당신이 일을 끝냈다는 것을 의미합니다. 사용자가 페이지를보고 원하는 작업을 수행했습니다.

이것이 어떻게 달성됩니까? 디자인을 구성 할 때이 목표에 대해 더 많이 생각해야합니까? 피하는 데 어떤 실수를 조심해야합니까? 알아 보려면 계속 읽으십시오.

디자인 리소스 살펴보기

끝과 의미

클릭 수를 올리면 웹 디자인에 더 높은 목표가 있습니까? 너무 간단 해 보입니까? "이봐 사용자, 여기를 클릭하십시오!" 그러나 실제로는 단일 동작 지점이 전체 디자인의 목적으로 사용될 수 있습니다. 몇 주 동안 노력한 것은 버튼을 한 번 누르는 것입니다. 사용자를 설득하거나 따라 움직입니다.

"클릭은 전 세계 수많은 개인에게 급여를 의미합니다"

클릭 수 증가에 많은 시간과 노력과 생각이 투입됩니다. 그것은 심리학 게임입니다. 다른 사람의 생각에 영향을 미쳐 실제로 원하는 방식으로 수행하도록 노력하고 있습니다. 또한 "색상, 모양, 레이아웃 및 메시지가 클릭 동작에 더 도움이됩니까?"라는 심오한 디자인 퍼즐이기도합니다. A / B 테스트가 실행되고 연구가 수행되며 수천 달러가 소비됩니다. 모두 원하는 곳에 작은 커서를 가져 오는 최종 목표입니다.

클릭이란 고객, 연락처, 영업 리드, 이메일 등록, 스폰서 만족도, 증가 된 페이지 조회수를 의미합니다. 클릭이란 전 세계 수많은 개인에게 급여를 의미합니다.

웹 디자이너로서 클릭은 종종 당신을 정당화하는 수단입니다. 경력에서 매우 중요한 부분 중 하나는 디지털 행동의 성배를 얻는 법을 배우는 것입니다. 그것을 수행하는 방법에 대한 몇 가지 전략을 논의 해 봅시다.

바 캠프

나는 항상 모범으로 가르치기를 선호하므로 지식을 어떻게 적용 할 수 있는지에 대한 실제 그림을 얻을 수 있습니다. 첫 번째 예는 Barcamp Omaha를 위해 화려하게 디자인 된 페이지에서 비롯된 것입니다.

클릭 발생에 대해 이야기 할 때 가장 큰 실수 중 하나는 다음과 같이 초점을 제한하는 것입니다.

이것은 실제로 아름다운 버튼입니다. 배경색과 잘 대비되고 타이포그래피가 매력적이고 레이아웃이 완벽합니다. 그러나 이것이 클릭을 얻으려고하는 페이지의 유일한 부분은 아닙니다. 실제로, 전체 페이지의 주요 초점은이 목표를 목표로하고 있다고 말할 수 있습니다. 결과적으로이 중요한 요소와 관련된 페이지의 내용을 한 단계 물러나서 분석해 봅시다.

이제 의사 소통의 흐름이 어떻게 작동하는지에 대한 더 많은 통찰력을 얻을 수 있으며 의사 결정을 내릴 수 있습니다. 페이지에서 가장 먼저 눈에 띄는 것은 빨간색을 사용하는 것입니다. 날짜, 로고 및 버튼은 매우 푸른 페이지 에서이 팝 색상을 사용하기 때문에 실제로 두드러집니다. 소셜 미디어 버튼이 배경과 거의 어떻게 조화를 이루는 지 확인하십시오.

다른 요소와 관련된 버튼의 크기도 큰 역할을합니다. 물론, 당신의 눈은 1 초 동안 그 작은 빨간 데이트를 잡을 수 있지만, 당신은 그 거대한 버튼에 끌리지 않고이 페이지를 1 초 이상 볼 수 없습니다.

디자이너로서 배우게 될 가장 중요한 것 중 하나는 커뮤니케이션 계층 구조를 구성하는 방법입니다. 디자이너는 지루한 페이지에 아름다움을 더할뿐 아니라 혼란에서 질서를 만들고 논리적이고 의도적 인 정보 흐름을 만듭니다.

이 계층은 사용자 행동을 지시하는 목표에 중요합니다. 올바르게 디자인 된 페이지는 사용자가 원하는 위치, 원할 때, 원하는 때에 원하는 작업을 수행 할 수 있도록하는 페이지입니다. 가장 미친 부분은 이것이 사용자의 목표를 달성하는 것과 완벽하게 균형을 이루어야한다는 것입니다. 사용자는 무엇을 원하고, 어떤 행동을 원하십니까? 고객의 목표와 사용자의 목표를 동일하게 만드는 방법을 찾을 수 있다면 잘한 것입니다.

행동을 강화시키는 커뮤니케이션

사용자 조치를 안내하는 또 다른 중요한 측면은 페이지의 실제 구두 의사 소통입니다. Barcamp 사이트에는이 분야에서 우리에게 가르쳐야 할 매우 흥미로운 교훈이 있습니다.

단락의 내용을 잠시 잊어 버리십시오. 6 명의 방문자 중 1 명은 어쨌든 읽을 것입니다.“Awww Yeah!” 이것은 어리 석고, 비전문적이며, 부적절하고 다른 많은 형용사입니다. 그러나 그것은 또한 페이지가 필요로하는 훌륭하고 정확합니다.

고전적인 판매 이론은 다음과 같은 교훈을 제공합니다. 사람들은 두 가지 유형의 물건을 구매합니다. 원하는 것과 필요한 것. 이들 중 전자는 훨씬 더 만족을 가져다 주지만 사람들이 구매를 통해 쉽게 이야기 할 수 있기 때문에 판매가 더 어려워 질 수 있습니다. 세일즈맨으로서 당신의 임무는 그 행동이 완전히 유쾌한 것처럼 보이게하여 구매 주저를 없애는 것입니다. 내가 그 새 차의 바퀴 뒤에서 얼마나 큰 기분을 느끼게하는지 산만하게하여 25, 000 달러에 빚을지고 있다는 사실을 잊게 해주세요.

우리는 웹 디자인과 카피 라이팅에서 비슷한 전술을 사용합니다 (항상 매끄러운 자동차 판매원이되고 싶지 않았습니까?). Barcamp 설계자가 원하는 행동은 제품에 10 달러 (물론 비용 추가)를 지출하는 것입니다. 그들은 훌륭한 경력 발전에 대해 말할 수 있지만 지루한 오래된 요구 기반 논쟁과 같이 끔찍하게 들리며 사람들에게 무언가가 필요하다는 것을 확신시키는 것이 항상 쉬운 것은 아닙니다. 대신에 그들은“Aww Yeah!”와 함께 갔다. 갑자기 나는이 거래가 실제로 보람있는 일이라고 생각할 수는 없다. 10 달러는 컨퍼런스 티켓을 사지 않고, 내가받을만한 가치가있는 것을 사야합니다. 좋은 시간입니다.

하나의 간단한 제목으로 복잡한 심리학이 많이 있습니다. 이 개념을 솔직하고 전문적인 방식으로 전달하려면 최소한 50 단어가 필요합니다. Slang은 메시지를 단순화 할 수있는 쉽고 빠르며 널리 알려진 방법을 제공합니다.

트립 패브

다음은 기본 목표를 가진 상당히 간단한 페이지의 또 다른 예입니다. 그러나 이번에는 디자이너가 당신이 아무것도 사지 말라고 설득하지 않고 단지 작은 분야에 이름을 넣으십시오.

이전 예제와 마찬가지로이 디자인은 매력적인 디자인과 가볍고 유머러스 한 메시지를 사용하여 관심을 갖습니다. 버튼과 필드 주위에 큰 들여 쓰기가 어떻게 표시되어 해당 영역에주의를 집중시키는 지 확인하십시오. 그러나 디자이너는 종종 미묘한 것을 사용하여 이와 같은 것을 백업합니다.

사용자가보고 싶은 곳을 가리키는 화살표를 그리자! 어리석게 들리지 않습니까? 그러나 실제로는 훌륭하게 작동합니다. 당신이 화살을 만들면 내 눈이 그것을 따라갈 것입니다.

재확인 조치

사용자가 취해야 할 행동을 다룰 때는 모호 할 수 없다는 것을 기억하십시오. 이 디자이너가 텍스트 필드와 관련하여 일반적인 규칙을 어겼는지 확인하십시오. 필드의 기본값을 채울 내용에 대한 예제 또는 지침 세트로 만드는 대신 "뉴스 및 업데이트 받기"조치를 수행하여 현재 수행중인 작업을 상기시킵니다.

그 아래에이 조치를 취해야하는 이유에 대한 메시지가 있습니다. 단어는 대문자로 표시되고 약속이 이루어지며 설득력있는 디자인입니다. 간단한 클릭 유도 문안 버튼을 다시 확인하는 아이디어는 버튼을 눌러 수행 할 작업을 상기시키는 것이 일반적입니다.

여기 같은 전략의 또 다른 예가 있습니다. 이 버튼은 행동 유도의 역할을하며 밥 그릇을 가져야하는 이유에 대한 메시지로 강화됩니다. 다음에 간단한 버튼을 만들 때 사용자가 버튼 위로 마우스를 가져 가서 클릭하도록하는 방법에 대해 두 번 생각하십시오.

버튼 이상

이 게시물의 간단한 메시지는 목표 중심 디자인에 참여하는 것입니다. 이미 디자인 된 페이지에 "지금 구매"버튼을 두는 것은 쉬운 방법이지만, 여러분이 고용 한 것이 아닙니다.

대신 Photoshop을 열거 나 단일 와이어 프레임을 만들기 전에 달성하려는 대상에 대해 생각하십시오. 그것이 미적 운동이라면, 당신의 일은 쉽습니다. 그러나 사용자가 제품을 구매하거나, 다운로드를 시작하거나, 양식을 작성하거나, 다른 작업을 수행하도록하려면 디자인을 시작하고 페이지의 나머지 부분을 모두 작성해야합니다. 명심하십시오. 방문자가 원하는 경로로 안내 할 수 있도록 사용자 환경을 신중하게 만드십시오.