사이트 탐색을 방해하는 일반적인 실수

심리학은 뇌가 본질적으로 게으르다고 말합니다.

이것이 스티브 크루그의 책 'Don't Make Me Think'의 제목이 웹사이트 사용성의 핵심 교리인 이유입니다.

방문자에게 좋은 경험을 제공하여 전환 하도록 하려면 사이트에서 목표에 더 가까워지는 방법을 파악하기 위해 많은 정신적 노력을 들일 필요가 없어야 합니다 .

이것은 웹 사용성 세계에서 인지 부하 를 최소화하는 것으로 알려져 있습니다.

다음은 사용자가 효율적으로 탐색하는 데 방해가 되는 몇 가지 사항입니다.

1. 무내용 라벨

아래 홈 페이지를 살펴보십시오. 이 리조트에서 이용할 수 있는 숙박 시설의 유형과 요금이 무엇인지 알고 싶다고 가정해 보겠습니다. 무엇을 클릭하시겠습니까?

우리는 그들이 휴가와 관련된 단어를 사용하여 귀엽다고 노력하고 있음을 알 수 있습니다. 그러나 이러한 탐색 항목은 방문자에게 의미가 없습니다.

탐색 항목은 사용자가 항목을 클릭할 때 어떤 일이 발생하는지에 대한 기대치를 설정해야 합니다.

모호할 여지가 없습니다. 레이블은 의미 있고 뚜렷해야 합니다.

2. 대형 그래픽과 모션

페이지를 배치할 때 시각적 주의가 집중되는 다음 계층 구조를 기억하십시오.

I. 모션
Ⅱ. 제도법
III. 텍스트

인간의 뇌는 움직임을 관찰하도록 되어 있습니다.

무언가가 움직일 때마다 사용자는 다시 집중해야 하며 이는 작업을 효율적으로 완료하는 데 방해가 됩니다. 회전하는 배너와 같은 요소는 모션을 사용하기 때문에 실제로 사용자가 탐색하는 데 도움이 되는 요소에 대한 사용자의 주의를 방해합니다.

예를 들어 Kelly Moore의 홈페이지에 접속하면 사이트가 무엇에 관한 것인지 전혀 알 수 없습니다. 스크롤 없이 볼 수 있는 부동산의 대부분은 회전하는 배너로 채워져 있고 태그 라인이 없으므로 방문자는 여기서 무엇을 사거나 할 수 있는지 전혀 알 수 없습니다.

모션 및 큰 그래픽은 사용자가 탐색 요소를 알아차리지 못하게 하고 사용자가 페이지 본문이 아닌 탐색 모음을 사용하도록 합니다.

따라서 주요 클릭 유도문안(CTA)을 직접 지원하지 않는 한 큰 그래픽이나 모션은 피하세요.

예를 들어 호텔이나 리조트의 경우 기능이나 시설을 보여주기 위해 큰 이미지를 사용하는 것이 합리적일 수 있습니다. 그러나 이러한 요소가 사용자가 효과적으로 탐색하는 데 방해가 되어서는 안 됩니다.

3. 홈 페이지의 특정 제품

홈 페이지에 임의의 항목을 표시하면 베스트셀러인 경우에도 실제로 고객이 원하는 것을 추측할 뿐입니다(프로그래밍 방식의 개인화를 수행하지 않는 한).

홈페이지는 다음 두 가지 작업을 수행해야 합니다.

• 방문자의 신뢰 를 얻으십시오.
• 사이트의 나머지 부분에 대한 표지판 역할

간판 포스트로서 홈페이지는 방문자가 할 수 있는 모든 작업에 대한 정보 냄새가 있어야 합니다 . 방문자에게 사이트에서 무엇을 할 수 있는지 알릴 수 있어야 합니다.

홈페이지 본문의 내용은 상단에서 사용할 수 있는 기본 탐색 옵션을 반영해야 합니다. 사용자는 먼저 페이지 본문을 봅니다. 그것이 실패하면 탐색 모음을 볼 때입니다.

홈페이지 본문을 차지하는 특정 제품을 사용하면 탐색이 모호해집니다.

예를 들어 전자 상거래 사이트인 경우 방문자가 사이트에서 구매할 수 있는 항목을 즉시 알 수 있도록 다양한 제품 범주를 시각적으로 표시해야 합니다.

4. 어포던스를 위한 시각적 기표의 부족

요소와 상호 작용할 수 있는 경우 상호 작용할 수 있다는 것이 시각적으로 명확해야 합니다.

