전환율을 해치는 9가지 웹 디자인 실수

게시 됨: 2022-05-23

기업이 웹사이트 디자인에서 웹사이트 전환보다 미학을 우선시하는 것은 일반적인 실수입니다. 순전히 더 잘 알지 못하기 때문입니다. 웹 페이지 디자인에서 눈에 띄는 실수가 있고 미묘한 실수가 있지만 모두 함께 작동하여 잠재 고객이 제대로 보기도 전에 사이트를 포기하게 만듭니다.

웹디자인이란

웹 디자인은 웹 사이트에 필요한 모양, 느낌, 목적, 구조 및 기능에 대해 원하는 것을 개념화하는 프로세스입니다. 마음의 이미지가 생기면 각 단계를 신중하게 계획한 다음 웹 사이트를 구성할 전자 파일을 작성해야 합니다.

일반적인 웹 디자인 실수

집중하다

  • 귀하의 회사가 무엇을 제공/제공하는지 명확하게 설명하지 않습니다.
  • 명확한 CTA(클릭 유도문안) 부족 – 종종 잊어버리거나 페이지 하단에 남아 있습니다.
  • 연락처 정보를 찾기가 어렵습니다. 상단 표시줄에 전화번호를 입력하세요.
  • 안전하지 않음(HTTPS) – 보안 사이트는 더 빠르게 로드되고 더 높은 검색 순위를 기록하며 웹 사이트가 안전하지 않으면 방문자의 84%가 구매를 포기합니다.
  • 분석 없음 – 작동하는 것과 작동하지 않는 것을 추적하지 않으면 웹사이트를 최고의 광고 도구로 만드는 데 집중하지 않습니다.
  • 예를 들어 학교 웹사이트는 특정 대상을 위해 설계되지 않은 경우 레스토랑의 웹사이트와 매우 다릅니다.

