UX 감사 체크리스트: UX 디자인 감사를 완료하는 방법

게시 됨: 2023-02-14

올바른 디자인을 사용하면 비즈니스 웹 사이트 또는 앱이 강력한 자산이 될 수 있습니다. UX 감사 체크리스트는 손상된 시스템을 식별 및 수정하고 디자인을 최적화할 수 있는 기회를 찾고 방문자에게 가능한 최고의 경험을 제공하는 데 도움이 될 수 있습니다.

UX 감사 체크리스트

이 UX 감사 체크리스트 및 가이드는 다음을 탐색합니다.

  • UX 감사란 무엇입니까?
  • UX 감사를 수행해야 하는 경우
  • UX 감사 체크리스트
  • UX 감사 체크리스트: 세부 분석
UX 감사 체크리스트: #UX #디자인 감사를 완료하는 방법
트윗하려면 클릭

그것에 뛰어 들자!

UX 감사란 무엇입니까?

UX 감사는 사용자의 관점에서 웹 사이트 또는 앱의 디자인과 기능을 평가하는 평가 프로세스입니다. 이것은 분석, 사용성 테스트 및 사용자 테스트의 혼합을 통해 수행됩니다. 프로세스에는 때때로 사용자와의 인터뷰도 포함됩니다.

대행사를 고용하여 웹 사이트 또는 앱에서 UX 감사를 수행하거나 UX 감사 체크리스트를 사용하여 직접 수행할 수 있습니다.

UX 감사를 수행해야 하는 경우

UX 감사를 수행할 수 있는 몇 가지 다른 시나리오가 있습니다.

  • 새 웹사이트나 앱을 실행하기 전에 . 이를 통해 잠재적인 문제를 미리 해결하고 원활한 출시를 보장할 수 있습니다.
  • 상호 작용에서 중요한 변화를 발견한 경우 . 예를 들어 사이트에서 버려진 카트가 갑자기 증가한 경우 전자 상거래 시스템의 UX 감사를 실행할 때일 수 있습니다.
  • 2~3년에 한 번 . 이를 통해 브라우저 및 모바일 장치와 같은 것이 발전하더라도 사이트가 계속 작동하도록 할 수 있습니다. 사이트에 복잡한 기능이 있는 경우 매년 UX 감사를 실행할 수도 있습니다.

위의 항목 중 하나라도 해당되는 경우 아래 체크리스트를 사용하여 철저한 UX 감사를 완료하세요.

UX 감사 체크리스트 ️

1.

UX 감사 준비

  • 웹사이트 또는 앱의 비즈니스 목표를 명확하게 정의하세요.
  • 고객 페르소나 만들기
  • 고객 여정 지도 작성
  • 관련 분석, 이전 감사 문서 및 기타 관련 데이터 수집
2.

사용성 테스트

  • 고객 여정을 기반으로 작업 목록 생성
  • 작업을 수행할 사용자 찾기
  • 사용자 경험 관찰
삼.

접근성 테스트

  • 접근성 테스트 도구 사용
4.

UX 데이터 컴파일

  • 노트를 마스터 문서로 컴파일
  • 데이터를 사용하여 메시징 및 기능의 격차 식별
  • 실행 가능한 제안 만들기

UX 감사 체크리스트: 세부 분석

UX 감사 준비

UX 감사를 시작하기 전에 사이트 평가를 위한 프레임워크를 설정해야 합니다. 즉, 사이트에서 수행하려는 작업과 고객이 사이트에서 얻고자 하는 작업을 모두 이해해야 합니다.

1. 웹사이트 또는 앱의 비즈니스 목표를 명확하게 정의합니다.

가장 먼저 해야 할 일은 사이트나 앱이 달성하려는 목표를 설정하는 것입니다. 예를 들어 웹 사이트에서 UX 감사를 실행하는 경우 다음 목표를 나열할 수 있습니다.

  • 방문자에게 브랜드, 서비스 및 제품에 대해 알리십시오 .
  • 방문자를 뉴스레터 구독자로 전환하십시오 .
  • 방문자에게 제품 및 서비스를 판매합니다 .