예를 들어 다음 체크아웃 흐름에는 전체 주소 상자가 클릭해야 하는 핫스팟이라는 표시가 없습니다. '저장하고 계속하기' 외에 클릭할 수 있는 다른 요소가 없는 것 같기 때문에 사용자는 앞으로 이동하기 위해 취해야 하는 유일한 작업이라고 가정합니다.

방문자가 진행해야 하는 작업은 시각적으로 강조 표시 되어야 누락되지 않습니다.

5. 비표준 위치의 품목

게으른 인간의 두뇌는 지름길을 많이 사용합니다.

웹에서 사용자가 예상한 위치에서 항목을 찾지 못하면 인지 부하가 ​​가중됩니다. 당신은 사용자가 생각하게 만듭니다.

예를 들어 이 제품 세부 정보 페이지는 예측 가능성을 다음과 같이 구분합니다.

• ... 왼쪽에 설명을, 오른쪽에 이미지를 넣습니다. 전통적으로 그 반대입니다. (그리고 그것은 왼쪽에서 오른쪽 읽기 및 스캔에 최적화되어 있습니다.)
• ... CTA 버튼을 너무 아래에 두었습니다.

이 페이지는 '장바구니에 추가' 버튼이 잘 보이지 않기 때문에 매우 의욕적인 구매자에게만 제공되는 것 같습니다. 스크롤 없이 볼 수 있는 부분에 있고 색상이 사이트의 나머지 부분과 혼합되어 있기 때문입니다.

'장바구니에 담기'는 제품 페이지에서 가장 중요한 요소임을 기억하십시오. 사이트의 나머지 부분과 차별화하고 방문자가 기대하는 위치에 있는지 확인하세요.

(CTA를 고정하거나 반복하는 것을 고려하십시오. 사용자가 수행할 수 있는 작업이 없는 화면은 없어야 합니다.)

사용자가 작업하는 것과 관련하여 페이지의 완전히 다른 영역에 경고 또는 작업 버튼을 배치하는 것도 실수입니다.

예를 들어 양식이 있는 경우 사람들이 양식을 항상 올바르게 작성하지는 않는다는 점을 기억하십시오. 필드를 놓친 경우 오류 메시지가 누락된 대화형 요소에 가까운지 확인합니다. 긴 형식의 경우 사용자가 실수한 부분을 찾도록 하지 마십시오.

6. 모호한 액션 버튼

버튼이 하는 일에 대해 최대한 구체적으로 설명하세요.

다른 모든 탐색 항목과 마찬가지로 CTA 버튼은 사용자에게 클릭하여 얻는 정보를 정확하게 알려야 합니다.

즉, 버튼이 단순히 '계속', '계속', '시작하기' 또는 '제출'이라고 표시되어서는 안 됩니다.

(사용자의 관점에서) 이 문구를 완성해야 합니다.

“나는 __________하고 싶어. "

이는 고객이 '계속'이 주문을 계속 검토할 수 있음을 의미하는지 아니면 구매 비용이 청구될 것임을 의미하는지 여부를 고객이 알고 싶어할 때 특히 중요합니다.

Amazon.co.uk는 '이 주문이 최종 확정되기 전에 검토할 수 있습니다.'

7. 누락된 빵 부스러기

페이지에는 사용자가 이전에 취한 작업과 연결되어 있음을 나타내는 제목이 있어야 합니다. 이것은 그들이 올바른 길을 가고 있다는 확신을 줍니다.

예를 들어 Nielsen Norman 그룹은 코스를 선택할 때 회의 이름과 날짜를 명확하게 표시합니다.

웹 사용성을 중심으로 설계된 회사라도 이 간단한 사용성 규칙을 따르지 않는 조직이 거의 없다는 사실에 놀랄 것입니다.

방문자가 게으르다

방문자가 자동 ​​조종 모드에서 벗어나도록 사용자가 생각하게 만드는 경우 사용자가 비정상적으로 동기 부여되지 않는 한 일반적으로 게임 오버입니다.

그 함정에 빠지지 마십시오.

마찬가지로 전환 가능성을 최대화하기 위해 많은 일을 할 수 있습니다. 레이블이 명확하고 뚜렷하게 표시되도록 하고, 큰 그래픽과 움직임을 피하고, 홈 페이지를 간판 포스트로 사용하고, 사용자 행동에 기표를 활용하고, 모호한 레이블과 누락된 빵 부스러기를 피하면 경쟁에서 우위를 점할 수 있습니다. .