[UX/UI 실습#09] 종이 프로토타입 제작

과제 개요

이번 과제에서는 UI 설계의 초기 단계에서 Low-Fi 프로토타입이 어떻게 활용되는지 이해하는 것이 목적이다. 각 팀에서 개선하고자 하는 시스템의 대표 시나리오로 선정한 5~6개의 활동 시나리오에 대한 종이 프로토타입을 작성한다. 각 시나리오에 따른 프로토타입을 개별적으로 제작하여 사용자 테스트를 준비한다.

• 실습 목표
  앞에서 작성한 시나리오에 대해 종이 프로토타입을 작성한다. 시나리오 중 몇 개에 대해 종이 프로토타입을 만들어 사용자 테스트를 준비한다.
• 준비물 : 앞 단계에서 작성한 시나리오와 스토리보드
• 실습 절차 : 종이 프로토타입의 제작 실습은 다음의 세 단계로 진행한다. 본 장에서는 2단계 실습까지만 진행하고 3단계의 평가 및 수정은 다음 장에서 실습한다.
  1) 준비 단계 : 반복 회차를 계획하고 재료와 작업 공간을 준비한다.
  2) 구축 단계 : 스토리보드 워킹과 브레인스토밍을 통해 UI 콘셉트를 도출하고, 이를 바탕으로 모든 UI 구성요소를 만든다.
  3) 평가 및 수정 단계 : 사용자 테스트를 통해 사용자 피드백을 수집하여 다음 단계의 프로토타입으로 발전시킨다.
• 산출물 : 각 시나리오 별 종이 프로토타입

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

표지 1. 종이 프로토타입 작성 개요 2. 시나리오별 종이 프로토타입 부록. 상세 종이 프로토타입 이미지 (필요시)

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

---

실습 진행 

1. 준비 단계

• 반복 회차 계획, 재료와 공간 준비

2. 구축 단계

• 스토리보드 워킹을 통한 구성요소 도출 
• 대략적인 UI 콘셉트 개발 
• UI 스케치 작성

종이 프로토타입 제작 가이드라인 : 종이 프로토타입의 1차 디자인은 1~2시간 내에 완성하는 것이 바람직하다. 인터페이스에 변동이 있는 모든 구성요소가 움직일 수 있도록 한다. UI 구성요소 중 필요한 부분에 링크를 수동으로 연결한다. 시각적으로 숨겨진 기능은 포함하지 않는다. 예, 음성 기능, 자동실행 기능 검색이나 실행 결과, 메시지 등의 정보 콘텐츠를 포함한 화면 그림을 미리 준비하여, 사용자 테스트를 할 때 사용한다. 드래깅, 스크롤 등 인터랙션이 필요한 요소는 가상으로 콘텐츠를 제작하여 앤터랙션이 실행되는 것처럼 보여준다.

3. 평가 및 수정 단계

• 사용자 테스트는 다음 장에서 자세하게 다룬다.

---

보고서 작성

1. 종이 프로토타입 작성 개요

각 구성요소의 기능과 시스템의 동작 방법에 대해서 간단하고 명확하게 설명한다. 다음과 같은 요소들에 대해서 이미지와 설명을 첨부한다.

• 기본 조작 화면 – 변경 요소가 없는 화면
• 기본 조작 화면 – 변경 요소가 있는 화면
• 실행 결과 화면
• 상호작용이 가능한 요소

2. 시나리오별 종이 프로토타입

• 앞서 구성한 각 시나리오별로 개요와 함께 종이 프로토타입의 작동에서 핵심 장면을 사진을 찍어 보여준다.

▶ 종이 프로토타입 보고서 템플릿

UXUI_9장_종이프로토타입_template.docx

0.06MB

 

▶ 종이 프로토타입 보고서 예시

0123456