[상호 디자인] 프로토타입의 5가지 차원 | Five dimensions in prototyping

프로토타입의 5가지 차원

프로토타입의 다섯 가지 차원에 대해 설명드리겠습니다.

Fig. 1. 프로토타입의 5가지 차원

• 시각적인 차원(Visual Dimension): 이 차원에서는 프로토타입이 얼마나 현실적으로 보이는지를 평가합니다. 즉, 사용자가 프로토타입을 보고 그것이 실제 제품처럼 보이는지 여부를 판단합니다.
  
  
• 상호작용적인 차원(Interaction Dimension): 이 차원에서는 프로토타입이 얼마나 실제 제품과 비슷하게 동작하는지를 평가합니다. 즉, 사용자가 프로토타입과 상호작용하는 과정에서 제품과 유사한 느낌을 받는지 여부를 판단합니다.
  
  
• 범위 차원(Breadth Dimension): 이 차원에서는 프로토타입이 전체 제품인지, 아니면 일부분인지를 평가합니다. 즉, 사용자가 프로토타입을 보고 그것이 전체 제품의 일부인지, 아니면 일부분만 표현한 것인지를 판단합니다.
  
  
• 깊이 차원(Depth Dimension): 이 차원에서는 특정한 폭넓은 차원에서 프로토타입이 사용자에게 얼마나 제한적인지를 평가합니다. 즉, 프로토타입이 특정한 기능이나 사용자 인터페이스에 대해서만 제한적으로 표현되었는지 여부를 판단합니다.
  
  
• 콘텐츠적인 차원(Content Dimension): 이 차원에서는 프로토타입에 표현된 콘텐츠가 얼마나 현실적인지, 사용자에게 맞추어져 있는지를 평가합니다.

시각적인 차원에서는 사용자가 프로토타입을 보고 그것이 실제 제품처럼 보이는지 여부를 판단합니다. 이 차원은 사용자가 프로토타입을 직관적으로 평가할 수 있는 가장 직접적인 차원입니다.

---

시각적인 충실도(Visual Dimension)

시각적인 차원에서는 프로토타입이 얼마나 현실적으로 보이는지를 평가합니다.

 

이러한 시각적인 차원에서의 가장 큰 문제점은, 과도한 시각적인 충실도로 빠르게 넘어가려는 경향이 있다는 것 입니다.

이러한 경우는 일반적으로 디자이너가 프로토타입을 빠르게 끝내고 싶어하는 욕구로, 과도한 시각적인 충실도를 가진 프로토타입을 제작하게 됩니다.다른 기능이나 디자인 측면에서 미흡한 부분이 있는데도 불구하고, 시각적인 충실도를 과도하게 높이면 완성된 것처럼 보이기 때문에 피드백을 받기 어렵습니다. 이로 인해 디자이너는 제품의 결함을 파악하지 못하고, 나중에 더 큰 문제를 발생시킬 가능성이 있습니다. 따라서 디자이너는 상황에 맞게 시각적인 충실도를 조절하여 효과적인 피드백과 의사소통을 유도해야 합니다.

---

 

상호작용적인 충실도(Interaction Dimension)

상호작용적인 차원(Interaction Dimension)에서는 프로토타입이 얼마나 실제 세계와 비슷한 방식으로 상호작용할 수 있는지를 평가합니다. 이 차원에서는 상호작용적인 충실도를 높이기 위해 디자이너는 사용자가 어떻게 프로토타입과 상호작용하는지를 이해해야 합니다.

Fig. 2. 팜 파일럿

예를 들어, 팜 파일럿과 같은 이전의 휴대용 컴퓨터는 스마트폰이 없는 시대에 개발되었습니다. 이러한 제품을 디자인하고 테스트하기 위해서는 다양한 방법을 사용해야 합니다. 예를 들어, 디자이너는 화면과 버튼을 사용하여 프로토타입을 만들 수 있으며, 사용자가 이러한 화면과 버튼을 사용하는 방식을 테스트할 수 있습니다.

 

또한, 젓가락을 사용하여 팜 파일럿의 화면과 버튼을 클릭하는 것처럼 사용할 수 있습니다. 이러한 창의적인 방법을 사용하여 디자이너는 제품의 사용자 경험을 테스트하고, 개선할 수 있습니다.

또한, 디자이너는 창의적인 방법을 사용하여 상호작용적인 충실도를 높일 수 있습니다. 

---

 

범위 충실도(Breadth Dimension)

Fig. 3. 범위, 깊이 충실도의 상관 관계

범위 충실도 차원에서의 프로토타입의 폭이란, 프로토타입에서 다루는 기능의 수를 말합니다. 프로토타입에서 다루는 기능의 수는 디자이너의 판단에 따라 다릅니다.

예를 들어, Amazon.com을 재디자인하는 경우, 디자이너는 어디서부터 시작해야 할지 결정해야 합니다. 

