웹사이트 디자인 및 성능을 개선하기 위해 데이터를 해석하는 방법

게시 됨: 2021-02-23

효과적인 디자인은 웹사이트의 비즈니스 목표에 매우 중요합니다. 매력적인 사람들이 더 많은 관심을 받는 경향이 있는 것과 마찬가지로, 잘 디자인된 사이트는 메시지를 전달하고 사용자가 원하는 결과를 얻을 수 있도록 유도할 수 있는 더 나은 기회를 제공합니다. 많은 경우 웹사이트 소유자는 청중이 만족할 만한 것으로 생각합니다. 그러나 그것이 반드시 청중이 동의한다는 것을 의미하지는 않습니다.

웹 디자인이 진정으로 효과적인 것으로 간주되려면 분석 데이터가 주장을 뒷받침하는 스토리를 전달해야 합니다. 인터넷은 예술적 감각이 숫자로 측정될 수 있는 드문 공간 중 하나입니다. 디자인 요소를 테스트, 수량화 및 개선하여 사용자 기반의 집단 취향을 진정으로 포착할 수 있습니다.

Apple과 Google이 디자인 면에서 선두를 달리고 있는 이유가 궁금하다면 가장 재능 있는 사람들을 고용할 수 있기 때문만은 아닙니다. 그들의 성공의 큰 부분은 그들이 사용하는 모든 설계 변수를 테스트하는 집요함입니다. 다행히도 이 상징적인 두 기업이 하는 일을 하기 위해 거대 기업일 필요는 없습니다. 간단한 도구, 예산, 약간의 노력으로 더 나은 사용성과 전환율을 위해 사이트의 모양을 다듬기 시작할 수 있습니다.

웹 디자인의 요소 측정하기

효과적인 디자인은 사이트를 좋게 만드는 핵심 원칙을 준수해야 합니다. 사이트를 함께 구성할 때 항상 고려해야 하는 네 가지 요소가 있습니다.

1. 분명한 목표

모든 사이트는 달성하고자 하는 것에 대해 강력하지만 암시적인 메시지를 사용자에게 보내야 합니다. 판매 제안, 옵트인 제안, 콘텐츠 소비 초대, 토론 참여 등 각 페이지는 방문자와 웹마스터 모두에게 유익한 동기를 반영해야 합니다.

사이트 디자인은 사이트 목표를 위한 지침 역할을 해야 합니다. 전환 유입경로를 따라 청중을 더 멀리 이동시키는 데 도움이 되어야 합니다.

고려해야 할 지표:

다음 측정항목은 사이트가 명확한 목표를 명시하고 있는지 또는 모호한 동기로 사용자를 이탈시키고 있는지 판단하는 데 도움이 될 수 있습니다.

이탈률 – 전통적인 마케팅에서는 혼란스러운 마음이 항상 아니오라고 말합니다. 이를 웹 디자인과 유용성에 적용하면 혼란스러운 방문자는 항상 브라우저에서 "뒤로" 버튼을 누르게 됩니다. 분석 전문가 Avinash Kaushik에 따르면 이탈률은 모든 디지털 마케팅에서 가장 섹시한 지표입니다. 간단하지만 한 눈에 많은 것을 알려줍니다.

이탈은 사용자가 귀하의 페이지 중 하나를 방문하고 아무 것도 클릭하지 않고 참조 페이지로 돌아갈 때 발생합니다. 이는 사용자의 의도가 만족스럽지 못했고 사용자 경험이 대체로 만족스럽지 못했음을 시사합니다. 사이트의 이탈률이 60% 이상인 경우 문제가 될 수 있습니다. 귀하의 디자인, 메시지 또는 둘 다 혼란스러울 수 있음을 나타냅니다.

이탈률은 사이트의 페이지에서 이탈한 방문의 비율과 총 방문 수의 비율입니다. 거의 모든 분석 플랫폼은 전체 사이트 및 페이지당 이탈률 데이터를 제공합니다. Google Analytics에서 이탈률은 대시보드에 가장 먼저 표시되는 것 중 하나입니다.

전환율 – 사이트 목표가 달성되면 전환이 발생합니다. 이것은 페이지 방문, 거래, 메일링 리스트 수신 동의, 전화 통화 등이 될 수 있습니다. 따라서 전환율은 총 사이트 방문 수에 대한 전환으로 이어진 방문의 비율입니다. .

불분명한 목표는 사이트의 전환율을 떨어뜨릴 수 있습니다. 메시지를 명확하게 전달하고 주의를 산만하게 하는 것을 제한하는 디자인 계획을 갖는 것은 전환율을 건강하게 유지하는 데 도움이 될 수 있습니다. 사이트의 전환율이 2% 미만인 경우 디자인을 검토하고 사이트 목표의 명확성에 도움이 되는지 또는 훼손되는지 확인해야 합니다.

2. 매력적인 콘텐츠

