고객 성공 사례

7

분 소요

이메일 앱 상호작용을 새롭게 구상하고, 재설계하고, 다시 만들어내기

Briandito Priambodo를 만나 그가 제품 디자인을 어떻게 바라보는지, 그리고 오랫동안 골칫거리였던 문제를 어떻게 재설계했는지 알아보세요.

Adriana Diaz, Social Media Manager

지난 7월, ProtoPie는 전 세계의 많은 디자이너들이 참가해 최고의 프로토타이핑 실력을 선보인 첫 Dribbble Playoff 콘테스트를 개최했습니다. 치열한 심사 기간 끝에 Khonok Lee가 대상 수상자로 선정되었습니다. 하지만 Khonok Lee만이 만만치 않은 도전자는 아니었습니다. 인상적인 프로토타입으로 세 명의 디자이너가 참가자들 사이에서 두각을 나타냈습니다.

우리는 싱가포르의 햇살 좋은 곳에 있는 온라인 여행 회사 Wego의 시니어 디자이너인 Briandito Priambodo와 이야기를 나눌 기회를 가졌습니다.

ProtoPie를 알게 되다

그는 2017년에 ProtoPie를 처음 접했지만, 다양한 프로토타이핑 도구를 살펴보던 2018년 초가 되어서야 ProtoPie의 세계에 본격적으로 들어가 모든 기능을 직접 실험해 보았습니다. “업무 흐름을 개선하는 데 도움이 되고, 다른 회사들도 널리 사용하는 도구를 찾고 싶었습니다. 그래야 여러 도구를 따로 배울 필요가 없으니까요,”라고 Briandito는 말합니다. 각각의 소프트웨어를 2주씩 사용해 몇 개의 사이드 프로젝트를 만들고 나서.., 몇 달이 지나 Briandito는 ProtoPie와 Framer 사이를 오가며 두 도구 모두 자신의 워크플로에 잘 맞는다는 것을 알게 되었습니다. “결국 Framer를 구독하게 되었는데, 당시 많은 회사들이 Framer를 사용하고 있었기 때문입니다. ProtoPie는 아직 새로워서, 그때만 해도 아는 사람이 많지 않았습니다.”

브리안디토가 체험 기간 이후에도 구독하지 않은 이유가 궁금했던 우리 팀은 시니어 디자이너에게 후속 설문을 보냈습니다. 그는 자세한 피드백을 주며 반쯤 농담으로 이렇게 말했습니다: “P.S. 1년 동안 50% 할인을 해주시면 제가 라이선스를 사겠다고 약속드릴게요. 밑져야 본전이잖아요, 그렇죠?”. 그리고 그렇게 ProtoPie와 Briandito 사이에 멋진 협업이 시작되었고, 그 결과 튜토리얼 콘텐츠 가 만들어졌습니다. “그때부터 제가 가장 자주 쓰는 프로토타이핑 도구는 ProtoPie입니다. 이 이야기의 교훈은: 요청하면 얻을 수 있다는 것이죠,”라고 그는 말합니다.

그렇다면 ProtoPie는 어떻게 시니어 디자이너의 워크플로에 자연스럽게 맞아들어갈까요? “저는 Sketch를 사용하고 ProtoPie로 작업합니다… 우리 팀과 저는 필요를 충족하는 프로토타입을 만드는 데 아무런 어려움이 없었습니다. 막히거나 무언가를 배워야 할 때는 언제나 ProtoPie 문서가 구해줍니다!”


Small corner of home office


거실의 작은 한쪽 구석: 제가 사이드 프로젝트를 하는 홈 오피스입니다. 저는 모든 것을 최소한으로 유지하는 걸 좋아합니다.

제품 디자인

제품 디자인은 여러 산업에서 널리 사용되어 왔고 그 정의도 폭넓지만, Briandito는 이를 이렇게 간단히 정의합니다: “일반적으로 저는 디자인을 문제 해결이라고 생각합니다. 제품 디자인은 제품을 매개로 사람들의 문제 해결을 돕는 것입니다.” 그렇다면 이것이 Wego의 성공에 어떻게 기여할까요? “우리 서비스의 핵심은 웹사이트와 모바일 앱에 달려 있습니다. 따라서 제품 디자인은 우리 업무에서 필수적입니다. 제품 디자인은 단순하고, 사용하기 쉽고, 도움이 되는 제품을 만드는 데 필요합니다.”

