웹 프로젝트의 품질 보증 (QA) vs. 품질 관리 (QC).

"웹이 완성되었습니다 ...하지만 왜 지저분합니까?" 세계의 문제는 웹 사람들을 만나기 위해 파산했습니다!

자신을 만난 적이 있습니까? 예산과 몇 달 동안 손으로 성형하기위한 웹 사이트를 만들기위한 프로젝트. 출시 당일, 그는 다양한 문제에 직면하여 제 시간에 부었습니다! 키패드는없고, 링크가 고장 났고, 웹 페이지가 휴대폰에서 고장 났고, 뒤뜰 시스템은 너무 느립니다. 또는 가장 심각한 것은 고객이 지불하는 것이지만 시스템은 작동하지 않습니다! 웹이 시작된 것에 대해 흥분의 느낌이 기뻤습니다. 대신 고객의 스트레스와 불만으로 바뀌 었습니다.

당신 이이 이야기에서 고개를 끄덕 이었다면, 당신은이 문제에 직면하지 않았다는 것을 보여줍니다. 이것은 프로젝트 소유자와 많은 웹 개발 팀의 고전적인 악몽입니다. "품질"을 간과하거나 "작업을 보내기 전에 최종 웹 사이트 테스트"가 충분하다고 오해 할 때 종종 발생합니다. 그러나 진실은 그보다 훨씬 더 복잡하며 모든 솔루션의 시작은 비슷하게 보이는 두 단어로 숨겨져 있습니다. 그러나 다른 의미는 "QA"와 "QC"입니다.

삽화를위한 프롬프트 : 비즈니스 소유자 또는 프로젝트 관리자의 스트레스가 많은 표현을 보여주는 그래픽 이미지는 컴퓨터 앞에 사원을 잡고있는 웹 사이트에 오류가 가득 찬 (오류 404, 그림이 표시되지 않음, 레이아웃이 왜곡되지 않음) 전체 빨간 아이콘으로 표시됩니다.

새로운 출시 웹 사이트에 문제가있는 이유는 무엇입니까? 오류의 기원을 해결하십시오

많은 사람들이 프로젝트가 끝날 때 웹 품질 검사가 "버그 버그"라는 것을 결합하는 경향이 있지만 실제로는 문제의 끝 일뿐입니다. 진정한 출처는 종종 두 가지 주요 개념 사이의 혼란으로 인해 발생합니다. ** 품질 보증 (QA) ** 및 ** 품질 관리 -QC) **이 두 가지 분리로 인해 웹 개발 프로세스가 사전 예방이 부족합니다.

상상하다:

• QC (Reactive)에만 초점을 맞춘 팀 : 다양한 기능의 개발을 가속화합니다. 가능한 한 빨리 끝내고 마지막 기간에 "결함 잡기"또는 "테스트 찾기"를 쫓아 내기 위해 작업을 전달하기 전에 결과는 뿌리 깊고 해결하기 어려운 많은 문제가 있습니다. 새로운 코드 시간 낭비와 예산이 높아져야합니다.
• 오해 팀 : 일부 팀은 테스트를받는 것이 책을 찾는 것이 QA를하는 것이라고 생각할 수도 있습니다. 버그를 찾는 것은 QC의 일부이지만 모든 QA는 아니기 때문에 소스의 문제를 방지 할 계획이 부족합니다.
• 중심 표준 없음 : 명확한 QA 프로세스가 없으면 각 개발자는 다른 스타일을 작성할 수 있습니다. 작업이 결합 될 때 발생하는 명확한 참조 문서는 없으며 건축가 및 엔지니어가 다른 언어와 대화하는 등의 집을 짓는 것과 같은 오류가 쉽게 발생할 수 있습니다.

귀하의 웹 사이트를 시한 폭탄처럼 보이게하는 이러한 뿌리. 출시 후 문제가 발생하기를 기다리고 있습니다. QA와 QC의 차이점을 이해하는 것이 강력한 웹 사이트를 구축하는 첫 번째 단계라고 생각하는 것보다 더 많은 영향을 미칩니다. 좋은 웹 사이트에 대한 점검 목록을 갖는 것은 QA 계획의 일부이며 오류를 줄이는 데 도움이됩니다.