콘텐츠는 사이트에서 모든 사용자 경험의 중심입니다. 텍스트, 비디오, 오디오 또는 이미지에 관계없이 청중의 참여를 최대한 끌어낼 수 있도록 적절하게 배치하고 형식을 지정해야 합니다. 좋은 사이트 디자인으로 적절하게 지원되면 콘텐츠에 액세스하고 공유하기가 더 쉬워집니다. 반대로 잘못된 디자인은 사용자에게 영향을 미치고 사이트 범위를 확장하는 콘텐츠의 능력을 제한할 수 있습니다.

고려해야 할 지표:

대부분의 분석 플랫폼은 콘텐츠가 얼마나 잘 수행되고 있는지에 대한 아이디어를 제공하는 풍부한 데이터를 제공합니다. 이전 섹션에서 설명한 것처럼 페이지 수준 이탈률은 디자인 문제로 고통받을 수 있는 페이지의 범위를 좁히는 데 유용합니다. 다음은 디자인과 관련하여 콘텐츠 성능에 대한 단서를 찾을 때 살펴봐야 할 다른 측정항목입니다.

페이지에 머문 평균 시간 – 사용자가 페이지에 머문 시간은 참여 수준을 나타냅니다. 참여하지 않은 트래픽은 페이지를 서둘러 떠나고 잘못된 디자인은 페이지를 떠나려는 열망에 기여할 수 있습니다. 일반 사용자가 귀하의 페이지를 방문하는 데 평균 2분 미만을 소비한다면 즉시 문제를 조사하고 싶을 것입니다.

사이트/페이지에 머문 평균 시간 통계는 Google Analytics 및 대부분의 기타 플랫폼에서 제공됩니다. 실제로 GA의 기본 대시보드에서 바로 이 측정항목을 찾을 수 있습니다. 페이지 수준 시간 평균의 경우 GA의 "사이트 콘텐츠" 섹션으로 이동하여 모든 페이지에 대한 보고서를 생성하여 실적이 저조한 페이지를 확인할 수 있습니다. 거기에서 디자인 문제를 식별하는 데 도움이 될 수 있는 공통점과 패턴을 찾을 수 있습니다.

종료율 – 전환 유입경로의 최종 목적지가 아닌 사이트에서 가장 많은 방문자를 보내는 페이지는 무엇입니까? 이 지표를 통해 알 수 있습니다. Google Analytics의 "사이트 콘텐츠" 보고서에서 사용자를 사이트에서 가장 많이 이탈시키는 페이지를 기준으로 사이트 페이지를 정렬할 수 있습니다. 비정상적으로 종료율이 높은 페이지는 방문자 출혈을 막을 수 있는 가능한 디자인 개선 사항을 조사해야 합니다.

3. 탐색의 용이성

탐색 용이성은 사용자가 보고 싶은 것을 찾기 위해 사이트를 탐색하는 속도와 관련이 있습니다. 메뉴, 검색 상자 및 범주를 전략적으로 사용하면 더 나은 탐색 경험을 촉진하는 데 도움이 됩니다. 이상적으로는 사용자가 홈 페이지에서 의도를 나타내는 하위 페이지로 이동하는 데 4회 이상 클릭하지 않아야 합니다. 그 이상은 일반적으로 탐색 디자인이 혼란스럽거나 모호함을 의미합니다.

MeasuringU의 Jeff Sauro는 탐색 체계의 성능을 측정하려고 할 때 주의해야 할 사항에 대한 훌륭한 게시물을 작성했습니다. 여기에는 다음이 포함됩니다.

발견율/완료율
찾는 시간
찾는 시간의 가변성
초기 클릭
성공 경로
신뢰
어려움:
가장 찾기 어려운 항목
첫 번째 경로 성공 대 두 번째 경로 성공
어려움의 이유

위에 링크된 게시물에서 각각의 정의와 데이터 수집 방법에 대한 힌트를 읽을 수 있습니다.

보다 쉽게 얻을 수 있지만 깊이가 없는 탐색 분석 보고서를 찾고 있다면 Google Analytics의 탐색 요약을 확인하는 것이 좋습니다. 이 숨겨진 보석은 행동>사이트 콘텐츠>GA의 모든 페이지에서 찾을 수 있습니다. 방문자가 한 페이지에서 다른 페이지로 이동하는 방식을 보여주기 때문에 어떤 페이지가 좋은 탐색을 촉진하고 어떤 페이지가 트래픽 스톱퍼 역할을 하는지에 대한 통찰력을 얻을 수 있습니다.

궁극적으로 목표는 디자인이 방문자 이동과 사용자 의도를 만족시키는 페이지 검색을 촉진하는지 확인하는 것입니다. 탐색 경로가 청중을 위해 더 빠르고 쉽게 만들수록 더 큰 전환 수를 얻을 수 있습니다.

4. 시각적 매력