목표로 무엇을 나열해야 할지 잘 모르겠다면 효과적인 블로깅 목표 설정에 대한 가이드를 확인하세요.

2. 고객 페르소나 만들기

고객 페르소나는 고객의 특정 세그먼트를 나타내는 프로필입니다. 예를 들어 남성용 운동복을 판매하는 경우 조깅하는 사람을 나타내는 "John"이라는 페르소나를 만들고 팀 스포츠를 하는 사람들을 나타내는 "Robert"라는 다른 페르소나를 만들 수 있습니다. 하키 선수를 위한 페르소나와 야구 선수를 위한 별도의 페르소나와 같이 다양한 스포츠를 하는 사람들을 위한 다양한 페르소나를 생성하여 범위를 더 좁힐 수 있습니다.

고객 페르소나는 연령 및 성별과 같은 기본 인구 통계 데이터부터 시작하여 이러한 고객에 대한 세부 정보를 최대한 많이 포함해야 합니다. 이미 고객이 있는 경우 분석 및 고객 설문 조사를 조합하여 이 데이터를 찾을 수 있습니다. 그러나 이제 막 시작하는 경우 이 정보는 다른 소스에서 수집한 데이터를 기반으로 해야 합니다. eMarketing Stars에는 데이터가 있거나 없는 고객 페르소나 구축에 대한 훌륭한 가이드가 있습니다.

3. 고객 여정 계획하기

고객 여정은 누군가가 귀하의 사이트를 방문할 때 거치는 경로입니다. 고객 여정 지도에는 방문자가 취하는 실제 단계와 웹 사이트 또는 앱의 다양한 부분과 상호 작용할 때 생각, 느낌 및 목표를 시각화한 것이 모두 포함됩니다.

대부분의 고객 여정 지도는 차트, 이미지 및 텍스트의 조합을 사용하여 여러 범주의 정보를 설명합니다. 여기에는 고객 목표, 고객 행동, 고객 감정 및 비즈니스 목표가 포함됩니다.

UX 감사 체크리스트의 이 부분이 부담스럽다면 고객 여정 맵 템플릿을 사용할 수 있습니다.

4. 관련 분석 및 문서 수집

다음으로 웹사이트 또는 앱에 대한 모든 분석 데이터를 수집해야 합니다. 여기에는 정기적인 분석, 히트맵, 클릭 추적 또는 사용자가 사이트와 상호 작용하는 방식과 관련된 기타 데이터가 포함될 수 있습니다. 사이트에 대한 분석을 아직 설정하지 않은 경우 WordPress용 Google 분석 최적화 가이드를 확인하세요.

또한 이전 UX 감사에서 얻은 모든 데이터를 컴파일하고 싶을 것입니다. 이를 통해 지난 UX 감사 이후 사이트 성능이 어떻게 개선 또는 악화되었는지 확인할 수 있는 비교 기준을 제공할 수 있습니다.

사용성 테스트

사용성 테스트는 사용자가 미리 결정된 방식으로 웹 사이트 또는 앱과 상호 작용하는 것을 관찰하는 프로세스입니다. 테스트를 수행하는 사용자는 구축한 고객 페르소나를 대표해야 합니다.

1. 고객 여정을 기반으로 작업 목록 만들기

작업 목록은 테스트 프로세스 중에 사용자가 사이트에서 수행하기를 원하는 작업을 설정합니다. 이는 사이트의 개별 부분과 상호 작용하기 위한 매우 구체적인 단계별 가이드이거나 사이트와의 보다 유기적인 상호 작용을 장려하는 개방형 목록일 수 있습니다.

다음은 웹사이트의 매장 영역을 테스트하는 사용자에게 제공할 수 있는 작업 목록의 예입니다.

  • 홈페이지 열기
  • 쇼핑 페이지로 이동
  • 제품을 하나 이상 선택하세요.
  • 장바구니로 이동
  • 주문 완료