삽화를위한 프롬프트 : 간단한 인포 그래픽 이미지 두 가지 경로 비교 한 방법은 아이콘과 빨간색 조명으로 가득 찬 "QC에 초점을 맞추는"라는 와인딩 경로입니다. "QA 전반에 걸쳐 QA"라는 또 다른 직선과 부드러운 경로가있는 트로피로 작성된 "품질 웹 사이트"로 이어집니다.

품질이 부족한 웹 사이트를 출시하십시오 ... 단순히 "얼굴을 잃는"것보다 더 심각한 단점

웹 사이트가 오류로 가득 차게하는 것은 사용자의 눈으로 나가도록하면 "패배"팀 또는 "낭비 시간"을 고치게하는 데 영향을 미치지 만, 그보다 훨씬 더 무서운 많은 차원에서 비즈니스에 직접 영향을 미칩니다.

• 신뢰성 상실과 이미지 파괴. 브랜드 : 웹 사이트는 비즈니스의 얼굴입니다. 고객이 들어 와서 웹 만 천천히 파손된다면 사용하기가 어렵습니다. 브랜드가 즉시 감소 할 것이라는 확신. 다시는 돌아 오지 않을 수 있습니다
• 사업 기회와 판매 손실 : 고객이 물건을 사고 싶어한다고 상상해보십시오. 그러나 결제 버튼을 누르거나 양식을 작성할 수 없습니다. 웹 사이트에 문의하십시오 ... 즉, 눈이 깜박이면서 사라진 판매 및 리드입니다. 그리고 그 고객이 경쟁 업체에게 영원히 상실한 것을 의미 할 수 있습니다.
• 마케팅 예산 낭비. 혜택 : 페이스 북이나 Google 광고를 촬영하기 위해 많은 돈을 버려서 사람들을 웹에 끌어 올릴 수 있습니다. 그러나 웹 사이트가 실제로 작동하지 않는다면 누수 탱크에 물을 붓는 것과 같습니다. 얻은 트래픽은 의미가 없습니다. Bondce 비율이 증가하기 때문에 광고 수수료가 증가하는 동안
• 장기 SEO : Google은 사용자 경험 (사용자 경험)에 매우 중요합니다. 천천히로드하거나 바운스 속도가 높거나 링크가 끊어진 웹 사이트는 지속적으로 줄어 듭니다. 검색 검색을 악화시킵니다.
• 더 높은 수정 비용 : 라이브 웹 사이트 후 버그 수정은 처음부터 버그 방지보다 비용이 많이 들었습니다. 시간, 인력 및 비즈니스 기회 상실 측면에서

따라서 "품질"을 만드는 과정에 투자하는 것은 "비용"이 아니라 이러한 손해가 발생하는 것을 막기위한 가장 중요한 "투자"입니다. UX 감사 프로세스를 만드는 것은 이러한 효과를 찾고 해결하는 데 도움이되는 한 가지 방법입니다.

삽화를위한 프롬프트 : "버그가있는 웹"에서 시작하여 부정적인 영향을 나타내는 유제품 이미지 및 "고객은 좌절", "판매 손실", "브랜드 손실"및 "SEO Rank"가 도미노 효과를 가리키는 화살표가 있습니다.

원인을 해결하십시오! QA와 QC를 분리 한 다음 사용합니다

문제와 영향을 이해할 때 올바른 솔루션을 볼 차례입니다. 핵심은 ** QA (품질 보증) ** 및 ** QC (품질 관리) **를 올바르게 사용하는 것입니다.

가장 명백한 이미지를보기 위해 건강 관리를 상상해보십시오.

• QA는 "예방 건강 관리"입니다. 유용한 음식을 먹고 규칙적인 운동을하고, 처음부터 아프지 않기 위해이 모든 것을 "예방"할 수 있도록 충분히 잠을 자십시오.
• QC는 "연간 건강 검진"입니다. 혈액 검사, 측정, X- 레이어를 위해 병원에 가서 신체에 어떤 질병이 숨겨져 있는지 "검색"합니다.

웹 없이는 둘 다 살 수 없다는 것을 알게 될 것입니다.

품질 보증 (QA) - 품질 보증 ( "프로세스"강조 "보호")

