메뉴

와이어 프레임 – 실제로 테스트해야합니까? 그렇다면 어떻게?

  • 메인
  • 품질 보증
  • 와이어 프레임 – 실제로 테스트해야합니까? 그렇다면 어떻게?

wireframes should they really be tested

문제를 제거하기 위해 도구를 사용해보십시오

새로운 연수생이 탑승했고 우리는 소프트웨어 테스트 개념 배우기 . (전문적으로) 거의 공허한 마음을 가진 그 열정적 인 얼굴을 본 후, 나는 일상적인 훈련으로 우회하기로 결정했습니다.

간단한 소개를 마치고 평소처럼 소프트웨어 테스팅에 대해 이야기하는 대신 새로운 마음으로 질문을 던졌습니다. 누구든지 나에게 무엇을 설명 할 수 있습니까? ...에 와이어 프레임은? '

대답은 잠시 멈 췄기 때문에 논의하기로 결정했습니다. 이것이 시작된 방법입니다. 와이어 프레임 / 시제품 테스트 :)

와이어 프레임 프로토 타입 테스트

그래서, 와이어 프레임이란? 몇 가지 간단한 비유로 설명하겠습니다.

  1. 실내 장식가는 가구를 넣고 집을 무작위로 꾸미기 시작하지 않습니다. 그는 자신의 계획을 종이 (또는 디자인 소프트웨어)에 기록하고 고객과 논의하고 가장 실용적인 방법으로 계획을 시도하고 수정 한 다음이를 구현합니다.
  2. 신체 부위가 얼마나 심각하게 손상되었는지 이해하기 위해 의사는 X- 레이를 봅니다. X-ray는 기본적으로 우리 몸의 골격이며 뼈와 관절에 대한 정확한 정보를 제공합니다.
  3. 재단사는 종이 천 (다시 프로토 타입)을 준비하고 수정이 필요한 모든 작업을 수행하며 모든 것이 정확할 때까지 기본 측정으로 사용하고 자신이 재봉중인 실제 조각으로 진행할 수 있다고 확신합니다.

와이어 프레임의 개념을 누구나 이해할 수있는 예라고 생각합니다.

와이어 프레임은 일종의 프로토 타입입니다.

이는 본질적으로 제한적입니다. 즉, 작동하는 요소가없는 빈 HTML 페이지 또는 응용 프로그램의 페이지 / 기능 / 요소를 나타내는 정적 스크린 샷을 포함 할 수 있으며 실제 시각적 디자인의 색상, 그래픽 및 기타 요소가 부족할 수 있습니다.

견고한 애플리케이션 / 웹 사이트를 구축하려면 견고한 프레임 워크가 필요하며 와이어 프레임은 페이지 레이아웃, 전체 인터페이스, 탐색 및 기능에 대한 묘사를 제공하여 프레임 워크를 제공하는 데 도움이됩니다.

다음은 와이어 프레임의 몇 가지 예입니다.

와이어 프레임 예 2

와이어 프레임 예 1

소프트웨어 회사가 와이어 프레임을 구축하는 이유는 무엇입니까?

똑같은 이유로 재단사 / 인테리어 디자이너 / 의사는 실수를 피하고 추측을 없애고 모든 것을 결정하기 전에 고객의 승인을 받기 위해 먼저 시도하기로 결정합니다. 초기에 문제를 식별하고 완료되었을 때 나타나는 소프트웨어를 엿볼 수 있도록 도와줍니다.

학습 내용 :

와이어 프레임 / 프로토 타입 테스트의 중요성 :

그렇다면 왜 스켈레톤이고 사용자가 지금의 방식으로 볼 수없는 무언가를 테스트해야할까요? 다시 말해서 – 아직 더미 일 때 왜 중개자를 괴롭히는가?

간단히 – 결함 예방을 지원하기 위해 – 이는 QA 팀의 전체 의제입니다 (품질 보증 = 결함 예방 + 결함 식별 ).

와이어 프레임 테스트의 중요성

와이어 프레임 테스트는 다음에 도움이 될 수 있습니다.

# 1) 누락 된 요구 사항 식별 :

요구 사항에 다음과 같이 명시되어있는 경우 로그인 페이지 2 개의 입력 필드, 각각 로그인 ID 및 비밀번호와 3 개의 버튼, 확인-취소-재설정이 있어야합니다. 와이어 프레임이 다음과 같으면 누락 된 재설정 버튼을 초기에 쉽게 찾아 응용 프로그램에 통합 할 수 있습니다.

그녀는 10 년 이상의 소프트웨어 테스트 경험을 보유한 프로젝트 리더입니다.

# 2) 추가 요구 사항 식별 :

위의 상황의 반대는 로그인 페이지에 각각 로그인 ID와 비밀번호라는 2 개의 입력 필드와 확인 및 취소의 2 개의 버튼이 있어야한다는 요구 사항이 요구 사항 일 수 있습니다. 와이어 프레임이 다음과 같으면 추가 재설정 버튼이 있음을 쉽게 알 수 있으며 실제로 필요한지 여부를 확인할 수 있습니다.

와이어 프레임 테스트 2

# 3) 유용성 :

와이어 프레임은 제품 / 애플리케이션이 개발되기 전에 유용성을 테스트 할 수있는 최상의 옵션 중 하나입니다.

다음은 양식 중 하나의 와이어 프레임입니다.

와이어 프레임 테스트 3

언뜻보기에는 괜찮은 것 같습니다.

