품질 관리 프로세스를 정리하는 방법

품질 관리(QC)는 프로젝트를 성사시키거나 중단시킬 수 있습니다. 그럼에도 불구하고 WordPress 클라이언트는 모바일에서 스마트 HDTV에 이르기까지 모든 유형의 장치에서 사이트가 제대로 작동하고 멋지게 보이기를 기대하기 때문에 이 필수 프로세스는 다소 어려울 수 있습니다.

고급 품질 보증에는 일관된 접근 방식, 올바른 도구, 디자이너와 개발자 간의 협업이 포함됩니다. 또한 고객에게 프로세스를 명확하게 전달하여 고객이 무엇을 기대하고 언제 참여할 수 있는지 알 수 있도록 하는 것을 잊지 마십시오.

1. 일관된 프로세스 따르기

새 웹 사이트 구축에서 최상의 결과를 얻으려면 여러 차례의 품질 보증 및 제어와 함께 폭포수 접근 방식을 사용하십시오. 물론 적절한 시기에 맞춰야 합니다.

품질 관리를 시작할 때 모든 콘텐츠가 이미 사이트에 추가되고 주요 개발 작업이 완료되어야 합니다. 아직 사이트 구축을 완료하지 않고 많은 변경을 하게 되면 프로세스를 처음부터 다시 시작해야 합니다.

QC는 몇 시간 이상 걸리므로 이 필수 단계에 충분한 시간을 두십시오. 일반적으로 종합적인 QC는 모든 것을 검토하는 경우 영업일 기준 5-7일이 소요될 수 있습니다. 페이지가 많은 대형 사이트나 전자상거래 및 회원 사이트의 경우 프로세스가 더 오래 걸릴 수 있습니다.

품질 관리를 2~3회 수행하는 경우 각 단계에서 다른 팀원을 참여시킬 수 있습니다. 첫 번째 라운드에는 일반적으로 개발자와 디자이너가 사이트를 검토하고 모든 것이 디자인 및 범위와 일치하는지 교차 확인이 포함됩니다.

두 번째 라운드는 일반적으로 가장 심층적인 단계이며 브라우저 테스트 및 다양한 장치 크기에서 사이트 검토가 포함될 수 있으며 마지막 라운드에는 클라이언트가 포함됩니다. 바라건대, 이 시점까지는 클라이언트가 지적할 문제가 더 이상 남지 않습니다!

2. 브라우저 및 테스트 도구 활용

올바른 도구는 QC를 보다 효율적으로 만들 것입니다. 다음은 프로세스를 간소화하는 데 가장 좋은 몇 가지입니다.

Browser Stack은 2000개 이상의 장치와 브라우저에서 웹사이트를 테스트하고 시뮬레이션할 수 있는 인기 있는 웹사이트 및 모바일 테스트 플랫폼입니다. 사이트를 검토하면서 버그 또는 수정 사항의 스크린샷을 쉽게 캡처할 수도 있습니다. 휴대전화와 태블릿 기기와 크기가 너무 다양하기 때문에 이러한 플랫폼을 활용하지 않고 웹사이트를 QC하기는 매우 어렵습니다. 결국, 귀하의 팀은 테스트 플랫폼의 도움 없이 사이트를 적절하게 테스트할 수 있는 iPhone 및 Android의 모든 변형을 소유하지 않을 가능성이 큽니다.

물론 라이브 컴퓨터(및 모바일 장치)에서 가능한 한 많은 다른 브라우저에서 웹사이트를 확인하는 것이 항상 좋은 생각입니다. 테스트 시뮬레이션은 사이트에 대한 매우 정확한 표현을 제공할 수 있지만 장치 자체를 확인하는 것은 또 다른 확실성을 제공하고 그렇지 않으면 놓쳤을 무언가를 발견할 수 있습니다.

다른 두 가지 훌륭한 리소스는 ChromeDev 도구와 Chrome Lighthouse 감사입니다. Google Chrome Lighthouse를 사용하면 성능, 접근성, 모범 사례를 감사할 수 있습니다. 그러나 선택한 도구에 관계없이 팀이 테스트하려는 브라우저, 장치 및 해상도에 대한 명확한 체크리스트를 따르고 결과를 추적하는지 확인하십시오.

프로젝트를 시작할 때 팀이 지원하는 브라우저 및 해상도에 대해 클라이언트와 함께 명확한 지침을 설정하십시오. 예를 들어 Internet Explorer와 같은 특정 브라우저는 더 이상 제대로 지원되지 않으므로 불안정한 플랫폼에서 몇 시간을 보낼 필요가 없습니다.

3. 디자이너의 피드백 포함

품질 관리 및 보증은 개발 팀만의 작업이 아닙니다. 웹 디자이너가 가장 잘 알아차릴 수 있는 문제가 많이 있습니다.

디자이너는 사이트에서 양식 디자인, 색상 선택 및 마우스 오버를 검토하여 모든 것이 모형과 일치하는지 확인할 수 있습니다. 그들은 또한 사이트의 반응 문제에 도움을 줄 수 있습니다. 개발자가 모바일 문제로 어려움을 겪고 있는 경우 디자이너는 요소를 축소하여 더 작은 장치에 배치하는 방법에 대한 귀중한 피드백을 제공할 수 있습니다. 사이트에 마이크로 애니메이션과 스크롤 애니메이션이 포함된 경우 디자이너는 이러한 애니메이션도 검토하고 자신의 비전과 일치하는지 확인할 수 있습니다.