QA는 ** "작업 프로세스"**에 중점을 둔 사전 활동으로 최종 결과가 품질이 나와 오류를 최소로 줄일 수 있도록합니다. 첫 번째 줄 코드를 작성하기 전에 표준을 생성하고 보호 시스템을 설정하는 것입니다.

QA 활동의 예 :

• 코딩 표준 설정
• 올바른 기술과 도구를 선택합니다
• 명확한 요구 사항 및 사양 문서 작성
• 웹 플로우 스테이징 환경을 안전한 테스트 영역을 갖는 것과 같은 워크 플로 설계
• 팀이 동일한 지식과 이해를 갖도록 교육합니다.

품질 관리 (QC) - 품질 관리 ( "검사"를위한 "결과"강조)))

QC는 ** "결과"**에 중점을 둔 수신 활동 (반응성) 또는 실제 사용자 웹 사이트 전에 가능한 한 가능한 한 많은 오류 (결함)를 확인하고 식별하기 위해 작성된 웹 사이트입니다.

QC 활동의 예 :

• 요청에 따라 올바르게 작동하는지 여부에 관계없이 다양한 기능을 테스트했습니다 (기능 테스트)
• 다양한 브라우저 및 장비에 대한 디스플레이 검사 (크로스 브라우저/교차 부호 테스트)
• 성능 테스트
• 깨진 링크 확인

그래서 "QA와 QC, 어느 것이 더 낫습니까?" 올바른 질문은 ** "QA와 QC를 프로젝트에 어떻게 병합 할 수 있습니까?"입니다. ** ASQ (American Society for Quality)는 QA가 프로세스 계획이라는이 차이를 분명히 설명했습니다. QC는 해당 프로세스의 결과를 확인하고 있습니다.

그림을위한 프롬프트 : Infiguer Image, 표 2 열, QA와 QC 비교를 명확하게 비교합니다. QA 열은 키워드 "Proactived, 예방,"QC 열 "이 포함 된 그림 아이콘"캘린더, 문서 "가 있습니다.

The Real Thing의 예 : Tech가 웹 위기를 바꾸었을 때 ...

명확하게하기 위해 프로젝트 관리를위한 SaaS 플랫폼을 만든 회사 "Innovatech"의 예를 제시하고 싶습니다.

첫 번째 비싼 교훈 : 버전 1.0의 개장에서 Innovatech 팀은 가능한 빨리 기능 개발에 중점을 둡니다. 지난 주에 피상적 인 QC 만 출시하기 전에 결과는 재앙입니다! 사용자는 많은 버그가 발생합니다. 시스템은 종종 충돌합니다. 일부 고객은 누락되었습니다. 팀은 저녁에 문제를 따르기 위해 노력해야합니다. 평판과 첫 번째 고객 그룹을 유발

버전 2.0에서 얇고 새로 생성 된 청소 : 버전 2.0 개발에 대한 수업에서 QA 및 QC 원칙을 진지하게 사용하여 모든 새로운 프로세스를 조정했습니다.

• QA 수준 (예방) :
  • 재단에 위치한 : 모든 사람이 따라야하는 "코딩 표준"을 정의하고 UI를 일관성있게 만들고 모든 기능의 "기술 사양"을 작성하기 위해 "디자인 시스템"을 작성합니다.
  • 프로세스 작성 : 코드를 결합하고 "Continuous Integration (CI)"시스템을 사용하여 새 코드를 자동으로 테스트하기 전에 매번 "코드 검토"가 있습니다.
• QC 단계 (검사) :
  • 시험 계획 만들기 : 시험 팀은 가능한 모든 상황을 포괄하는 "테스트 케이스"를 만듭니다.
  • 테스트를 라운드로 나눕니다 : 개발자의 단위 테스트, QA 팀의 통합 테스트 및 실제 샘플 고객이 시도한 사용자 수락 테스트 (UAT).
  • 출시 전 체크리스트 : LA 이후 UNCH 체크리스트를 사용하여 마지막으로 모든 것을 확인했습니다.

다른 결과와 심연 : 버전 2.0의 릴리스는 매우 매끄 럽습니다. 사용자가 90%이상보고 한 버그 수. 시스템은 매우 안정적입니다. 그리고 신규 고객은 탁월한 만족도 점수를 부여합니다. 이것은 QA와 QC의 통합의 힘으로, 거의 성공적인 제품이되지 않은 프로젝트에서 변경되었습니다.

