Zillow처럼 고객 중심적인 회사에게 디자인은 그 어느 때보다 중요합니다. 하지만 한 달 방문자 2억 명을 상대하는 것은 큰 과제입니다. 그리고 Zillow가 계속 진화함에 따라, 디자인 팀이 해결하는 문제도 함께 진화해 왔습니다.
점점 더 복잡한 프로젝트가 팀에 들어오기 시작하자, Zillow 디자인 팀은 인터랙티브 프로토타입을 빠르고 쉽게 만들 수 있게 해주는 도구가 필요하다는 것을 알게 되었습니다. 그 탐색 끝에 그들은 ProtoPie를 만나게 되었습니다.
최근 우리는 ProtoPie를 사용한 경험과, 그것이 미래의 부동산 사용자 경험을 개발하는 데 어떻게 도움이 되는지 공유해 준 Zillow의 UX 디자이너 3명을 만나 이야기를 나눴습니다:
Rom Impas, 수석 프린시펄 UX 디자이너
Priya Sheth, 프린시펄 UX 디자이너
Priya Gupta, 수석 UX 디자이너
Zillow UX 디자인 팀을 만나보세요
Zillow의 경험 디자인 팀은 100명 이상의 UX 디자이너, 연구원, 프로젝트 매니저, UX 엔지니어 등으로 구성된 팀으로, “Zillow를 집을 사고, 팔고, 자금을 조달하거나 임대할 수 있는 가장 사랑받는 곳으로 만들기 위해 혁신적인 경험을 만들어내는 것”을 목표로 합니다.
ProtoPie는 팀이 복잡한 엔드투엔드 프로토타입을 만들 때 선택하는 도구입니다.
ProtoPie를 발견하기까지의 Zillow 여정
2019년 여름 Rom Impas가 Zillow에 합류했을 때, 팀은 정적 디자인과 소규모 프로토타입을 만들기 위해 다른 플랫폼을 사용하고 있었습니다.
하지만 정적 컴프와 목업만으로는 디자인을 여기까지밖에 발전시킬 수 없다는 것을 깨달았습니다.
“정적 화면 사이에는 일어날 수 있는 일이 정말 많습니다. 그런 것들은 프로토타이핑을 통해서만 전달되고, 눈에 보이게 하고, 설득력 있게 만들 수 있습니다.”라고 Rom은 말합니다.
그들이 필요로 한 것은 코딩 없이도 인터랙티브 프로토타입을 빠르고 쉽게 만들 수 있게 해주는 도구였습니다.
“2019년 10월 무렵, 저는 적극적으로 해결책을 찾고 있었고, 한 동료가 ProtoPie라는 새로운 프로토타이핑 도구에 대해 들어봤다고 말해줬습니다.”라고 Rom은 말합니다.
IMX 프로토타입 - 홈 사진.
ProtoPie가 유망해 보인다고 생각한 Rom은 도구를 부딪히며 배우기 시작했습니다. 그는 “제가 진행하던 프로젝트의 첫 엔드투엔드 디자인 프로토타입을 만드는 데 5일이 걸렸고, 이를 동료들과 고위 리더들에게 발표했습니다.”라고 말합니다.
“피드백은 매우 긍정적이었고, 이것이 프로젝트를 위한 일련의 디자인 프로토타입 반복 작업으로 이어졌습니다.”라고 Rom은 이어 말합니다. “ProtoPie는 디자인과 프로토타이핑을 동시에 할 수 있게 해주었습니다.”
Rom이 디자인 리더들을 설득해 ProtoPie의 엔터프라이즈 라이선스 승인을 받는 데는 오래 걸리지 않았고, 그들은 2020년 2월부터 이를 사용해 왔습니다.
Zillow의 더 많은 디자이너들이 ProtoPie를 도입하기로 한 이유
2021년에 Zillow에 합류한 Priya Gupta는, 특히 이 도구가 코드를 전혀 작성하지 않아도 된다는 점에서 ProtoPie로 만들 수 있는 강력한 프로토타입에 깊은 인상을 받았다고 말합니다.
“작은 프로젝트에 한번 사용해 봤는데, 기본적인 인터랙션을 만드는 데 2분도 채 걸리지 않았습니다. 이것이 저를 흥분시키고, 이 도구를 더 깊이 실험해 보도록 만든 ‘아하’ 순간이었습니다.”라고 Gupta는 말합니다.
인터랙티브 평면도.
단순한 인터랙션부터 더 복잡하고 미묘한 동작까지 디자인 프로토타입을 만들기 위해, Zillow 디자이너들은 다음과 같은 고충실도 프로토타이핑 도구가 필요하다는 것을 알게 되었습니다:
세부적인 인터랙션이나 흐름을 테스트할 만큼 강력해야 합니다.
실제 사용자 테스트에 충분히 유연해야 합니다.
주로 웹 기술로 실행되며 사실상 어떤 기기에서든 접근할 수 있어야 합니다.
빠르게 설정할 수 있고, 프로토타입이 복잡해져도 쉽게 관리할 수 있어야 합니다.
특정 플랫폼에 제한되지 않고, 모바일 네이티브, 모바일 웹, 데스크톱 웹, 세로 및 가로 모드, 태블릿, 다양한 화면 크기에서 제품 경험을 보여줄 수 있어야 합니다.
다행히 ProtoPie는 이 모든 조건을 충족했고, 그 이상이었습니다.
ProtoPie가 Zillow의 UX 디자인 프로세스에 가치를 더하는 방식
ProtoPie가 디자인 프로세스에 제공하는 가치를 어떻게 측정하느냐는 질문에, Rom은 네 가지 핵심 요소를 꼽았습니다.
1. 코드를 작성할 필요 없이 디자인의 세부 사항을 완전한 충실도로 반영한 프로토타입 만들기
Rom과 팀원들이 ProtoPie에 완전히 마음을 빼앗긴 이유는 코드를 작성하지 않고도 현실적인 프로토타이핑을 통해 디자인을 탐색하고 검증할 수 있다는 점이었습니다.
3D 홈 뷰.
“저에게 중요한 것은 팀이 경험에 대해 가진 질문에 대응해 아이디어를 효율적으로 프로토타입으로 옮길 수 있다는 점입니다.”라고 Priya Sheth는 말합니다. “ProtoPie는 가파른 학습 곡선 없이, 또 인터랙션 코딩을 배울 필요 없이 그 일을 할 수 있게 해줍니다.”
2. 디자인을 발표하면서 동료와 리더들이 동시에 프로토타입을 사용해 보게 하기
“제 머릿속에 있는 디자인을 즉석에서 조정하고 직접 만져볼 수 있는 디지털 현실로 만들고, 그다음 팀원들과 공유해 피드백을 받을 수 있다는 점이 ProtoPie에서 제가 가장 좋아하는 부분입니다.”라고 Rom은 말합니다.
디자이너들이 프로토타입을 발표하는 동안, Zillow의 동료와 리더들은 ProtoPie Player.를 사용해 각자의 기기에서 디자인을 쉽게 직접 체험하며 더 직관적인 경험을 할 수 있습니다.
3. 내부 및 외부 사용자가 프로토타입을 테스트하게 하기
“우리 디자이너와 리서처들은 로파이부터 고충실도 프로토타입까지 디자인 프로세스의 어느 단계에서든 ProtoPie를 사용할 수 있고, 이를 테스트할 수 있습니다.”라고 Rom은 말합니다.
4. 향후 가능한 반복 개선 방향 구상하기
“ProtoPie 프로토타입은 기능의 사용성과 개선할 수 있는 영역에 대한 핵심 질문에 답하는 데 도움이 됩니다.”라고 Sheth는 말합니다. “이 테스트에서 얻은 피드백 덕분에 고객에게 출시하는 다음 단계로 나아갈 수 있습니다.”
Zillow가 앱과 웹 프로토타입에 ProtoPie를 사용한 사례
1. 홈 상세 페이지
팀은 Zillow에 방문한 사용자가 가장 먼저 보게 되는 주요 UX 영역 중 하나인 Home Details 페이지의 기능을 작업하는 데 ProtoPie를 사용합니다.
*Zillow의 Home Details 페이지. *
2. 검색 결과 지도 페이지
“저는 네이티브 앱 경험 내에서 검색 결과 지도 페이지 작업에 ProtoPie를 사용했습니다.”라고 Sheth는 말합니다.
많은 Zillow 고객이 지도 보기 안의 매물 카드에서 사진을 넘겨 볼 수 있는 기능을 요청했습니다. 팀은 매물 카드 스크롤 기능을 유지하면서 고객 요청을 반영하기 위해 사진 캐러셀도 추가하고 싶었기 때문에, 비슷한 공간에서 두 가지 가로 스크롤 동작이 고객에게 부정적인 경험을 주는지 ProtoPie로 프로토타입을 만들고 테스트했습니다.
이는 ProtoPie가 실제 지도 인터랙션을 시뮬레이션할 수 있었기 때문에 가능했습니다. ProtoPie 팀이 만든 다음 데모에서 볼 수 있습니다.
3. 아직 공개되지 않은 여러 기능
“우리 팀은 곧 출시될 6~7개의 기능을 보여줄 대형 프로토타입을 만들기 위해 함께 모였습니다.”라고 Gupta는 말합니다. “개별 기능은 사용자와 함께 테스트했지만, 모든 기능이 서로 조화롭게 작동하고 서로 간섭하지 않는지 확인하고 싶었습니다.”
Gupta는 이것이 “여러 장면에서 변수를 사용하고 복잡한 조건 논리를 적용하는 등 ProtoPie의 가장 고급 기능을 활용하는 작업”이었다고 설명합니다.
지도의 확대 및 축소를 시뮬레이션하는 것과 같은 몇 가지 어려움이 있었지만, 전반적인 경험은 원활했습니다.
“지도는 Zillow.com과 Zillow 모바일 앱 모두에서 매우 중요한 요소입니다.”라고 Gupta는 덧붙입니다. “우리가 사용하는 지도 플랫폼을 통합하거나, 정적 이미지를 사용해 우회하지 않고도 지도 확대/축소 기능을 만들 수 있는 방법이 있다면 정말 좋을 것 같습니다.”
“ProtoPie는 훌륭하지만 완벽하지도 않으며, 개선하고 성장할 여지가 많습니다.”라고 Rom은 말합니다. “ProtoPie가 더 단순해지고 더 많은 디자이너들이 접근할 수 있게 되길 바랍니다.”
노코드 고충실도 프로토타이핑으로 디자인 팀의 역량을 강화하세요
ProtoPie는 Zillow와 15,000개 이상의 다른 회사 디자이너들도 현실적이고 인터랙티브한 프로토타이핑을 활용할 수 있게 합니다. 지금 직접 사용해 보세요!