Briandito의 디자인 프로세스는 4단계로 이루어집니다: 문제 찾기, 문제 검증하기, 해결책 찾기, 그리고 그 해결책 검증하기. 이 과정에서 ProtoPie는 두 가지 중요한 측면에서 그를 도와줍니다. 바로 사용자 테스트와, 이해관계자들에게 자신의 아이디어를 전달하고 설득하는 일입니다. “ProtoPie를 사용하면 실제 앱과 같은 상호작용을 구현하고, 프로토타입이 어설프거나 사용할 수 없을까 걱정하지 않고 제대로 된 사용성 테스트를 할 수 있습니다,”라고 Briandito는 말합니다. “반면 프로토타입을 보여줄 때는 개념과 아이디어를 설명하기가 더 쉽습니다. 저는 이해관계자들에게 제 프로토타입을 직접 만져볼 시간을 주는 것을 좋아합니다 — 대부분은 그 아이디어를 받아들입니다.”

좋은 프로토타입의 특성에 대해 그는, 실제 앱처럼 동작하거나 멋지고 화려한 인터랙션으로 설계될 필요는 없지만 목표에 더 가까워지도록 도와야 한다고 생각합니다. “사용자 피드백을 얻는 것이 될 수도 있고, 이해관계자를 설득하는 것이 될 수도 있으며, 아니면 단순히 개념을 증명하는 것일 수도 있습니다. 기본적으로 더 나은 제품을 만드는 데 도움이 되어야 합니다.”


Prototype showing interactions of news-app


뉴스 앱의 인터랙션을 살펴보기 위해 만든 프로토타입

Dribbble: 뉴스 앱을 위한 와이어프레임 탐색


Two options comparing an interaction idea


인터랙션 아이디어의 나란한 비교:

Dribbble: 메모 복사 인터랙션 세부 사항

우승을 위한 재디자인

Briandito는 널리 사용되고 잘 알려진 클래식 이메일 앱을 새롭게 디자인해 ProtoPie 5.0 Playoff 콘테스트에 참가하기로 했습니다. 그에게 영감을 준 것은 이메일로 겪는 자신의 불편함뿐이었습니다. “저는 항상 이메일 때문에 골치 아팠습니다. 제가 중요하다고 생각하는 이메일은 기본적으로 같은 발신자들에게서 오거든요. 그래서 이 문제를 한번 파고들어 보자고 생각했습니다. 사용자가 보통 읽는 이메일을 모아 주는 스마트 이메일 앱이 있다면 어떨까?”

놀랍게도 그는 마감 며칠 전, 처음부터 아이디어를 구체화해 인상적이면서도 실제로 구현 가능한 인터랙션을 만들어 수상자들 가운데 이름을 올렸습니다. Briandito는 “솔직히 말하면, 잘 계획된 디자인 프로젝트는 아니었습니다. 프로젝트를 시작한 건 마감 이틀 전쯤이었어요. 갑자기 떠오른 아이디어들이 한꺼번에 터져 나온 것에 더 가까웠습니다 — 카드 인터랙션을 그런 방식으로 만들 생각조차 하지 않았어요.”

메일 앱 인터랙션 체험해 보기


Mail app wireframing


메일 앱

Dribbble : 메일 앱 콘셉트

다음 큰 흐름

많은 일상적이고 번거로운 작업을 말 한마디로 처리할 수 있는 미래는 매우 그럴듯해 보입니다. “음성 인터랙션은 앞으로 더 널리 쓰일 것이라고 생각합니다. 사람들은 이미 Alexa & Google Assistant를 사용해 집을 제어하고 있고, Apple Watch를 사용한다면 Siri가 이미 손목 위에 있습니다.”

Briandito는 3D 모델을 통합하는 3D 앱이 보편화될 가능성도 언급합니다. “그래서 디자이너들은 역량을 업그레이드하고, 프로세스 안에서 3D 모델을 디자인하는 일을 자연스럽게 받아들여야 합니다. 프로토타이핑 도구가 별도의 설정 없이 바로 3D 모델과 연동되면 정말 좋을 것입니다. 그 이유는 미래에는 사람들이 증강현실과 가상현실 제품을 매일 많이 사용할 것이라고 생각하기 때문입니다. 그리고 평면/2D 일러스트는 점점 지루해지고 있기 때문이기도 합니다.”