우리는 최근 Microsoft의 전 UX 디자이너인 Darren Bennett와 만나 하이파이 프로토타이핑 전반에 대해 이야기를 나눴습니다. 이 글에서는 그가 하이파이 프로토타이핑에 접근하는 방식, 특히 그가 매일 따르는 세 가지 원칙을 자세히 살펴봅니다.
하이파이 프로토타이핑이란 무엇인가요?
하이파이 프로토타이핑은 현실적으로 보이고 느껴지며, 기능성과 상호작용성이 매우 높고, 최종 제품과 거의 구별되지 않는 프로토타입을 만드는 과정입니다. 일반적으로는 ProtoPie 같은 프로토타이핑 도구로 하이파이 프로토타입을 만듭니다.
다음과 같은 용도로 하이파이 프로토타입을 사용하세요:
인터랙션 디자인 아이디어 생성
인터랙션 디자인 아이디어 전달
인터랙션 디자인 아이디어 검증
사용자 테스트 수행
사용성 테스트 수행
이해관계자 승인을 받기 위해
하이파이 프로토타이핑의 가장 큰 장점은 비용이 많이 드는 개발과 구현 단계로 들어가기 전에 실수나 개선점을 발견할 수 있다는 것입니다.
이제 당신 차례입니다, Darren…
1. 기억하세요: 당신은 실제 제품을 만드는 것이 아닙니다
하이파이 프로토타이핑 도구(ProtoPie 같은)는 너무나도 발전되어 있어서 디자이너가 그 모든 기능에 거의 빠져들기 쉽습니다. 프로젝트에 몰입하다 보면 실제 제품을 만들고 있는 것 같은 느낌을 받기도 쉽습니다.
문제는 그런 생각에 빠지는 순간, 모든 것이 작동하게 만들고 싶어진다는 점입니다. 유연하고 모듈화되며 재사용 가능하게 만들고 싶어지죠. 하지만 이는 전혀 필요하지 않습니다. 프로토타입은 최종 제품이 아니라, 중요한 피드백을 얻고 더 효과적으로 반복 개선할 수 있도록 도와주는 도구일 뿐입니다. 제 생각에는, 프로토타입은 필요한 기능과 외형을 갖추되 가능한 한 빨리 만드는 것이 가장 좋습니다.
시각적 완성도를 다듬는 데 너무 많은 시간을 쓰지 마세요. 그저 믿을 만할 정도로만 만들면 됩니다. 디자인 프로세스 초반에는 대부분의 경우, 열 개 정도의 프로토타입을 만들고 모두 테스트한 다음 진행하기 전에 그중 여덟 개나 아홉 개를 없애는 것이 역할입니다. 단 하나의 컴포넌트를 만드는 데 며칠씩 쓰고 있다면, 개발 일정은 계획했던 것보다 훨씬 더 오래 걸리게 됩니다.
2. UI 디자인보다 인터랙션 디자인을 먼저 진행하세요
저는 항상 디자이너들이 정적인 UI 제작 도구보다 프로토타이핑 도구에서 먼저 디자인하길 권합니다. 많은 디자이너들이 Sketch, Figma, Adobe XD 등을 사용하는 데 익숙한데, 다시 말해 인터랙션 디자인보다 UI 디자인에 주로 초점을 맞춘 도구들입니다. 여기서 문제는 반드시 설계해야 할 핵심 상호작용과 시나리오를 놓치기 쉽다는 점입니다.
게임 업계를 생각해 보세요. 그들은 최종 그래픽을 입히기 전에 모든 것이 상호작용 관점에서 어떻게 작동할지 파악하려고 화이트박스 테스트에 많은 시간을 씁니다. 안타깝게도 디지털 제품 디자인 세계에서는 너무 많은 전문가들이 이 순서를 거꾸로 하고 있습니다. 가장 중요한 것은 제품이 예상대로 작동하는지 확인하는 것입니다. 하이파이 비주얼 디자인은 나중에 와도 됩니다.
저는 이런 실수가 여러 회사에서 발생하는 것을 보았습니다. 제품 및 UI 디자이너들은 곧바로 Sketch(또는 자신이 사용하는 다른 도구)에서 하이파이 UI를 만들기 시작합니다. 반면 UX 담당자는 기본 와이어프레임을 사용해 핵심 아이디어를 검증하기 위한 사용자 리서치를 진행합니다. 실제 프로토타이핑 단계에 이르면, 이미 만들어진 정적인 UI에 제품의 기능을 맞추는 일이 어려워집니다.
그래서 인터랙션 디자인이 매우 중요합니다. 인터랙션 디자이너는 UX와 UI를 연결하고, 시각적 디자인 요소를 쌓기 전에 제품이 어떻게 작동할지에 우선 집중해야 합니다.
3. 너무 감정적으로 집착하지 마세요
저는 가끔 디자이너들, 특히 경력 초반의 디자이너들이 사용성 테스트 과정에서 테스트 참가자들에게 자신의 프로토타입이 (말 그대로가 아니라 비유적으로!) 혹독하게 평가받을 때 의기소침해지는 것을 봅니다. 그들은 초기 프로토타입을 만들고 아름다운 애니메이션을 제작하는 데 정말 많은 노력을 기울였지만, 결국 사용자는 이를 무시하고 세련된 모션 디자인이 나쁜 UX 디자인을 해결해 주지 않는다는 사실만 확인하게 됩니다.
이것은 앞서 말한 점으로 다시 돌아갑니다. UI 디자인에 너무 많은 비중을 두고 핵심 사용성 요소를 놓치면, 아무리 보기 좋아도 프로토타입은 좋은 피드백을 받지 못합니다.
따라서 디자이너는 자신이 만든 어떤 하이파이 프로토타입에도 너무 감정적으로 집착하지 않는 것이 중요합니다. 그것은 그냥 프로토타입일 뿐이라는 점을 기억하세요! 그 유일한 목적은 제품 자체가 성공할 수 있도록 필요한 인사이트를 수집하는 데 있습니다.
프로토타이핑은 제품 디자인 여정에서 중요한 단계이지만, 최종 목적지는 아닙니다. 사용자가 프로토타입이 얼마나 부족한지 솔직히 말해줄 것이라는 기대를 가지고 프로토타입을 만드세요. 이런 “부정적인” 피드백을 환영하세요. 결국 그것이 훌륭한 제품을 만드는 데 한 걸음 더 가까이 데려다줍니다.
Darren에게 더 배우고 싶으신가요?
Darren의 원칙을 여러분의 프로토타이핑에도 적용해 보시길 바랍니다. Darren이 하이파이 프로토타이핑에 접근하는 방식과 ProtoPie를 최대한 활용하는 핵심 팁과 요령을 더 알고 싶다면 아래를 확인해 보세요:
ProtoPilot 채널 on YouTube
ProtoPie가 처음이신가요?
ProtoPie로 첫 하이파이 프로토타입을 만들어 Darren의 3가지 핵심 원칙을 바로 적용해 보세요.