보시다시피 이것은 사용자가 작업할 수 있는 명확한 구조를 제공하고 관찰을 정렬할 관찰자 범주를 제공합니다.

전문가 팁 : 분석을 보면 작업 목록을 만드는 데 도움이 될 수도 있습니다! 예를 들어 많은 사람들이 상점에서 물건을 고르지만 주문을 완료하지 않는 경우 사이트의 장바구니 영역에서 사용성 테스트를 실행해야 할 수 있습니다.

2. 작업을 수행할 사용자 찾기

사용성 테스트를 위한 구조를 설정했으면 테스트에 참여할 사람을 찾기 시작할 수 있습니다. 다음과 같은 몇 가지 소스를 사용할 수 있습니다.

  • 귀하의 전문 네트워크 . 동료는 유사한 앱이나 웹사이트와 사용성을 비교하여 귀중한 통찰력을 제공할 수 있습니다. 그러나 이러한 사람들은 이미 귀하가 하는 일에 대한 전문가일 수 있으므로 귀하의 사이트나 앱을 더 쉽게 탐색할 수 있습니다. 이것은 동료가 테스트 사용자의 유일한 출처가 되어서는 안 된다는 것을 의미합니다.
  • 친구와 가족 . 고객 페르소나와 인구 통계 및 관심사를 공유하는 친구나 가족이 있는 경우 사용성 테스트에 도움을 요청하는 것이 좋습니다.
  • 고객 . 기존 고객에게 직접 접근하거나 뉴스레터나 소셜 미디어를 통해 참여하도록 초대하여 사용성 테스트에 대한 지원을 받을 수 있습니다.
  • 고객 프록시 . 고객과 비슷하지만 접근하기 더 쉬운 사람들입니다. 예를 들어 고객이 다른 국가의 기술 전문가인 경우 해당 국가의 기술 전문가를 프록시로 사용할 수 있습니다.

각 개별 고객 페르소나를 나타내는 사용자를 적어도 한 명은 찾아야 한다는 점을 기억하십시오. 즉, 4명의 고객 페르소나가 있는 경우 사이트를 테스트하려면 최소 4명의 사용자가 필요합니다.

3. 사용자 경험 관찰

참가자가 모이면 테스트를 실행할 준비가 된 것입니다! 여기서 핵심은 사용자와 사이트의 상호 작용을 면밀히 관찰하는 것입니다. 또한 스크린샷과 메모로 모든 것을 문서화하고 있는지 확인하고 싶을 것입니다. 사용자가 행동을 취할 때마다 메모나 스크린샷을 만들어야 합니다.

또한 사용자가 메모를 작성하고 질문을 할 수 있는 공간을 제공해야 합니다. 이를 통해 다른 관점에서 사이트의 기능을 볼 수 있습니다.

접근성 테스트

접근성 테스트는 시각 장애 및 기타 장애가 있는 사람들이 웹사이트 또는 앱에 액세스할 수 있도록 하는 데 중점을 두고 다양한 사람들이 웹사이트 또는 앱을 사용할 수 있도록 하는 프로세스입니다. 이러한 유형의 테스트는 UX 감사 체크리스트에서 가장 기술적인 항목 중 하나이므로 자동화된 도구를 사용하는 것이 좋습니다.

1. 접근성 테스트 도구 사용

사이트의 접근성을 테스트하는 데 도움이 되는 온라인 무료 도구가 많이 있습니다. 최고 중 하나는 웹 접근성 평가 도구인 WAVE입니다. URL을 입력하기만 하면 WAVE가 시각적 오버레이를 생성하여 접근성 문제가 있는 위치를 정확하게 보여줍니다.

UX 감사 체크리스트 - WAVE를 사용한 접근성 테스트

그런 다음 WAVE에서 언급한 오류나 경고를 기록하고 UX 감사 제안을 구현할 때 처리할 수 있습니다.