설계

  • 보이는 방식 – 이것은 매우 중요합니다. 방문자에게 깊은 인상을 주고 더 자세히 살펴보고 싶게 만드는 데 10초도 채 걸리지 않습니다. 전체적인 주제와 색상은 청중의 마음을 사로잡아야 합니다. 적을수록 더 많으므로 어수선한 홈페이지는 방문자를 외면하게 됩니다. 전환으로 이어지려면 탐색 모음 및 기타 기능을 명확하게 볼 필요가 있습니다.
  • 색상의 남용 - 너무 많은 색상은 변환을 망칠 수 있음 - 색상 심리학을 이해하는 것이 중요합니다(예: 미용 및 건강 사이트에 파란색 및 흰색과 같은 대담한 색상 사용).
  • 로드하는 데 너무 오래 걸립니다. 스위트 스팟은 3초입니다. 튕길 가능성은 1초마다 기하급수적으로 증가합니다.
  • 모바일 지원 안 됨
    • 사용자의 52%는 모바일 환경이 좋지 않으면 회사에 참여할 가능성이 적습니다.
    • 91%는 필요와 속도를 우선시합니다.
    • 61%는 필요한 것을 매우 빨리 찾지 못하면 계속 진행할 것입니다.
  • 반응형 디자인을 사용하지 않음 – 반응형 웹 디자인은 CSS3 미디어 쿼리를 사용하여 모든 플랫폼(예: 컴퓨터, 랩톱, 태블릿, 스마트폰)에서 웹사이트가 작동하도록 합니다.
  • 페이지 전반에 걸쳐 일관되지 않은 인터페이스 – 각 페이지에 대해 새로운 디자인이 필요하지 않으며, 혼란스럽고 강력한 브랜드 디자인을 지원하지 않습니다.
  • 팝업 – 모바일 사용을 방해할 수 있으며 순위에 영향을 미칩니다.
  • 미학적 이유로 H1 태그가 제거되었지만 이것은 검색 엔진 크롤러가 찾는 첫 번째 요소입니다.
  • 이미지의 텍스트 - 검색 엔진은 이미지를 볼 수 없으므로 텍스트를 읽을 수 없으며 오버레이해야 합니다.
  • 버튼과 링크가 너무 작아서 클릭할 수 없습니다. 특히 모바일에서는 손가락이 동시에 두 개 이상의 버튼을 터치하고 잘못된 위치로 끝나는 것만큼 실망스러운 일은 없습니다.
  • Favicon 없음 – 사용자는 여러 페이지를 여는 것을 좋아하며 사이트로 돌아가고 싶은 경우 찾기가 어렵습니다.
  • 홈페이지에서 자동으로 스크롤되는 캐러셀 – 사용자가 메시지에서 멀어지게 합니다.
  • 백그라운드에서 자동 음악 – 짜증.
  • 자동으로 재생되는 비디오 – 다시 말하지만 짜증스러울 뿐입니다. 전환 킬러.
  • 404개의 일반 페이지 – 대부분의 사용자는 이러한 페이지 중 하나를 얻으면 포기합니다. 오류 처리를 즉시 정렬하십시오.
  • 느린 서버 응답 시간 – 최적화해야 합니다.
  • 디자인 규범을 따르지 않음 – 사용자는 관대하지만 탐색 표시줄 및 검색 기능과 같은 기본 사항을 기대합니다.
  • 여백의 부적절한 사용 - 너무 적으면 비좁고 너무 많이 비전문적으로 보입니다.
  • 브라우저 캐싱 없음 - 페이지 다시 로드 속도에 영향을 미치므로 순위가 낮아집니다.
  • 모든 브라우저에서 작동하지 않습니다. 모든 웹사이트는 모든 브라우저에서 작동하도록 설계되어야 합니다.
  • JavaScript 없이는 작동하지 않습니다. 방문자가 JavaScript를 끄더라도 사이트는 계속 작동해야 합니다.
  • 코드는 압축되지 않았습니다. 즉, CSS, HTML 및 Javascript를 축소하는 것입니다. 이것은 로딩 속도를 향상시킵니다.

항해

  • 새 창에서 열리는 많은 링크 – 뒤로 버튼이 없거나 탐색하기 어려운 경우 방문자는 대역폭을 소모할 뿐만 아니라 돌아오지 않을 것입니다.
  • 웹사이트에 숨겨진 링크/보이지 않는 메뉴 – 방문자는 '내가 어디에 있는지'를 알아야 하므로 명확한 메뉴, 이동 경로 탐색 및 디자인 신호가 필요합니다. 모바일에서 메뉴를 숨길 수 있습니다.
  • 로고 센터링 – 클릭 한 번으로 홈페이지를 찾기가 6배 더 어려워집니다.
  • 방문한 링크의 색상을 변경하지 않음 – 방문자가 계속 잘못된 페이지로 돌아가 포기합니다.
  • 제어할 수 없는 탐색 – 애니메이션이 있는 모든 항목은 전환을 매우 빠르게 중단시킬 수 있습니다.

타이포그래피

  • 가독성, 가독성, 명확성 - 이것이 중요한 요소입니다.
  • 글꼴이 너무 작아 읽기가 쉽지 않습니다. 플랫폼 간에 호환되는 14픽셀 이상의 크기로 본문 텍스트는 Sans Serif를 사용해야 합니다. 곱슬 글꼴은 어린이용입니다.
  • 글꼴이 너무 많으면 방문자가 프레젠테이션에 주의가 산만해지고 메시지에 집중하지 않기 때문에 혼란을 야기합니다. 3개면 충분합니다.
  • 충돌하는 글꼴 - 혼란스러울 수 있으며 변환에 아무 효과가 없습니다.
  • 잘못된 커닝(기호), 자간(단어), 선행(문장) – 공백은 중요하며 명확성과 가독성에 도움이 됩니다.