이제 양식에 정보를 입력 할 최종 사용자라고 생각하십시오. 이 양식이 더 사용자 친화적 일 수있는 방법이 있다고 생각하십니까? 음, 확실히 그렇게 생각합니다.

  • 달력 기호를 제공하고 사용자가 달력에서 날짜를 선택하도록 제한합니다. 이것은 사용자가 따라야하는 날짜 형식과 달력에서 날짜를 선택하는 것이 모든 사용자가 선호하는 것을 혼동 할 필요가 없기 때문에 사용자에게 도움이 될 것입니다.
  • 모든 필드가 의미하는 바를 설명하는 툴팁이 좋습니다.
  • 와이어 프레임을 이해하고 필드를 공동 연결하려면 페이지 이름이 제목으로 필요합니다.
  • 필수 필드에는 * 기호 또는 ' 모든 분야가 요구됩니다 ”이 표시되어야합니다.
  • 사용자의 혼란을 피하기 위해 첫 번째 필드의 라벨은 '이름'이 아닌 '캠페인 이름'이어야합니다.

# 4) 초기 기능 테스트 :

VB 스크립트 인터뷰 질문 및 답변

위의 예 자체에서 다이어그램에서 기능이 작동하는 방식을 추측 할 수 있습니다. 그렇지 않다면 적어도 응용 프로그램에 대한 더 깊은 이해와 더 나은 이해로 이어질 것입니다.

  • 예를 들면 : 사용자가 여러 개의 예약 ID를 추가하고 싶다면 어떻게하나요? 응용 프로그램이 이전 항목을 덮어 쓰거나 여러 항목을 허용합니까? 어떻게 처리하고 관리 할 것인가?

위의 예에서 알 수 있듯이 와이어 프레임을 테스트하면 정적 와이어 프레임을 통해 문제를 조기에 식별하고 결함이 실제 응용 프로그램에 스며드는 것을 방지 할 수 있습니다. 이는 개발 프로세스 초기에 식별 된 결함이 나중에 발견 된 결함보다 수정 비용이 더 저렴하다는 것을 알고 있으므로 매우 유용합니다.

와이어 프레임 용 도구 :

시장에는 많은 도구가 있지만 상황에 따라 도구를 사용해야합니다. Axure, Power mockup, Simulify, Balsamiq 등과 같은 대부분의 도구는 유료이지만 유용한 도구가 있습니다. 무료 와이어 프레임 도구 너무:

  1. 카쿠 : Cacoo는 사용자가 사이트 맵, 와이어 프레임, UML 및 네트워크 차트와 같은 다양한 다이어그램을 만들 수있는 사용자 친화적 인 온라인 그리기 도구입니다.
  1. MockupBuilder : MockupBuilder는 사용자가 자신의 아이디어를 화면에 빠르게 표시 할 수 있도록 도와줍니다. 무료 Silverlight 기반 웹 앱입니다.
  1. 연필 프로젝트 : 연필 프로젝트는 무료이며 배우기 쉽습니다. Firefox 추가 기능으로 또는 자체적으로 실행할 수 있습니다.

와이어 프레임 테스트는 언제 발생하거나 발생합니까?

  • 제품 개발 전 : 이를 통해 공백 또는 누락 된 요구 사항, 설계 오류, 유용성 문제 등-하자 방지
  • 개발 후 : 이 경우 와이어 프레임을 참조로 사용하여 애플리케이션을 검증 할 수 있습니다. – 결함 식별.

사용성에 대한 와이어 프레임 테스트의 경우 일반적으로 수동으로 수행되며 대부분의 실시간 사용자가 관련됩니다. 경험이나 피드백을 이해하기 위해 일련의 질문을 받거나 피드백을 캡처하기위한 대화 형 와이어 프레임이 제공됩니다.

와이어 프레임에 대한 자세한 분석을 위해 때때로 주제별 전문가도 참여합니다.

다음과 같은 서비스 사용자 테스트 와이어 프레임 링크를 게시하고 와이어 프레임 테스트 후 결과가 다음과 함께 생성되는 경우 매우 유용 할 수 있습니다. 피드백 포인트 :

  • 와이어 프레임을 테스트하는 각 사용자의 화면에 대한 동영상입니다.
  • 사용자가 작업을 완료하는 방법을 설명하는 오디오입니다.
  • 웹 사이트를 개선하는 방법에 대한 귀중한 피드백.

프로토 타입 테스트 결과 :

와이어 프레임 테스트의 결과는 디자인, 탐색, 사용자 편의성, 전반적인 작업 흐름 및 기능을 이해하는 데 매우 유용합니다. 기본적으로 와이어 프레임 테스트 후 와이어 프레임이 더 명확 해지고 구현 가능해집니다.

결론:

요약하면, 와이어 프레임 테스트는 사전 조치로 작동하며 애플리케이션 개발 전 단계에서 유용성과 디자인 허점을 찾는 데 매우 유용 할 수 있습니다.

이것으로 나는 독자들이 질문하고 피드백을 제공함으로써 이것에 대한 또 다른 게시물을 작성하도록 유혹하기를 희망하면서 주제를 마무리하고 있습니다.

저자 정보 : 이 기사는 STH 팀원 Bhumika가 작성했습니다. 그녀는 10 년 이상의 소프트웨어 테스트 경험을 보유한 프로젝트 리더입니다.

평소처럼 행복한 테스트 :)

추천 도서

^