UX 데이터 컴파일

테스트가 완료되면 배운 내용을 웹사이트나 앱을 수정하는 데 사용할 수 있는 실행 가능한 단계로 전환할 때입니다. 이 프로세스에는 세 단계가 있습니다.

1. 데이터 컴파일

가장 먼저 해야 할 일은 모든 데이터가 UX 감사 마스터 폴더에 포함되어 있는지 확인하는 것입니다. 또한 필요할 때 찾을 수 있도록 모든 항목에 명확하게 레이블이 지정되어 있는지 확인하고 싶을 것입니다.

2. 데이터를 사용하여 메시징 및 기능의 격차 식별

다음으로 사이트의 메시지 및 기능과 관련된 문제를 노출하는 패턴에 대한 데이터를 연구해야 합니다. 몇 가지 질문으로 시작할 수 있습니다.

  • 깨진 기능이 있습니까? 이렇게 손상된 기능이 사용자에게 어떤 영향을 미치나요?
  • 사람들이 귀하의 사이트에 있는 콘텐츠로 인해 혼란스러워합니까? 이로 인해 참여가 감소합니까? 그렇다면 참여가 감소하는 시점은 언제입니까?
  • 사이트 또는 앱의 어떤 부분이 목표를 성공적으로 달성하고 있나요? 귀하의 사이트 또는 앱에서 덜 성공적인 영역과 다른 점은 무엇입니까?
  • 사이트 또는 앱 전체에서 접근성이 일관됩니까?

눈에 띄는 모든 것을 나열하는 새 문서를 만듭니다. "사용성" 및 "접근성" 또는 "성공" 및 "문제"와 같은 범주로 관찰 내용을 구성할 수 있습니다.

3. 사이트/앱 개선을 위한 실행 가능한 단계 만들기

마지막으로 사이트의 다양한 영역을 개선하거나 수정하기 위한 실행 가능한 제안을 만들고 싶을 것입니다. 이는 이전 단계에서 식별한 문제를 기반으로 해야 합니다.

이것이 어떻게 작동하는지에 대한 몇 가지 예는 다음과 같습니다.

  • 사람들이 사이트의 내용으로 인해 혼란스러워하는 경우 텍스트를 다시 작성하거나 디자인 요소를 변경하여 사용자를 올바른 방향으로 더 명확하게 안내할 수 있습니다.
  • 장바구니가 고장난 경우 기술적인 문제 해결을 수행하거나 다른 전자상거래 도구를 사용하도록 전환해야 할 수도 있습니다.
  • 시각 장애가 있는 사용자가 사이트에 액세스할 수 없는 경우 더 큰 텍스트 크기를 사용하고 이미지에 캡션을 추가해야 할 수 있습니다.

다시 말하지만 제안 사항에 쉽게 액세스할 수 있도록 이러한 항목을 새 문서에 나열하는 것이 좋습니다.

맨 위로 이동

마지막 생각들

UX 감사는 사용자가 특정 방식으로 사이트와 상호 작용하거나 상호 작용하지 않는 이유를 이해하는 데 도움이 될 수 있습니다. 이를 통해 사이트 또는 앱을 전략적으로 개선하고 고객 경험을 향상하며 비즈니스 목표 달성에 더 가까이 다가갈 수 있습니다.

필요할 때 다시 확인할 수 있도록 이 UX 감사 체크리스트를 즐겨찾기에 추가하세요!

UX 디자이너 기술을 더욱 레벨업하고 싶다면 2023년에 사용할 8가지 최고의 UX 연구 도구를 살펴보세요.

UX 감사 체크리스트에 대해 질문이 있습니까? 의견 섹션에서 알려주십시오!

UX 감사 체크리스트: #UX #디자인 감사를 완료하는 방법
트윗하려면 클릭

워드프레스 사이트 속도 향상에 대한 단기 집중 과정에 참여하는 것을 잊지 마세요. 아래에서 자세히 알아보십시오.