시각적 매력은 사이트가 방문자에게 전체적인 영향을 미치는 방식을 나타냅니다. 대부분의 사람들은 시각적 매력이 사이트의 레이아웃, 색 구성표, 질감, 글꼴 및 리치 미디어 사용의 기능이라는 데 동의합니다. 품질 사이트를 구성하는 4가지 원칙 중 가장 주관적인 부분이기도 합니다. 즉, 대부분의 청중을 만족시키는 체계를 확인하기 위해 가장 많은 테스트와 분석을 수행해야 하는 영역입니다.

대부분의 경우 사이트의 전체 디자인에 가장 적합한 시각적 요소를 확인하기 위해 두 가지 유형의 테스트가 수행됩니다. 이것들은:

A/B 분할 테스트 – 웹 디자인 및 마케팅에서 A/B 테스트는 두 가지 변형 중 어느 것이 청중의 작은 섹션에서 더 나은 응답을 얻는지 확인하기 위해 수행되는 실험입니다. 예를 들어, 두 가지 클릭 유도문안 버튼 색상 중에서 선택하는 경우 이러한 종류의 테스트를 수행하여 어떤 색상이 더 많이 클릭되는지 확인하고 싶을 것입니다.

글꼴과 같은 요소에도 동일하게 적용될 수 있습니다. 두 글꼴 중 어느 것이 더 나은 읽기를 촉진하는지 알고 싶다면 분할 테스트를 실행하여 어떤 설정이 더 나은 참여 신호를 생성하는지 확인할 수 있습니다. 페이지에 머문 평균 시간과 스크롤다운 비율은 확인하고 싶은 통계 중 일부입니다.

Google 웹사이트 최적화도구는 A/B 테스트를 위한 훌륭한 도구입니다. 무료이며 초보자 웹마스터에게도 비교적 친숙합니다.

다변수 테스트 – A/B 테스트가 단일 요소 중 어느 것이 더 잘 작동하는지 알려준다면, 다변수 테스트는 이상적인 사용자 행동을 촉진하는 요소 조합 을 알려줍니다. 그 버튼 색상이 배경과 글꼴 스타일과 잘 어울리나요? 사용자 행동이 가장 정직한 답변을 제공하도록 하십시오.

A/B 테스트와 마찬가지로 Google 웹사이트 최적화도구는 이러한 유형의 테스트에 적합한 도구입니다. VWO와 Optimizely도 훌륭한 옵션입니다.

웹 디자인 및 성능 개선에 도움이 되는 도구

웹 사이트 수정을 계획하고 실행하는 것은 어려운 작업일 수 있지만 이것이 처음부터 시작해야 한다는 의미는 아닙니다. 다음은 시작하는 데 도움이 될 수 있는 도구입니다.

목표 설정 및 추적 :
목표 설정은 웹 디자인을 개선하고 목표를 추적하여 현재 상태를 확인하는 데 있어 필수적인 부분입니다. Google Analytics는 적용하려는 변경 사항에 대한 목표를 설정하는 포괄적인 설정을 제공합니다. GA를 사용하면 맞춤 목표를 만들고, 값을 설정하고, 상태를 기록하고, 공유할 수 있습니다. 목표 설정 및 모니터링을 위한 대체 분석 플랫폼인 Goals on Track을 사용할 수도 있습니다.

사이트 및 페이지 속도 :
사이트와 웹페이지에서 구현할 변경 사항은 로딩 속도에 영향을 미칠 수 있습니다. 사이트 로드 속도를 알려주는 도구인 Pingdom과 최적화된 웹페이지가 표시되는 속도를 분석하는 데 도움이 되는 Google에서 만든 도구인 PageSpeed를 사용하여 이 두 가지 활동을 감독할 수 있습니다.

히트 맵 :
사이트의 히트 맵을 사용하면 방문자가 사이트에 있을 때 클릭 및 스크롤과 같은 활동을 확인할 수 있습니다. 그것은 그들이 가장 많이 가는 장소와 가장 적은 관심을 받고 있는 지역을 알려줍니다. 사이트의 히트맵을 식별하면 사람들이 가장 많이 소비하는 웹 디자인 측면을 파악할 수 있습니다. 이를 모니터링하는 데 도움이 되는 도구는 Crazy Egg 및 Inspectlet입니다.

코딩 치트 시트
코딩은 웹 디자인 변경을 구현할 때 가장 지루한 작업 중 하나일 것입니다. 다행히도 jQuery, CSS, HTML5 및 Javascript와 같은 코더에게 도움이 되는 충분한 가이드를 사용할 수 있습니다.

결론

궁극적으로 웹 디자인은 지속적인 진화의 문제입니다. 초기 단계에서 예술성과 모범 사례를 따르는 것이 좋지만 분석 및 테스트는 최적화 프로세스를 촉진해야 합니다. 보기에 좋고 효과가 좋은 것에 대한 느낌을 갖는 것이 좋습니다. 거짓말을 하지 않는 숫자로 확실히 아는 것이 더 좋습니다.