마지막으로 디자이너는 구축된 사이트에서 이미지와 디자인 요소의 품질과 해상도를 관찰할 수 있습니다. 개발자는 빌드 중 성능을 위해 이미지를 최적화하는 경우가 많으며 때로는 최적화 작업으로 인해 해상도가 너무 낮아지고 디자인 품질이 저하될 수 있습니다.

디자인이 더 복잡해지고 더 동적인 요소가 포함됨에 따라 디자이너와 개발자 간의 협업을 위한 영역이 많이 있습니다. 이를 염두에 두고 웹 디자이너는 개발팀을 위한 웹사이트 스타일 가이드와 디자이너 노트를 준비하여 QC 과정에서 앞뒤가 맞지 않는 부분을 줄일 수 있습니다.

QC 중에 수많은 모바일 변경 사항을 줄이기 위해 디자이너가 홈페이지 또는 모바일 메뉴의 일부에 대한 모바일 목업을 준비하도록 하는 것도 도움이 될 수 있습니다.

4. 성능 및 접근성에 중점

오늘날 모든 웹사이트 팀은 프로젝트의 모든 단계에서 성능을 고려해야 합니다. QC 프로세스 중 성능 문제를 해결하면 출시 후 주요 최적화 작업과 고객 불만을 피할 수 있습니다.

몇 년 동안 성능과 페이지 로드 시간은 검색 엔진 최적화의 순위 요소였으며 순위에 관한 것만이 아닙니다. 페이지 로드 시간은 사이트의 사용자 경험에도 영향을 미칩니다. 개발 프로세스에서 결정을 내릴 때 선택한 플러그인에서 상위 테마에 이르기까지 성능에 미치는 영향을 고려하십시오.

웹 접근성은 QC에 대한 또 다른 중요한 고려 사항입니다. 개발 모범 사례와 웹 콘텐츠 접근성 지침을 따르면 사이트의 다른 오류를 최소화할 수 있습니다. 접근성을 위해 키보드 탐색 기능, 디자인 레이아웃의 색상 대비 및 모든 양식의 오류 메시지를 검토해야 합니다. WebAIM의 색상 대비 도구를 사용하여 사이트의 대비 비율을 확인할 수 있습니다.

QC 프로세스 중에 몇 가지 기본 WordPress 속도 테스트를 실행하고 실행 후 다시 반복하십시오. 프로덕션 서버 환경에서 새 사이트를 구축하는 경우 캐싱이 활성화되어 있지 않거나 사이트가 결국 다른 플랫폼에서 호스팅되는 경우 정확한 결과를 얻지 못할 수 있습니다.

5. 전자상거래 및 복잡한 개발 확인

QC 프로세스 중 시각적 문제를 확인하는 것 외에도 전자 상거래 또는 회원 사이트와 같은 복잡한 빌드에 더 많은 시간을 할당해야 합니다.

중요한 테스트를 놓치지 않도록 이러한 유형의 프로젝트에 대한 특정 프로세스를 갖는 것이 도움이 됩니다. 위의 일반적인 품질 관리 항목 외에도 장바구니를 테스트하고 배송 설정을 검토하고 전자 상거래 웹 사이트에 대한 제품 필터링 또는 검색 옵션을 확인해야 합니다. 또한 이메일 플랫폼 및/또는 CRM과의 통합 문제도 살펴봐야 합니다.

회원 사이트의 경우 신규 회원 가입, 지불 처리(해당되는 경우) 및 갱신 단계에 대한 단계를 테스트하고 싶을 것입니다. PayPal 및 Stripe과 같은 대부분의 지불 게이트웨이는 지불을 처리한 다음 환불하지 않고도 프로덕션 사이트에서 테스트 지불을 수행하는 방법을 제공합니다.

이러한 모든 요소는 이러한 유형의 현장에 대한 품질 관리 프로세스에 며칠을 추가할 수 있습니다. 품질 관리 단계는 전자 상거래 사이트에서 훨씬 더 중요합니다. 왜냐하면 주요 문제는 판매 및 수익에 직접적인 영향을 미치기 때문입니다.

클라이언트가 출시 전에 사이트에 제품을 추가할 예정이라면 모든 콘텐츠와 제품이 사이트에 설정될 때까지 품질 관리를 보류하는 것이 좋습니다.

완벽에 가까워지기

QC 프로세스 중에 처리해야 할 세부 사항이 많을 수 있지만 모두 일관성, 협업 및 잘 지원되는 도구로 귀결됩니다.

그리고 물론, 팀의 책임이 끝나는 시점에 대한 명확한 경계를 설정합니다. 클라이언트가 사이트에 액세스하거나 사이트를 다른 호스팅 플랫폼으로 이동한 후에는 오류를 예상하기가 매우 어려울 수 있습니다.

웹 개발자를 위한 #1 로컬 WordPress 개발 도구를 다운로드하십시오!

로컬에는 더 많은 작업을 수행하는 데 필요한 모든 것이 있습니다. 원클릭 설치, 즉각적인 호스팅 연결 제어 및 딸꾹질에 직면했을 때의 훌륭한 지원 덕분에 WordPress 사이트를 로컬에서 개발할 수 있는 번거롭지 않은 방법입니다. 전 세계에서 100,000명 이상의 재능 있는 개발자가 신뢰하는 이 앱은 가장 좋은 부분인 무료입니다! 여기에서 로컬을 시작하세요.