디자이너의 모든 선택은 소비자가 제품, 서비스 또는 회사와 상호 작용하는 방식에 영향을 미칩니다. 이것은 웹사이트가 구성되는 방식에 특히 해당됩니다.

디자인 심리학에 대한 이 시리즈의 마지막 설치에서 우리는 웹사이트의 사용자 여정에 영향을 미치는 심리학의 몇 가지 원칙에 대해 자세히 알아볼 것입니다. 콘텐츠 모범 사례에서 효과적인 클릭 유도문안, 제한된 콘텐츠, 메뉴 탐색 등에 대한 팁에 이르기까지 고객이 사이트에 참여하는지 여부에 영향을 미치는 심리적 효과를 살펴보고 있습니다.

다음 섹션에서 우리는 영향을 미치는 심리학의 원리 중 일부를 다룰 것입니다.

• 콘텐츠 우선 순위 지정
• 탐색 구조
• 게이트 콘텐츠 및 양식 필드
• 장바구니 및 결제 프로세스
• 행동 촉구

콘텐츠의 우선 순위를 적절하게 지정

우리는 시리즈의 4부에서 사이트의 콘텐츠 계층 구조의 중요성에 대해 약간 이야기했지만 여기서는 기본 분석에 대해 더 확장할 것입니다. 콘텐츠 우선 순위 또는 콘텐츠 계층 구조는 청중이 제품 또는 서비스의 이점을 최대한 완벽하게 이해할 수 있도록 고객이 사이트의 정보를 요약해야 하는 정확한 순서를 지정하는 것을 의미합니다.

지금까지 디자이너가 중요한 정보를 스크롤 없이 볼 수 있는 부분 위에 두는 것이 중요하다는 이야기를 들었을 것입니다. "Above the fold"는 인터넷 초창기에 웹 디자인 용어로 전환된 오래된 신문 용어입니다. 그것은 스크롤 없이 사이트를 방문하는 사용자에게 표시되는 모든 콘텐츠를 말합니다. 마치 신문이 페이지 중간에 접힌 부분 위에 가장 중요한 기사를 올려놓는 것과 같습니다.

그러나 대부분의 인쇄 신문과 마찬가지로 스크롤 없이 볼 수 있는 콘텐츠의 개념은 몇 가지 이유로 약간 구식입니다. 우선 모바일 트래픽이 데스크톱을 계속 능가함에 따라 많은 사용자가 이제 더 작은 화면(예: 휴대전화 및 태블릿)에서 웹사이트를 방문합니다. 이러한 이유로 많은 사이트 방문자는 스크롤을 기대 하므로 스크롤 없이 볼 수 있는 콘텐츠는 이전보다 비중이 줄어듭니다.

스크롤 없이 볼 수 있는 콘텐츠가 유용하지 않다는 것은 아닙니다. 방문 페이지가 좋은 예입니다. 하지만 너무 많은 중요성을 부여하지 않도록 주의하십시오. 디자인할 때 직렬 위치 효과에 대해 생각하십시오.

독일 심리학자 Hermann Ebbinghaus가 만든 용어인 직렬 위치 효과는 사람들이 목록의 첫 번째 항목과 마지막 항목을 가장 잘 기억한다는 사실을 나타냅니다. 이것은 우리의 뇌가 가장 먼저 본 항목(최초 효과)과 가장 최근에 본 항목(최근 효과)에 편애를 보이기 때문입니다.

이 전략은 사용자가 콘텐츠에서 중요한 정보(제품 이름 또는 주요 이점)를 한두 가지만 기억해야 하는 경우에 적합합니다. 그러나 여러 단계 또는 처리할 정보가 많은 보다 복잡한 주제의 경우 다른 접근 방식을 사용하는 것이 좋습니다.

점진적 공개 전략은 사용자가 매우 복잡한 주제를 이해하는 데 도움이 되는 더 좋은 방법입니다. 여러 화면에 정보를 퍼뜨리고 한 화면에서 다음 화면으로 이동하기 위해 상호 작용이 필요한 기술을 나타냅니다. 이렇게 하면 최종 사용자가 제공된 정보에 압도될 가능성을 줄이는 데 도움이 됩니다. 잘린 콘텐츠와 아코디언 표시는 디자이너가 웹 디자인에서 점진적 공개를 사용하는 일반적인 방법 중 두 가지일 뿐입니다.

