CyberAgent 산하의 스마트폰 게임 개발 스튜디오인 QualiArts는 콘솔급 경험을 선사하며 일본 모바일 게임 시장의 UI/UX 표준을 지속적으로 재정의해 왔습니다. 이들의 대표 작인 아이돌 매니지먼트 RPG IDOLY PRIDE(아이돌리 프라이드)는 스튜디오가 모바일 게임 UI 프로토타이핑의 세부 사항에 타협을 거부할 때 어떤 결과가 나타나는지 보여주는 대표적인 예입니다.
QualiArts에게 훌륭한 UX/UI 디자인은 단순히 게임이 어떻게 보이느냐가 아니라 어떻게 느껴지느냐에 관한 것입니다. 팀은 손으로 느끼는 미세하고 정밀한 감각인 "손맛"(手触り tedzuri), 즉 모든 탭과 스와이프에 대한 정밀한 촉각 피드백에 집착합니다. 캐릭터 선택에서 단 0.1초의 지연만 발생해도 플레이어의 몰입감은 완전히 깨질 수 있습니다.
그러나 한때 이러한 표준을 달성하기 위해서는 막대한 대가를 치러야 했습니다.
병목 현상: 수정 사항 하나당 3일의 대기 시간
ProtoPie를 도입하기 전 QualiArts의 UI 구현 워크플로우는 Figma, After Effects, Unity를 거치는 복잡한 인수인계 과정이 필요했습니다. 디자이너가 After Effects에서 디테일한 애니메이션을 제작하더라도 이는 정적 비디오에 불과했습니다. 그 비전을 Unity에서 상호작용하고 테스트 가능한 상태로 변환하는 데 엔지니어는 보통 꼬박 3일을 소요해야 했습니다.
마침내 구현된 결과물이 전송되었을 때, 그것은 대개 "비슷하지만 완벽하지 않은" 상태였습니다. 미세하게 지연되는 버튼 바운스나 빠른 탭 동작 중의 어색함과 같은 세세한 문제들이 흔히 발생했습니다. 각 수정 사항마다 또다시 3일의 주기가 소요되었기 때문에, 디자이너들은 가장 도전적인 아이디어를 스스로 검열하며 "혁신적"인 솔루션 대신 "안전한" 솔루션을 기본값으로 삼기 시작했습니다.
그 결과, 재능 부족이 아니라 반복 작업 기회비용의 악화로 인한 크리에이티브 병목 현상이 발생했습니다.
3일에서 90초로: ProtoPie를 활용한 프로토타이핑
QualiArts는 빌드 전 모바일 게임 프로토타입 검증을 위한 대표 도구로 ProtoPie를 선택했습니다. 결정적인 요인은 IDOLY PRIDE의 고도로 복잡한 레벨업 시퀀스를 최종 Unity 구현과 구분할 수 없을 정도로 정교하게 복제하는 ProtoPie의 성능이었습니다.
ProtoPie를 도입하면서 검증 주기는 3일에서 단 90초로 단축되었습니다. 단 한 줄의 코드도 작성하지 않고 디자이너들은 동기화 디스플레이, 파티클 효과, 햅틱 피드백 등을 포함한 고급 인터랙션을 구축하고 이를 iPhone과 같은 기기로 즉시 전송할 수 있습니다.
이제 워크플로우는 매우 간단해졌습니다: 탭하고, 0.03초를 조정하고, 다시 탭하여 확인합니다. 디자이너는 스스로 만족할 때까지 반복 작업합니다. 이를 통해 팀은 디자인 단계에서 인체공학적 문제와 Android 전용 성능 병목 현상 등 정적 목업으로는 절대 발견할 수 없는 문제들을 포착할 수 있습니다.
디자이너와 엔지니어 사이의 "말 한마디에 왜곡되는 대화" 종식
가장 획기적인 변화는 "인수인계(handoff)" 단계에서 일어났습니다. ProtoPie의 Handoff 기능은 디자이너의 인터랙션으로부터 직접 구현 가능한 정밀한 사양을 자동으로 생성합니다.
정확한 타이밍: "빠르게 해 주세요" 대신 "0.18초".
정밀한 이징(easing): "탄력 있게 만들어 주세요" 대신 "Cubic-bezier 함수".
명확한 값: 크기, 불투명도 및 좌표 전환을 위한 구체적인 수치.
그 결과 전달 과정에서 핵심 정보가 유실되지 않는 모바일 게임 프로토타이핑 워크플로우가 완성되었습니다.
이 차이는 누군가에게 단순히 "파란색으로 칠해 주세요"라고 말하는 것과 특정 HEX 코드를 건네주는 것만큼이나 극명합니다. 엔지니어들은 더 이상 끝없는 Slack 스레드에서 의도를 해석하거나 명확한 설명을 요구하며 시간을 낭비하지 않습니다.
Figma를 레이아웃에, ProtoPie를 인터랙션에, ProtoPie Cloud를 핸드오프에 결합함으로써 QualiArts는 애니메이션 검토 시간을 70% 단축하는 동시에 99%의 제품 완성도(fidelity)를 달성했습니다.
문화적 변화: 자신감 있는 디자인
QualiArts에서 ProtoPie가 미친 영향은 워크플로우 효율성을 넘어 팀이 디자인에 접근하는 방식을 근본적으로 바꾸어 놓았습니다.
엔지니어링 리소스를 보호하기 위해 한때 아이디어를 억누르던 디자이너들이 이제는 자유롭게 실험하고 대담한 프로토타입을 제안할 수 있게 되었습니다. 플레이어들이 프리미엄 경험을 기대하는 IDOLY PRIDE에서는 패럴랙스 효과, 다층 디스플레이부터 상황에 맞는 미세 인터랙션에 이르기까지 모든 UI 요소가 단 한 줄의 Unity 코드가 작성되기도 전에 ProtoPie에서 수백 번 테스트됩니다.
그 결과는 매우 정교하여 최종 구현 시 디자이너조차 ProtoPie 프로토타입과 실제 프로덕션 환경을 구분하는 데 어려움을 겪기도 합니다.
ProtoPie 덕분에 속도와 품질 사이의 타협은 과거의 일이 되었습니다. QualiArts는 단순히 프로토타입을 제작하는 것이 아니라 모바일 게임 프로토타입이 달성할 수 있는 한계를 재정의하고 확실한 자신감을 가지고 제품을 출시하는 것이 무엇인지를 보여주고 있습니다.
귀사의 팀을 위해 작동하는 ProtoPie를 직접 확인해 보세요