삽화를위한 프롬프트 : 그래픽 전과 후 그림은 출시 될 로켓이지만 검은 연기와 "버전 1.0 (QC 만 해당")이있는 부러진 조각이 있습니다.

무엇을하고 싶습니까? QA/QC를 사용하여 실제로 사용하는 체크리스트

여기서 읽으십시오.이 원칙을 자신의 프로젝트에 적용하고 싶습니다. 이 간단한 체크리스트를 가이드 라인으로 사용할 수 없다는 것에 대해 걱정할 필요가 없습니다. 이는 두 가지 주요 부분으로 나뉘어져 있습니다. ** QA 활동 (모든 프로젝트 수행) ** 및 ** QC 활동 (제작) **

1 부 : QA 활동 (품질 보증 - 예방)

이들은 모든 프로젝트에서 작업 문화의 일부 여야합니다.

• [] 명확한 목표와 요구 사항 : 팀의 모든 사람은 "완성 된 웹 사이트"가 어떤 기능이 있는지 이해해야합니까?
• [] 작업 표준 생성 (표준화) :
  • - 개발자를위한 코딩 표준 및 스타일 가이드가 있습니다.
  • - 디자이너가 설계 톤을 제어 할 수있는 설계 시스템이 있습니다.
• [] 문서 : 기술 결정 노트, API 방법 또는 팀이 함께 사용해야하는 기타 중요한 정보
• [ ] 테스트 영역에 대한 계획 : 검사를 통해 워크 플로가 작동하여 실제 웹 사이트에 영향을 미치지 않고 테스트하고 검토 할 수 있도록 워크 플로가 작동합니다 .
• [] 작품 검토 (교차 기능 검토) : 예를 들어 개발자, 서로 검토, 디자이너. 개발자의 리뷰는 웹 프레임 등을 작동합니다.

2 부 : QC 활동 (품질 관리 - 확실한 점검)

이들은 프로젝트의 중요한 시점, 특히 배달 전의 중요한 시점에서 발생합니다.

• [] 시험 계획 및 테스트 사례 작성 : 테스트 계획은 무엇입니까? 그리고 테스트 절차는 어떻습니까? Guru99 와 같은 좋은 정보 소스에는 더 많은 공부를위한 예가 있습니다.
• [] 기능 테스트 : 모든 기능이 설계된대로 올바르게 작동하는지 확인하십시오 (예 : 응용 프로그램, 주문, 형성)
• [] 유용성 및 UX 테스트 : 웹 사이트가 사용하기 쉬운 지 여부를 테스트합니까? 사용자가 혼란 스럽습니까? UX 감사는 이 부분에서 많은 도움이 될 수 있습니다
• [] 호환성 테스트 : 디스플레이를 확인하고 작업하십시오
  • - 인기 브라우저 (Chrome, Firefox, Safari, Edge)
  • - 장비 (데스크탑, 태블릿, 모바일)
• [] 성능 테스트 : 웹 페이지로드 속도를 테스트하고 Google Pagespeed Insights와 같은 도구로 측정합니다.
• [] UAT (사용자 수락 테스트) : 실제 고객이나 사용자가 출시 전에 피드백을 제공하려고 시도합니다.

포괄적 인 체크리스트가 있으면 아무것도 삭제되지 않도록 도와줍니다. 그리고 비즈니스에 좋은 결과를 창출하는 고품질 웹 사이트를

그림을위한 프롬프트 : 아름다운 체크리스트 이미지는 오른쪽 진드기 측면이있는 "QA 프로세스"및 "QC 체크 포인트"인 두 부분으로 나뉩니다.

사람들이 의심하는 경향이있는 질문 (FAQ)은 QA 대 QC의 모든 문제를 해결합니다.

따라서 이것을 더 깊이 이해할 수 있습니다. QA와 QC에 대한 일반적인 질문을 명확하게 대답했습니다.