이 두 가지 효과는 모두 소비자의 마음에 메시지를 확고히 할 수 있는 자연스러운 인간의 사고 패턴을 활용하는 데 도움이 됩니다. 하지만 사용자가 콘텐츠 읽기를 시작하기도 전에 사이트에서 특정 항목을 탐색하기로 결정할 수 있습니다. 다음 섹션에서는 방문자가 해당 프로세스를 원활하게 수행할 수 있도록 도와줍니다.

탐색 구조화

대부분의 웹사이트 탐색 버튼은 두 가지 방식 중 하나로 구성됩니다. 즉, 페이지 상단의 막대 또는 한쪽에 있는 햄버거 메뉴입니다. 이러한 유형의 탐색은 사용자에게 거의 제2의 천성이 되었으며 "고장되지 않으면 고치지 마십시오."라는 말이 있습니다.

탐색을 디자인할 때 표준을 따르기는 쉽지만 구조를 뒤흔들고 싶을 수 있는 몇 가지 경우가 있습니다. 가장 먼저 고려해야 할 아이디어는 힉스의 법칙(Hick's Law)입니다.

1950년대 초, 두 명의 연구원인 William Edmund Hick과 Ray Hyman은 자극의 양과 개인이 결정을 내리는 데 걸리는 시간 사이의 관계를 조사했습니다. 그들의 결론은? 너무 많은 옵션이 마비됩니다. 클릭할 수 있는 항목이 많은 광범위한 탐색 메뉴는 새로운 사용자에게 너무 압도적일 수 있습니다.

대신 탐색 버튼은 명확하고 잘 배치되어야 하며 소수여야 합니다. 더 큰 사이트의 경우 탐색에서 다른 버튼의 우산 아래 중요도가 낮은 버튼을 중첩합니다. 예를 들어, Amazon의 최상위 탐색은 매우 간단하지만 마우스를 가져가면 사용자가 옵션을 확장하여 볼 수 있습니다.

처음에 시청자에게 표시하는 버튼 수를 제한하면 시청자가 선택 범위를 좁히고 탐색 결정을 더 잘 내릴 수 있습니다. 또한 우선 순위 효과를 사용하여 사용자가 가장 취했으면 하는 조치를 취하도록 할 수 있습니다.

대부분의 웹 사이트는 탐색을 같은 방식으로 구성하지만(페이지 정보, 서비스 또는 제품, 연락처) 가장 중요한 콘텐츠를 먼저 배치하면 가시성을 높이는 데 도움이 됩니다. 따라서 주요 목표가 잠재 고객이 귀하에게 연락하도록 하는 것이라면 탐색 페이지에서 연락처 페이지 버튼을 먼저 배치해 보십시오.

탐색 메뉴는 많은 디자이너가 미적 비전과 최종 사용자의 경험 사이에서 적절한 균형을 찾기 위해 고군분투하는 곳입니다. 미적 사용성 효과는 사용자가 기능적 문제를 간과하는 경향과 만족스러운 디자인 간의 상관관계를 의미합니다.

실제로 사용자 는 표지로 책을 판단하는 경향이 있으며 자신이 있는 사이트가 좋아 보인다면 기능적 문제에 대해 더 관대해질 것입니다. 따라서 UX 테스트를 완료할 때 디자인의 긍정적인 효과에 초점을 맞추지만 작동 방식에 대해서는 거의 언급하지 않는 사용자의 피드백을 자세히 살펴보십시오. 당신의 디자인을 칭찬하기 위해 당신의 기능적 실패를 용서하지 않는지 확인하기 위해 결과를 자세히 살펴보십시오.

방문자가 사용할 게이트 및 양식 필드 만들기

사용자가 그 어느 때보다 온라인에서 더 많은 시간을 보내고 있지만 개인 데이터를 제공할 가능성은 줄어들고 있습니다. 이것은 아마도 대부분의 사람들이 적어도 두 개의 이메일 주소를 가지고 있는 이유 중 하나일 것입니다.

정기적으로 확인하는 기본 이메일 주소는 하나만 있습니다. 다른 하나는 불행히도 거의 확인되지 않습니다. 사용자가 액세스 권한을 상실한 이전 계정이거나 무언가에 액세스하기 위해 이메일 주소가 필요할 때 사용되고 있지만 사용자 이름 뒤에 있는 사람은 기본 받은 편지함에 넘쳐나는 마케팅 이메일을 원하지 않습니다.

사용자가 양식 필드를 작성하여 귀하의 비즈니스에 연락하거나 게이트 콘텐츠를 다운로드할 때 그것이 능동적이든 무의식적이든 간에, 그들은 마음속으로 빠른 비용 편익 분석을 거칩니다. 그들은 양식을 작성하는 것이 받은 편지함과 마음의 공간을 포기할 가치가 있는지 생각하고 있습니다.

사용자의 망설임보다 귀하의 가치가 더 중요하도록 하는 가장 좋은 방법은 양식 필드를 가능한 한 사용하기 쉽게 만드는 것입니다. 가능한 한 가장 적합한 리드를 얻을 수 있도록 사용자에게 많은 인구통계학적 정보를 요청하고 싶지만 그렇게 하면 완전히 잃을 위험이 있습니다. 자동 완성을 위해 양식을 최적화하여 사용자가 정보를 훨씬 더 빠르게 입력할 수 있도록 하여 제출 비용을 절감합니다.

또한 포함하고 싶은 질문이 있지만 일부 사용자에게 너무 많은 질문이 필요할 수 있는 경우(예: 짧은 설명 필드) 선택 사항으로 설정하면 방문자가 참가 비용을 훨씬 더 낮출 수 있습니다. .

방문자가 제출하도록 유도하기 위해 사용자 여정 전반에 걸쳐 양식 필드를 작성하기 위한 심리적 인센티브를 만들 수도 있습니다. 이것은 뇌에서 더 빠르고 기억에 남는 연상을 생성하기 위해 서로 상대적인 단어나 이미지를 의도적으로 사용하는 행위인 프라이밍(priming)이라고 합니다. 이러한 작은 트리거는 사용자가 "정크 메일 주소"를 입력하는 것과 기본 주소를 입력하는 것 사이의 차이를 의미할 수 있습니다.

일부 웹 디자이너가 방문자가 게이트 또는 연락처 양식을 작성하도록 준비하는 간단한 방법은 의미론적 프라이밍을 사용하는 것입니다. 시맨틱 프라이밍을 사용하여 방문자가 양식을 제출하도록 무의식적으로 밀어붙이는 언어적 연관성을 생성할 수 있습니다. 예를 들어, 마케터가 게이트 반대편에 있는 콘텐츠의 문제에 대해 "빠른" 또는 "쉬운" 솔루션을 약속할 때 이러한 트리거 단어는 방문자가 개인 데이터를 입력하는 동작을 보는 방식에 영향을 줄 수도 있습니다. .

장바구니 및 결제를 통한 대화 강화

온라인 판매자인 경우 결제 프로세스는 사이트 디자인에서 가장 중요한 측면 중 하나입니다. 전환의 성패가 결정되는 순간이므로 문제가 발생하거나 너무 오래 걸리면 판매 기회를 놓칠 수 있습니다.

많은 마케팅 팀이 사용자에게 제품에 대해 상기시키기 위해 디지털 배너 캠페인에 의존하는 시기입니다. 그러나 "배너 실명"의 영향은 가장 잘 만들어진 디지털 캠페인의 진행을 억제할 수 있습니다.

기치 실명은 사람들이 당면한 작업과 관련이 없다고 생각하는 것을 자연스럽게 무시하는 일종의 선택적 무시입니다. 그렇기 때문에 운전 중 레시피나 광고판을 스크롤할 때 디지털 광고를 쉽게 꺼낼 수 있습니다. 두뇌는 관련 없는 정보를 최대한 자동으로 필터링하고 광고는 어디에나 있으므로 가장 먼저 이동해야 하는 것 중 하나입니다. 그렇다면 배너 실명에 대처하는 방법은 무엇입니까?

가능하면 버려진 장바구니 이메일이나 페이지 팝업 메시지가 잠재적 구매자를 실제 구매자로 전환하는 데 도움이 될 수 있습니다. 이 메시지는 사용자의 주의를 체크아웃 프로세스로 되돌리려는 시도입니다. 잠재 의식을 더욱 활성화하려면 Zeigarnik 효과를 사용하십시오.

이것은 중단되었거나 완료되지 않은 작업이 완료된 작업보다 더 쉽게 회상된다고 규정하는 리투아니아 심리학자 Bluma Zeigarnik의 관찰입니다. TV 쇼에 종종 절벽 행거가 포함되는 이유입니다. 미완성으로 느껴지는 것을 기억하고 되돌아갈 가능성이 더 큽니다.

따라서 불완전한 진행률 표시줄이나 번호가 매겨진 단계 목록을 포함하여 사용자의 버려진 장바구니에 대한 팝업을 표시할 때 "체크아웃" 사고 방식을 포함하여 장바구니를 떠났을 때 무엇을 하고 있었는지 기억하는 데 도움이 됩니다. 구매자가 돌아가서 하던 일을 마치도록 합니다. 완료된 작업에 대한 제안된 만족은 사용자가 구매를 완료하는 데 필요한 최종 푸시일 수 있습니다.

클릭 유도문안 만들기

클릭 유도문안은 틀림없이 귀하의 사이트에서 가장 중요한 부분입니다. 판매, 데이터 수집, 소셜 팔로워 구축 등 웹사이트를 만드는 목표가 무엇이든, 클릭 유도문안은 이를 요청할 수 있는 곳입니다.

대부분의 사이트에서는 중요도가 다른 여러 클릭 유도문안이 있을 것입니다. 예를 들어 주요 목표가 제품 판매인 경우 뉴스레터 구독이나 친구 추천과 같은 부차적인 요청이 있을 수 있습니다. 모든 사용자가 똑같은 여정을 따르기를 원하는 것은 아니므로 옵션을 제공하면 자신만의 경로를 선택할 수 있습니다.

이것은 Hick의 법칙이 작용하는 또 다른 예입니다. 선택의 역설이라고도 하며, 선택의 폭이 지나치게 넓어 사용자 사이에 의사결정이 마비될 때 발생합니다. 선택의 역설에서 사용자를 구하고 빠른 결정을 내릴 수 있도록 2~3개의 클릭 유도문안을 식별하고 엄격하게 준수하십시오. 이렇게 하면 사용자의 처리 시간을 단축하고 필요에 맞는 최선의 선택을 보다 효과적으로 좁힐 수 있습니다.

사이트의 가장 중요한 측면 중 하나인 클릭 유도문안은 많은 주의를 기울여야 합니다. 이 섹션을 눈에 띄게 만드는 쉬운 방법은 Von Restorff 효과를 사용하는 것입니다. 고립 효과라고도 알려진 이것은 여러 자극이 제시될 때 다른 것과 눈에 띄게 다른 항목이 더 쉽게 기억된다는 관찰입니다.

따라서 클릭 유도문안을 작성할 때 방문자가 가장 선택하기를 원하는 한 가지 선택을 식별하고 차별화하십시오. 사용자가 제품을 구매하거나, 뉴스레터를 구독하거나, 친구를 추천해야 하는 위의 예를 계속 사용하려면 분명한 주요 목표가 있습니다. 바로 판매입니다.

색상, 크기, 모양, 활자체, 배치 또는 기타 물리적 요소를 사용하여 판매 클릭 유도문안을 다른 두 가지와 차별화함으로써 가장 중요한 요청에 더 큰 주의를 기울일 수 있습니다. 모든 페이지에는 최소한 하나의 클릭 유도문안이 있어야 하지만 Von Restorff 효과를 사용하여 사용자가 가장 중요한 행동을 취하도록 장려하고 장려할 수 있습니다.

훌륭한 디자인 뒤에 숨은 마음

웹사이트 디자인이 사용자에게 미칠 수 있는 심리적 영향에 대해 밝히고 이해해야 할 사항이 훨씬 더 많습니다. 이 시리즈는 표면적일 뿐입니다. 그렇기 때문에 우리는 계속해서 모든 각도에서 디자인을 분석하고 프리랜서와 디자인 전문가를 염두에 두고 콘텐츠를 선별합니다.

크리에이티브 툴킷을 성장시키는 데 도움이 되는 디자인 요소를 다루는 더 많은 콘텐츠를 원하십니까? 기술을 연마하고 더 많은 비즈니스를 창출하는 데 필요한 최고의 도구, 사례 및 통찰력에 대한 주간 분량을 보려면 아래의 레이아웃 뉴스레터를 구독하십시오.