Meta, Facebook과 Instagram의 배후 기업으로 가장 잘 알려진 Meta는 물리적 세계와 디지털 세계를 하나로 통합하려는 리브랜딩 노력의 일환으로 2014년에 AR/VR 시장에 진입했습니다.
고충실도 프로토타입은 특히 Meta와 같은 회사에서 최고 수준의 디지털 경험을 설계하는 데 매우 중요합니다. 그러나 Meta의 제품 디자이너들은 ProtoPie를 발견하기 전까지 기존 프로토타이핑 도구의 접근성 격차로 어려움을 겪고 있었습니다.
"워크플로에서 디자인 팀이 ProtoPie를 사용하는 방법"이라는 제목의 웨비나에서, 우리는 Meta의 내부 디자인 도구 팀의 제품 디자이너인 Jon Bernbach를 만났습니다. 그의 팀은 대규모로 제품 및 콘텐츠 디자이너의 작업을 지원하는 도구를 설계하고 구축하는 일을 담당하고 있습니다.
아래 녹화본을 시청하면 프로토타이핑이 Meta의 디자인 워크플로에 어떻게 들어맞는지, 그리고 왜 그들의 디자인 팀이 그의 팀을 위한 기본 프로토타이핑 도구로 ProtoPie를 선택했는지에 대한 인사이트를 얻을 수 있습니다.
개요
Meta의 제품 개발 주기에서 프로토타이핑이 중요한 이유
Meta가 ProtoPie를 채택한 방법
Meta의 디자이너들이 ProtoPie를 사용하는 다섯 가지 이유
ProtoPie가 어떻게 Meta의 기본 프로토타이핑 도구가 되었는지
Meta의 제품 개발 주기에서 프로토타이핑이 중요한 이유
Meta는 테스트와 품질 보증을 개발 프로세스의 초기 단계로 옮김으로써 제품의 높은 기준을 유지하는데, 이 프로세스는 시프트 레프트라고 알려져 있습니다.
“구현의 '오른쪽'이든 제품을 공개한 이후든, 그 단계의 모든 일은 개발 시간과 엔지니어링 측면에서 매우 비용이 많이 들 수 있습니다”라고 Jon은 설명합니다. “아이디어는 품질을 왼쪽에 두고, 그 단계에 도달하기 전에 문제와 실수를 정확히 짚어내는 것입니다.”
프로토타이핑은 Meta의 제품 개발 주기에서 큰 부분을 차지합니다.
왼쪽으로 옮기는 것은 Jon의 팀이 각 팀에 더 많이 하도록 유도하려는 것의 큰 부분이며, 이는 다음과 같은 것들을 의미합니다:
기존 디자인 시스템과 컴포넌트를 준수하기.
정확한 색상을 사용하기.
접근성 휴리스틱을 따르기.
실제로 이는 팀이 광범위한 프로토타이핑과 사용자 리서치에 참여하도록 장려받고 있다는 뜻입니다. 이를 효과적으로 수행하려면 적절한 도구가 필요합니다. Jon은 탁월한 제품 개발에서 프로토타이핑이 수행하는 중요한 역할을 보여 주는 세 가지 핵심 영역을 강조합니다.
1. 프로토타이핑은 디자인 경험을 전달합니다
프로토타이핑은, 특히 혁신적인 디지털 경험의 경우, 정적 목업만 제시할 때 발생할 수 있는 오해를 줄여 팀의 속도를 높여 줍니다.
프로토타입을 검토하는 일은 또한 팀이 더 정보에 기반하고 전략적인 결정을 내리는 데 도움이 되며, 무슨 일이 일어나고 있는지에 맞춰 추측하거나 가정할 필요가 없게 해 줍니다.
2. 프로토타이핑은 디자인 리서치를 막힘없이 진행하게 합니다
프로토타입을 활용한 사용자 테스트는 테스트를 거칠수록 사용성 향상을 크게 높여 줍니다.
프로토타입이 있으면 팀은 구현 후 A/B 실험에 의존할 필요가 없습니다. 이는 기술 업계, 특히 대형 기술 기업에서 매우 흔한 방식으로, 보통 몇 가지 옵션을 구현한 뒤 어떤 제품이 가장 적합한지 알아보기 위해 A/B 테스트를 진행합니다.
안타깝게도 때로는 A도 B도 문제에 대한 올바른 해결책이 아닙니다. 그렇기 때문에 일을 왼쪽에 두는 것이 매우 중요합니다. 이는 실패가 확실한 제품에 개발 시간을 낭비하는 일을 줄이는 데 도움이 되기 때문입니다.
3. 프로토타이핑은 제품 품질을 향상시킵니다
상호작용 디자인과 의사결정을 엔지니어가 아니라 디자이너에게 넘기면 제품 품질이 향상됩니다.
문제는 이것입니다. 우리가 품질 향상에 도움이 된다는 것을 알고 있음에도, 왜 디자이너들은 자신의 디자인 프로세스에 프로토타이핑을 많이 포함하지 않았을까요?
Meta가 ProtoPie를 채택한 방법
ProtoPie 이전의 Meta 프로토타이핑 프로세스
Meta의 내부 조사에 따르면, 회사 내 디자이너 중 매우 적은 비율만이 워크플로의 일부로 프로토타이핑 도구를 사용하고 있었습니다.
그 이유는 중간 수준의 복잡도를 가진 프로토타입을 만들어야 하는 Meta 디자이너들이 상당한 도구 격차로 인해 불만을 느꼈기 때문입니다.
Meta 디자이너들은 ProtoPie를 선택하기 전에 13개의 서로 다른 디자인 도구를 평가했습니다.
Meta에서는 Figma, Origami, Framer와 같은 프로토타이핑 도구도 사용하지만, 디자이너들은 다음과 같은 점을 발견했습니다:
Figma는 낮은 복잡도의 프로토타이핑에는 훌륭하지만, 기능이 제한적입니다. 또한 테스트 참가자를 다룰 때, Meta 외부에서 프로토타입을 사용할 때, 그리고 기타 온보딩 장애 요소에서도 보안 위험이 있습니다.
Meta에서 자체적으로 구축한 Framer와 Origami Studio 같은 다른 도구는 높은 복잡도의 프로토타이핑에 매우 훌륭합니다. 하지만 도구 사용법을 배우는 데 어려움이 있어 많은 디자이너들이 프로토타이핑을 좌절하고 포기하게 되는 문제가 있었습니다.
Meta에서는 반복적인 프로토타이핑과 리서치를 제품 주기에 포함하지 않는 팀은 대체로 더 낮은 품질의 경험을 만들어 낸다는 것을 경험을 통해 알고 있습니다.
Jon은 이 도구 격차가 반드시 해결해야 할 중요한 문제라는 것을 깨달았습니다. 그는 두 가지 주요 목표를 세웠습니다:
Figma와 Origami 사이의 중간 복잡도 프로토타입 격차를 메우기.
Meta에서 안전하고 반복적인 디자인 리서치를 가속화하는 데 도움이 되는 실용적인 프로토타이핑 도구를 찾기.
열세 가지의 서로 다른 도구와 기능을 검토한 결과, ProtoPie는 가장 일반적인 제품 디자이너와 UX 리서처의 미래 요구에 가장 잘 부합하는 도구로 두드러졌습니다.
Meta 디자이너를 ProtoPie에 온보딩하기
Meta처럼 큰 회사에서는 SSO 구현, 도구 홍보를 위한 프레젠테이션 제작, 교육 자료를 통한 디자이너 역량 강화, 진행 중 문제 해결 등의 단계가 있기 때문에 새로운 소프트웨어에 직원을 온보딩하는 데 많은 노력이 필요합니다.
이미 ProtoPie를 사용해 본 경험이 있는 Meta 디자이너는 소수에 불과합니다. 그러나 Jon은 온보딩 과정에서 일부 사람들이 매우 빠르게 배우고 다른 사람들의 속도를 따라잡도록 돕기 시작했다는 점을 발견했습니다.
그들은 완전히 다른 사용자 그룹이기 때문에 연구원들과는 별도로 작업했습니다. 이 과정에는 그들에게 다음 방법을 알려 주는 것이 포함되었습니다:
클라우드 계정을 탐색하는 방법;
프로토타입을 안전하게 설정하는 방법;
테스트 참가자가 리서치 세션 이후에 프로토타입에 접근하지 못하도록 하는 방법.
Meta의 디자이너들이 ProtoPie를 사용하는 다섯 가지 이유
Jon은 ProtoPie가 Figma의 기능 범위를 벗어나며 Origami Studio나 Framer 같은 도구에서는 이해하기 어려울 수 있는 현실적인 애니메이션 상호작용과 전환을 프로토타이핑하려는 사람에게 훌륭한 도구라고 생각합니다.
그는 또한 모바일 앱 경험을 프로토타입하는 데 이상적이라고 말합니다. 또 다른 뛰어난 기능은 ProtoPie Connect로, 그들은 Reality Labs에서 Oculus 헤드셋, 스마트워치 및 기타 IoT 기기와 같은 외부 하드웨어를 사용해 프로토타입을 만드는 데 활용해 왔습니다.
ProtoPie를 사용해 Facebook 앱을 개발하기.
1. ProtoPie는 낮음~중간 수준의 학습 곡선을 가집니다
ProtoPie의 멘탈 모델은 이해하기 쉽고, 익히는 데 도움이 되는 무료 및 유료 교육 자료도 다양합니다. 이것은 Jon이 ProtoPie를 선택하는 데 매우 큰 요소였습니다.
그의 팀은 디자이너들이 비교적 빠르게 배우고 사용하면서 흥미를 느낄 수 있는 디자인 도구를 찾고 있었습니다. 만약 모든 기능을 갖췄지만 디자이너가 접근하기 어려운 도구를 선택했다면, 채택률이 낮아졌을 것이고 도구 격차를 메우려던 문제도 해결되지 못했을 것입니다.
2. ProtoPie는 코드 없이, 변형 없이 프로토타이핑하는 도구입니다
Meta의 조사에 따르면, 코드 요소는 디자이너의 눈에 도구의 성패를 좌우하는 경우가 많습니다. 예를 들어 Framer 같은 도구는 매우 복잡하거나 중간 수준의 작업을 할 때 코딩 부담이 크기 때문에 채택률이 낮습니다.
ProtoPie와 Figma의 통합도 또 하나의 필수 조건이었는데, Jon은 디자이너가 모든 것을 처음부터 할 필요가 없는 비변형 프로토타이핑 도구를 원했다고 말합니다. 그의 말에 따르면, 많은 화면을 설계하지 않아도 훨씬 더 많은 것을 구현할 수 있습니다.
“프로토타입으로 가는 길을 해킹하는 것 같은 느낌이죠”라고 Jon은 말합니다.
3. ProtoPie는 안전하고 계속 성장하는 원격 리서치 기능을 제공합니다
Meta 외부의 테스트 참가자와도 웹 브라우저를 통해 안전하게 프로토타입을 공유할 수 있다는 점도 또 다른 중요한 요인이었습니다.
네이티브 Android 및 iOS 미리보기 앱도 훌륭하지만, 현재의 원격 리서치 환경에서는 웹 브라우저가 필수입니다. 테스트 참가자들이 여러 앱을 다운로드하길 그다지 원하지 않기 때문입니다.
대신 웹사이트에 들어가 프로토타입을 보기 시작하고 싶어 하므로, Meta의 UX 리서처들이 테스트 세션에서 ProtoPie를 사용하는 것이 훨씬 더 간단합니다.
4. ProtoPie는 유연하고, 실수에 관대하며, 사용성이 뛰어납니다
“ProtoPie는 비교적 쉽게 도입할 수 있는 강력한 상호작용 디자인 도구의 최적점을 찾아냈습니다”라고 Jon은 말합니다.
변수, 조건, 사용자 지정 컴포넌트와 같은 기능을 통해 디자이너는 Figma에서 할 수 있는 범위를 넘어서는 거의 모든 것을 현실적으로 프로토타입화할 수 있습니다.
ProtoPie는 Origami Studio와 Framer 못지않게 강력하지만, 현대적인 인터페이스는 익숙한 디자인 패턴을 많이 따르기 때문에 디자이너에게 더 직관적인 경험을 제공합니다.
이 네 가지 이유 외에도, Meta 팀이 ProtoPie를 선택할 때 꼭 필요했던 기능은 다음과 같았습니다:
5. ProtoPie는 VR 팀의 워크플로에 잘 맞습니다
또한 ProtoPie는 Oculus 헤드셋과 핸드 컨트롤러를 다루는 VR 팀의 워크플로에도 잘 맞습니다.
ProtoPie는 Oculus 헤드셋과 핸드 컨트롤러를 다루는 VR 팀의 워크플로에도 잘 맞습니다.
VR 팀의 디자이너들은 헤드셋 안에서 테스트할 2D 경험을 프로토타입으로 만드는 방법을 모색하고 있습니다. 또한 현재는 헤드셋을 더 몰입감 있게 만들 기능을 개발하기 위해 ProtoPie와 함께 작업하고 있습니다.
아래에 표시된 프로토타입
에서, 디자이너는 변수, 수식 및 기타 정교한 상호작용을 사용해 모든 것이 작동하도록 했습니다.
디자이너는 며칠 만에 ProtoPie를 익혔고, 주말이 끝날 무렵에는 꽤 고급 기능까지 프로토타이핑할 수 있게 되었습니다. Jon은 이것이 ProtoPie의 쉬운 학습 곡선을 입증하는 것이며, ProtoPie를 팀의 기본 도구로 만드는 큰 기회로 두드러졌다고 말합니다.
“ProtoPie를 사용함으로써 엔지니어 없이도 프로토타이핑을 할 수 있게 되어 팀의 생산 속도가 향상되었습니다”라고 Jon은 말합니다. “Figma만으로는 부족한 상황에서 디자이너를 위한 프로토타이핑 도구로서 ProtoPie가 적절한 균형점을 찾아냈기 때문에, 현재 시장에서 ProtoPie의 미래는 밝아 보입니다.”
ProtoPie가 어떻게 Meta의 기본 프로토타이핑 도구가 되었는지
새로운 도구를 배우는 일은 대부분의 사람들에게 언제나 도전 과제이며, 특히 Meta처럼 빠르게 돌아가는 개발 환경에서는 더욱 그렇습니다.
하지만 Jon에 따르면 초기 참여 신호는 압도적으로 긍정적이며, 그들은 이전에는 전혀 고려하지 못했던 결과들을 보고 있습니다:
프로토타입이 리뷰와 리서치에 사용되고 있습니다. Jon은 이것이 이렇게 빨리 일어나는 것을 보고 놀랐습니다. 디자이너들도 새로운 도구를 배우고 있어서, 그들이 실제로 그것을 빠르게 사용하기 시작하고 어느 정도 속도를 내며, 새 아이디어를 위한 리뷰와 리서치 세션에서 사용하는 모습을 보게 된 것은 매우 큰 일이었고, 많은 긍정적인 검증을 주었습니다.
디자이너들이 자신의 팀에서 이 도구를 적극적으로 추천하고 전파하고 있습니다. Jon조차 파일럿에서 알지 못했던 디자이너들이 ProtoPie를 사용하고 있었고, 그것이 실제로 자기 팀의 요구에 맞는다는 사실을 알아내고 있습니다. Meta는 규모가 크기 때문에 모든 팀에서 무슨 일이 일어나는지 항상 다 알 수는 없으므로, ProtoPie가 초기 파일럿 프로그램을 넘어 유기적으로 확산되고 있다는 사실은 매우 만족스러운 일이었습니다.
고충실도 프로토타이핑을 위해 ProtoPie를 사용하는 Meta와 15,000개 이상의 다른 기업에 합류하세요. ProtoPie를 무료로 사용해 보세요 지금.