Q1 : 팀에서는 "QA"및 "QC"위치가 별도로 있어야합니까?
A : 별도의 직책 (예 : QA 관리자 및 QC/Tester)을 가진 대형 팀 또는 복잡한 프로젝트에서는 모범 사례로 간주되지만 별도의 직책을 가질 필요가없는 소규모 팀 또는 신생 기업의 경우. 그러나 중요한 것은 ** 팀의 모든 사람이 자신의 역할을 이해하고 책임을 져야한다는 것입니다. ** 예를 들어, 프로젝트 관리자는 개발자 인 QA를 처리 할 수 있습니다. 단위 테스트 (QC의 일부) 및 프로젝트 소유자 또는 UAT (사용자 수락 테스트)를 만들기위한 마케팅 팀.

Q2 : 우리 사업이 매우 작 으면 팀에 대한 추가 예산이 없습니다. 먼저 무엇에 집중해야합니까?
A : 선택해야한다면 ** 좋은 QA 문화를 먼저 만들어 시작하십시오. 명확한 작업 과정을 만들고, 좋은 문서를 가지고 있으며, 종종 팀에서 의사 소통을하려고합니다. QC는 친구의 작업을 테스트하는 데 도움이되는 개발자와 같은 기본 수준에서 할 수 있습니다. 또는 회사에서 기술이 아닌 사람들이 실제 사용자 코너에서 웹을 플레이하는 데 도움이되는 사람들을

Q3 : QA와 QC의 차이점은 무엇입니까?
A : 아주 좋은 질문입니다! 3 개의 겹치는 이미지를 보려면 :

• 소프트웨어 테스트 : 버그를 찾기위한 "활동"테스트입니다. 가장 작은 부분입니다
• QC (품질 관리) : 소프트웨어 테스트 및 기타 활동을 사용하는 "프로세스"입니다. "결과"의 품질을 확인하려면 (웹 사이트)
• QA (품질 보증) : 개발 프로세스와 QC 프로세스를 모두 다루는 "프레임 워크"입니다.

요컨대, 테스트는 QC의 일부이며 QC는 QA의 일부입니다.

Q4 : 프로젝트시기부터 QA와 QC를 시작해야합니까?
A : ** QA는 프로젝트의 첫날 (1 일) **부터 시작합니다. 요구 사항 및 계획 수집에서. ** QC는 주기적으로 시작됩니다. ** 예를 들어, 기능 A가 완료되면 QC의 QC 기능, 스프린트가 완료되면 스프린트와 큰 QC가 실제 웹 사이트에 열리게됩니다.

삽화를위한 프롬프트 : 사람들이 이야기하고 있습니다. 물음표와 올바른 점수로 질문을 명확하게하는 질문 답변을 전달합니다.

결론적으로 이해하기 쉬운 : QA와 QC는 적이 아니라 품질 웹 사이트의 파트너입니다.

이 시점에서 나는 당신이 ** QA (품질 보증) ** 및 ** QC (품질 관리) **를 분명히보아야한다고 생각합니다. 전혀 대체 할 수 없습니다

다음과 같이 쉽게 기억하기 위해 :

• QA는 기대하고 있습니다 . 우리의 과정이 충분합니까?
• QC는 되돌아보고 있습니다 (뒤로 보이는) : 결과는 "문제는 어디에 있습니까?" 우리는 무엇을 해결해야합니까?

고품질 웹 사이트 생성은 더 이상 프로젝트의 최종 베이크에 의존 할 수 없지만 같은 팀의 "Ghost Ventian"및 "Sorcerer"와 같은 강렬한 검사 (QC)와 병렬로 체계적인 방어 계획 (QA)이 필요합니다.

팀의 웹 프로세스를 탐색하도록 초대하고 싶습니다. 오늘 우리는 "파트너"가 있고,이 쌍은 완전하고, 그들은 충분히 함께 일하고 있습니까? 투자는 오늘부터 품질 프로세스를 만드는 데 효과적입니다. 온라인 비즈니스의 장기적인 성공을위한 가장 강력한 토대를 마련하는 것입니다.

"방금 완료된"웹 사이트를 "품질"웹 사이트로 변경해야합니다! 비즈니스를 이끄는 시스템 고품질 웹 사이트를 설정하고 만들기 위해 파트너 나 전문가가 필요하다면 우리 팀은 조언을 제공 할 준비가되어 있습니다!

그림을위한 프롬프트 : 아름다운 그래픽, QA 아이콘 (방어 방패) 및 QC (돋보기)가 손을 잡고 있습니다. "더 나은 품질, 더 나은 결과"메시지가 포함 된 그래프 배경이 상승합니다.

‍