홈 페이지와 체크아웃 페이지부터 시작할지, 제품 페이지, 검색 결과, 필터링, 찜목록 페이지부터 시작할지 등 다양한 기능을 고려해야 합니다. Amazon.com은 매우 큰 제품이므로, 프로토타입의 범위를 결정하는 것이 중요합니다.

프로토타입의 범위를 결정할 때, 디자이너는 다양한 기능을 고려하여 프로토타입을 제작해야 합니다. 프로토타입의 범위를 제한하면, 디자이너는 특정 기능에 집중하여 상세한 프로토타입을 만들 수 있습니다. 또한, 프로토타입의 범위를 넓게 설정하면, 사용자가 제품의 전체적인 기능을 파악할 수 있습니다. 이러한 결정은 프로토타입의 효과적인 제작과 제품의 개선을 위해 중요합니다.

---

 

깊이 충실도(Depth Dimension)

Depth 차원에서는 프로토타입이 기능성을 어느 정도 가지고 있는지를 나타냅니다. 예를 들어, 음성 비서 (예 : Siri, Alexa)를 프로토타입으로 만드는 경우, 날씨와 관련된 단일 도메인에 대한 프로토타입을 만들 수 있습니다.

 

이 경우, 사용자가 날씨에 관련된 어떤 것이든 물어보고 대답을 받을 수 있다면, 그것은 높은 깊이 충실도를 나타냅니다. 즉, 프로토타입이 깊다는 것을 의미합니다.

반면에, 사용자가 주요 도시의 날씨 예보에 대해서만 물어보고 대답을 받을 수 있다면, 그것은 덜 깊은 것입니다. 또한, 사용자가 현재 위치의 온도에 대해서만 물어보고 대답을 받을 수 있다면, 그것은 더욱 덜 깊은 것입니다.

깊이 충실도에서는 디자이너가 프로토타입의 범위를 결정하고, 사용자가 제품의 다양한 측면을 경험할 수 있는 깊이 있는 프로토타입을 만들 수 있도록 노력해야 합니다. 따라서, 디자이너는 프로토타입의 깊이 충실도를 높이기 위해 다양한 방법을 사용하여 사용자 경험을 개선할 수 있습니다.

---

컨텐츠 충실도(Content Dimension)

컨텐츠 충실도 차원에서는 프로토타입이 얼마나 현실적인 콘텐츠를 가지고 있는지를 나타냅니다. 프로토타입의 컨텐츠 충실가 높을수록, 사용자는 제품의 실제 콘텐츠와 비슷한 경험을 할 수 있습니다.

디자이너는 프로토타입을 디자인할 때, 적절한 콘텐츠를 사용하여 사용자가 실제 제품을 사용하는 것과 유사한 경험을 할 수 있도록 노력해야 합니다. 예를 들어, 제품의 이름, 데이터, 동영상 등을 프로토타입에 포함시킬 수 있습니다.

 

컨텐츠 충실 차원에서는 디자이너가 프로토타입에서 어떤 콘텐츠를 보여줄지 결정하는 것이 중요합니다. 디자이너는 사용자의 관점에서 적절한 콘텐츠를 선택하고, 이를 통해 사용자가 제품을 실제로 사용하는 것과 유사한 경험을 할 수 있도록 노력해야 합니다. 이는 사용자의 이해도와 만족도를 높이는 데 도움이 됩니다.

---

 

프로토타이핑 주의사항

프로토타이핑을 다루면서 꼭 기억해야 할 몇 가지 교훈이 있습니다:

 

다차원 프로토타이핑은 복잡하고, 시간과 비용이 많이 듭니다. 따라서 한 번에 모든 차원을 다루지 않고, 대신 프로토타입의 모듈화를 고려해야 합니다. 이를 통해 하나의 차원에 초점을 맞추고, 하나씩 개발하면서 최종적으로 다양한 차원을 포괄하는 완성도 높은 프로토타입을 만들 수 있습니다.

각 프로토타이핑 도구에는 장단점이 있습니다. 어떤 도구는 특정 차원에 더 효율적이고 능력이 뛰어날 수 있습니다. 따라서 디자인의 수명 주기 동안 여러 도구를 사용할 필요가 있을 수 있습니다.

위의 교훈들을 염두에 두고, 적절한 프로토타이핑 도구와 모듈화 전략을 결합하여 최고의 결과를 얻을 수 있습니다.

---

이전 내용

2023.03.10 - [Frontend/상호 디자인 Interaction Design] - [상호 디자인] 프로토타입(Prototype)의 정의와 왜 프로토타입이 필요한지

[상호 디자인] 프로토타입(Prototype)의 정의와 왜 프로토타입이 필요한지

2023.03.10 - [Frontend/상호 디자인 Interaction Design] - [상호 디자인] 프로토타이핑의 충실도 | 저품질, 고품질 프로토타이핑 | 타협

[상호 디자인] 프로토타이핑의 충실도 | 저품질, 고품질 프로토타이핑 | 타협