[UX/UI 실습#11] 디지털 프로토타입 작성

과제 개요

종이 프로토타입의 제작 및 사용자 테스트를 통해 최종 개선된 시스템 디자인을 인터랙티브 프로토타입으로 구현한다. 본 과제에서는 피그마(Figma) 저작도구를 사용하여 구현하며, 최종 결과물의 웹 링크(URL)를 보고서와 함께 제출하도록 한다. 본 과제의 디지털 프로토타입은 모든 기능을 포함하지 않으며, 대표로 선정한 시나리오대로 작동되는 화면을 보여주는 정도의 단순한 페이지 이동이나 인터랙션만을 포함한다.

 

• 실습 목표 : 종이 프로토타입으로 시행한 사용자 테스트를 통해 개선한 UI 디자인을 디지털 인터랙티브 프로토타입으로 구현한다.
• 준비물 : 이전 단계에서 작성한 종이 프로토타입과 사용자 테스트 결과물
• 실습 절차
  1) 종이 프로토타입 사용자 테스트를 통해 개선한 UI 디자인을 최종 정리한다.
  2) 디지털 인터랙티브 프로토타입 형태로 구현한다.
  3) 사용자 테스트를 통해 결과물을 수정 보완한다.
• 산출물: 디지털 인터랙티브 프로토타입 결과물 (링크)

보고서 구성 (표지 포함하여 A4 10쪽 내외, 부록 제외)

표지 1. 인터페이스 설계 변경 2. 디지털 프로토타입 구현 : 작성도구 및 환경, 프로토타입 개요, 미구현 부분 3. 대표 시나리오 : 디지털 프로토타입의 화면으로 작성한 스토리보드 포함 부록. 디지털 프로토타입 스크린샷 보충 (필요시)

* 보고서에 대한 상세 설명은 교재 11.3절을 참조한다.

---

실습 진행

1. 그동안 진행된 UI 디자인 정리

2. 디지털 인터랙티브 프로토타입 구현

3. 내부 테스트

4. 사용자 테스트 (외부 평가)

 

---

보고서 작성

1. 인터페이스 설계 변경 요약

• 저충실도 종이 프로토타입과 디지털 프로토타입의 사용자 테스트 결과로부터 발견한 문제점과 그로 인해 적용한 변경 사항을 기술한다.

2. 디지털 프로토타입 구현

1. 작성 도구 및 환경
   어떤 도구를 사용하여 디지털 인터랙티브 프로토타입을 제작하였는지 적고, 반드시 디지털 프로토타입의 URL을 기입한다.
2. 프로토타입 개요 및 주요 화면
   디지털 프로토타입에서 주요 기능을 수행하는 장면을 스크린 캡처를 이용하여 화면을 주요 기능별로 나열하고 간략하게 설명한다.
3. 미구현 부분
   제한된 시간 내에 프로토타입을 제작하다 보면 구현하지 못한 부분이 생길 수도 있다. 이 때 미구현 부분에는 어떠한 이유로 구현하지 못했는지 사유를 적는다.

3. 시나리오별 인터페이스 개요

• 변경한 인터페이스를 평가하기 위한 시나리오를 작업 위주로 설명하고 스크린 캡처를 이용한 스토리보드를 보여준다. 각 시나리오에 대해 화면 모두를 나열하는 것이 아니고, 핵심적인 화면만 나열한다.

▶ 디지털 프로토타입 보고서 템플릿

UXUI_11장_디지털프로토타입_template.docx

0.09MB

 

▶ 디지털 프로토타입 보고서 예시

012345678