* UX Recipe 스터디를 하며 혼자 정리한 글 입니다.
* 기존에 있던 레시피 정리 글과 큰 차이는 없습니다. 그냥 혼자 공부하면서 정리한 것 입니다.UX Study #6. 모델링 제품 - Prototyping / Paper Prototyping
What?
Prototyping은 어떠한 구현이나 실제적인 개발 이전에 원형을 구축함으로써, 설계 뿐만 아니라 상호이해 및 의사소통 증진 & 사고과정 자체에 있어도 많은 도움을 주는 행위입니다.
말 그대로 전체적인 기능을 간략한 형태로 구현한 '맛보기' 서비스와 같습니다. 성능, 구현 가능성 등을 시험하기 위해 전체적인 기능을 간편하게 만들어보면서 시행착오를 줄여가는 과정이라고 말할 수 있습니다. 실제 개발 언어를 통해 짜임새 있게 만들어보기도 하지만 코딩을 하지 않고도 테스팅을 용이하게 진행할 수 있으며, 종이와 같은 아날로그적 / 로우테크 툴(Low-tech Tool)을 이용해서 제작하기도 합니다.Paper Prototyping 은 인터페이스의 기능에 대해 잘 모르는 사람이 종이 버전의 인터페이스를 조작하며 실제 기능을 수행해 보는 사용성 테스트의 한 종류이다. Paper Prototyping 은 사용자 중심 디자인 프로세스에서 널리 쓰이는 방법으로, 사용자의 기대와 요구를 충족시킬 소프트웨어를 만들어 내기 위한 도움을 준다. 디자인과 UI 테스트 작업에게 해당한다. 이것은 일회용 프로토타입이고 인터페이스의 러프한 스케치를 포함한다. Paper Prototyping 은 심플해 보일 지라도 더 나은 제품 디자인 결과물을 위한 유용한 피드백을 제공한다. 이 방법은 많은 사용성 전문가들의 지지를 받고 있다.
대부분의 디자이너들은 세 가지 타입의 프로토타입으로 작업한다. 종이, 디지털, 또 실제로 형태를 갖춘 프로토타입이다.
종이 프로토타입 : 일반적으로 제품.서비스가 동작하는 방식을 보여주는데 가장 빠른 방법이다. 종이 위에 제품/시스템의 개략도를 그린다. 종이 한장한장이 디자인의 특정한 순간을 담고 있다. 이를 보는 사람들은 특정한 순서에 때라 프로토타입을 넘겨보게 되는데, 페이지들에는 숫자가 달려있고 이 페이지를 특정 순서에 따라 찾아보게하는 설명이 별도로 붙는다. 테스트하는 동안 피험자나 디자이너는 프로토타입 위에 바로 코멘트를 써 넣을 수 있다. 종이 프로토 타입의 장점은 여러모로 보나 최종 제품이 아니라는 것이다. 그러므로 프로토타입을 보는 사람들과 디자이너 모두 수정하기 더 쉬울 거라는 느낌이 들게된다.
디지털 프로토타입 : 간단한 이미지로부터 영화에 나오는것 같은 3D 화면처럼 다양한 방식으로 만들 수 있다. 사용자가 이미지를 누르면 종이 프로토타입처럼 특정한 페이지로 넘어가게 해주는 단순한 기능으로 끝낼 수도 있고 사용자들이 시스템과 상호작용하고 시스템은 최종 제품처럼 응답해주는 복잡한 기능을 넣는것까지도 가능하다. 복잡한 기능을 넣는것보다 가능한 정교하고 풍부하게 구성할수록 효과가 좋다. 충실히 만들어진 프로토타입은 클라이언트나 사용자가 이것을 최종 제품과 헷갈려버릴 위험이 있다. 시각적으로 디자인이 삽입된 프로토타입을 보는 사람들은 기능보다는 디자인에 집중해서 이런저런 의견을 내고 싶어할 것이다. 다른 프로토타입과는 달리 쉽게 전달 가능하다. 웹에 올리거나 디스크형태로 사용자에게 전달하여 그들이 어디에 있든지 실행해보게 할 수 있다. 별개의 소프트웨어건 웹 사이트건 간에 사용자들이 최종 제품을 실제로 돌리게 될 기계와 환경에서 테스트해 볼 수 있다.
실제 프로토타입 : 디자인의 측정한 부분만 만들어볼 수도 있고 실제로 연극세트처럼, 물리적 환경을 그대로 구성해볼수도 있다. 사용자들이 해당장소에 있다고 생각될 정도로 꼭 같은 물리적 공간을 만들어 볼 수도 있고, 벽에 이미지를 비춰서 특정공간을 흉내낼수도 있다. 플라스틱이나 금속 등 실제 제품을 구하는 것과 똑같은 소재로 사용할 수도 있고, 나무나 찰흙을 이용해서 적당히 만들어볼 수도 있다.
Why?
How?
페이퍼 프로토타이핑을 쉽게 시작하는 방법
- 유저가 할 수 있는 중요한 수행 리스트를 작성한다.
- 수행에 필요한 버튼, 메뉴와 같은 스크린의 세트를 스케치한다.
- 만일, 스케치가 어려울 경우에는 유사한 스크린샷을 프린트하여 사용한다.
- 구성요소를 조각으로 나누고, 메인스크린에 위치시킨다.
- 동료와 유저 역할, 컴퓨터 역할을 나눠 유저의 반응에 따라 스크린 메뉴의 인터페이스를 바꾼다.
첫번째로, 디자이너들은 모여서 "인터페이스의 사용자" 와 "사용자가 수행할 작업" 에 대해 토의해야 한다. 그 다음에, Paper Prototype 의 개별적인 인터페이스 요소들을 종이에 그리거나 프린터 한 뒤, 잘라내어 컴퓨터 스크린으로 사용될 종이 조각에 배치한다. 인터페이스 요소의 배치는 프로그래밍 없이 (라벨을 새로 이름 짓거나, 요소를 추가하거나 빼거나, 다른 위젯으로 교체를 하는 식으로) 빠르게 바뀔 수 있다. 웹 사이트 페이지나 대화 상자의 결과는 응용 프로그램의 상호 작용을 쉽게 만들어 다양한 디자인의 여러 버전을 테스트할 수 있다. 프로토타입은 예술 작업이 아니라는 것을 알아야만 한다. 이 말은 초안 작성 작업을 빠르고 쉽게 할 수 있다는 것을 뜻한다. 종종 기능성은 사용자에게 간단히 설명되어질 수 있어야 한다. 그들이 언제나 그들의 행동에 대한 결과를 볼 필요는 없다.
댓글을 달아 주세요