콘텐츠

  • 약한 SEO - 검색 엔진 크롤러가 선택하지 않으며 롱테일 키워드를 사용합니다.
  • 방문자의 요구에 초점을 맞추지 않고 '우리가 얼마나 훌륭한지'에 초점을 맞춘 콘텐츠는 실제로 꺼질 수 있습니다.
  • 헤더 및 하위 헤더가 없습니다. 또한 읽기 쉽게 하기 위해 검색 엔진 크롤러가 메시지의 키워드를 선택하는 것을 놓치게 됩니다.
  • 스캔할 수 없는 콘텐츠 - 단락은 짧아야 하고 가독성을 위해 글머리 기호 또는 번호 목록을 사용하고 방문자는 페이지에 필요한 정보가 있을 가능성이 있는지 알아보기 위해 페이지를 스캔하는 것을 좋아합니다.
  • 빈약한 문법과 긴 문장 - 다시 가독성 문제이며 비전문적으로 보입니다.
  • 일반 품질 콘텐츠를 게시하지 않음 – 콘텐츠 피라미드는 검색 엔진 크롤러가 순위를 위해 키워드를 선택하기 위해 넓고 낮아야 합니다. 방문자는 정기적으로 업데이트된다는 것을 안다면 다시 돌아올 것입니다.

이미지

  • 관련 없는 스톡 사진 – 이미지는 눈을 즐겁게 하고 관련성이 있으며 특정 주제에 초점을 맞춰야 합니다.
  • 부적절한 크기 조정 및 크기 조정 - 로드 시간에 영향을 미치고 비전문적으로 보입니다.
  • 응답하지 않는 이미지 크기 조정 – CSS 미디어 쿼리를 사용하여 이 문제를 처리합니다.
  • 누락된 메타데이터 - 이미지를 게시하기 전에 파일 이름을 확인하십시오. 987098709.jpg는 비전문적으로 보입니다.
  • 이미지 압축 없음 – 로드 시간이 길수록 순위가 낮아집니다.

소셜 미디어

  • 사회적 참여를 장려하지 않음 – 최고의 성장 기회를 놓치는 것.
  • 페이지 상단의 소셜 미디어 아이콘 – 독자가 사이트를 떠나 다른 곳으로 가도록 유도하는 것으로 입증되었습니다.

사용자 경험

  • 열악한 검색 기능 – 방문자는 좋은 검색 엔진을 사용하고 가장 관련성이 높은 검색 엔진이 표시되기를 기대하며 키워드 변형, 하이픈, 복수형 및 오타를 처리해야 합니다.
  • 문의에 응답하지 않음 – 응답이 없는 사이트만큼 방문자를 빠르게 몰아내고, 부재 중일 때 자동 응답을 설정하고 긴급하게 다시 연락하는 것은 없습니다.

법적인 문제

  • 개인 정보 보호 정책 없음 – 현재 많은 국가에서 법적 요구 사항이 있으며 신뢰 구축에 도움이 됩니다.
  • 보증 정보 없음 – 방문자는 귀하의 제품 뒤에 정당성이 있음을 알고 싶어합니다.
  • 반품 불가 정책 – 고객이 마음을 바꿀 수 있는 최소한의 기간을 제공하고(일부 국가에서는 법으로 규정됨) 제품이 적합하지 않은 것으로 판명되면 반품을 수락할 것을 요구하는 좋은 상거래입니다. 나쁜 리뷰는 종종 나쁜 반환 경험에 초점을 맞춥니다.

훌륭한 웹사이트는 사용자에게 무언가가 작동하지 않는 경우 알리거나 개선을 위한 제안을 제공하도록 요청합니다. 일부는 사용성에 대한 별점 시스템이 있을 수도 있습니다. 웹사이트는 항상 최선을 다하십시오. 웹사이트는 회사와 문화에 대한 잠재 고객의 첫인상이며 전환율을 높이거나 낮출 수 있습니다.