UI 구현하기

UI테스트

구현된 화면, 폼, 메뉴, 흐름을 테스트할 수 있는 테스트 케이스를 작성하고 단위 테 스트를 수행하기 위한 테스트 조건을 명세화할 수 있다.

사용성 테스트(Usability Test)

• 1. 목적
  • (1) 사용성 테스트 기법은 UI테스트에 대한 보편적인 방법으로, 크게 사용성 테스트에 대한 계획 수립, 사용성 테스트 설계, 사용성 테스트 수행과 결과 검토로 구분하여 진행된다.
  • (2) 사용자의 제품 만족도 제고, 제품의 완성까지의 노력 대비 높은 효율성, 개발 생산 성 대비 낮은 에러, 쉬운 학습 이해도, 높은 품질의 완성도 상승, 사용자 실수 최소 화 등의 효과를 달성할 수 있다.
• 2. 특징
  • (1) 사용자가 웹 사이트를 사용하는 것을 전제로 분석하여 사이트 구성 메뉴의 문제점 과 요구사항의 반영 여부를 점검하는 것이다.
  • (2) 웹 사이트가 개발된 조건을 바탕으로 사용자가 접근하고 이용하는 측면에서 선호할 만한 웹 사이트의 기능을 테스트하는 것이다.
  • (3) 사용자의 요구사항에 맞는 웹 사이트를 만들어 내기 위하여 구현 전체 절차에 사용 자의 재 요구사항이 반영되도록 하는 것이다.
• 3. 사용성 테스트의 주의 사항
  • (1) 사용성에만 치중한 나머지 고객의 감성적인 측면에 그칠 수 있다.
  • (2) 기본 기능이 정확히 구현되었는지 검사하는 기본적인 기능 테스트에 대한 누락이 발생하지 않도록 주의한다.
  • (3) 테스트에 참여하는 인원이 자율적으로 테스트할 수 있는 환경이어야 좋은 품질 보 장이 가능하다.
  • (4) 테스트할 때 자세한 기능 설명, 구현 방법에 대해서 충분한 테스트가 가능하도록 제공되어야 한다.
  • (5) 테스트가 오랜 시간 진행될 경우 중간에 어떤 사유에서 지연되는지 체크해야 한다.

사용성 테스트 과정

• 1. 계획 수립 - 목적, 평가 내용(항목) 분석, 사용 환경, 사용자 등을 분석한다.
• 2. 테스트 설계 - 진행 절차 작성, 테스트 참가자 결정, 테스트 항목의 평가 방향 결정, 다 양한 평가 방법으로 설계한다.
• 3. 테스트 실행 – 설계된 진행 절차대로 진행한다.
• 4. 결과 보고서 작성 – 평가에 사용된 데이터를 분류하고 분석하며 결과를 통해 문제점을 분석한 후, 수정에 필요한 의견을 포함하여 보고서를 작성함으로써 피드백을 통해 오류 를 수정하도록 한다.

테스트 케이스의 작성

테스트 케이스는 어떤 실행 환경에서 어떤 입력 값들을 부여하여 원하는 결과가 정확히 나오는지를 판단할 수 있도록 작성한다.

유효성 검사

HTML 문서 작성 후 문법 등 지켜야 할 많은 규칙들이 있다. HTML의 문법은 생각보다 복 잡해서 완전히 외우기 쉽지 않고, 익숙해진 후에도 간혹 실수를 하게 된다. 따라서 가장 좋은 방법은 유효성 검사 프로그램을 사용하여 자신이 작성하고 있는 HTML 문서를 최대 한 자주 검사하는 것이다.