고객 성공 사례

8

분 소요

ProtoPie가 OnePlus의 디자인 워크플로우를 업그레이드하는 방법

OnePlus 디자인 팀을 만나보세요

Fredo Tan, Head of Growth

 원문 기사는 Leah Han이 ProtoPie에서 중국어로 작성했으며, 그녀와 OnePlus의 허가를 받아 번역되었습니다.

중국 스마트폰 제조 회사 OnePlus의 디자인 팀은 미스터리한 팀으로 알려져 있다. 웹에서 찾아볼 수 있는 것은 거의 없으며, 디자인 블로그나 기타 관련 자료도 없다. 하지만 OnePlus는 매번 놀라운 스마트폰으로 세계 제조 시장을 감탄하게 만든다.


People go crazy for OnePlus


OnePlus에 열광하는 사람들

그렇다면 사람들을 열광하게 만드는 멋진 제품을 만드는 OnePlus 디자인 팀(위 이미지를 보라!)은 어떤 모습일까? ProtoPie가 이 팀의 미스터리를 조금이나마 밝혀준다.

우리는 모바일폰 사용자 경험 디자인 팀의 디자이너 두 명인 Allison LiuLogan을 인터뷰했다. 두 사람은 주로 모바일폰 OS의 인터랙티브 디자인과 사용자 조사를 담당한다. 이 디자인 팀은 연구와 역동적인 접근 방식을 바탕으로 시각적으로도, 상호작용 측면에서도 매력적인 사용자 중심 운영체제를 만드는 일을 맡고 있다.


Allison Liu and Logan of the OnePlus Design team


OnePlus 디자인 팀의 두 멤버인 Allison Liu와 Logan.

디자인 프로세스

대규모 전통 기업의 디자인 팀은 여전히 워터폴 모델을 자주 사용한다. 하지만 Allison과 Logan에 따르면 OnePlus에서는 대신 린 디자인 프로세스가 훨씬 더 선호된다.


Design workflow at OnePlus


OnePlus의 디자인 워크플로.

초기 단계

제품 매니저만이 제안이나 아이디어를 내는 것은 아니다. 누구나 그럴 수 있다! 즉, 회사의 누구나 자신의 아이디어, 제안, 창의적인 불꽃, 기발한 생각 등을 구현하여 제품에 진정한 영향을 줄 수 있다는 뜻이다. 팀이 내부 평가를 마치면, 특정 아이디어를 채택할지 여부를 우선순위에 따라 결론 내린다. 이후에는 필요한 논의를 포함한 집단 브레인스토밍 세션이 이어지며, 아이디어를 더 구체적으로 다듬는 데 집중한다. 크든 작든 어떤 아이디어든 여러 단계의 검토와 조사를 거쳐야 한다. 이는 사용자에게 제공되는 추가 가치와 구현 가능성을 확인하기 위해 필수적이다.

비주얼 및 인터랙션 디자인

초기 단계가 지나면 비주얼 및 인터랙티브 디자인 단계가 이어진다. 디자이너들은 ProtoPie를 사용해 프로토타입을 만들고, 사용자 테스트와 사용자 피드백 수집 같은 분석을 수행하면서 지속적으로 최적화한다. 하이파이 인터랙션이 포함된 이 단계는 사용자에게 가장 단순하고 이해하기 쉬운 인터페이스를 보장하는 데 초점이 맞춰져 있어 논리적 사고를 특히 강조한다. ProtoPie는 실제 기기에서의 테스트를 훌륭하게 지원하고, 프로토타입을 스마트 기기에 오프라인으로 저장할 수 있어 편리한 사용자 테스트에 큰 도움이 되기 때문에 주로 사용된다.

사용자 테스트

검토할 연구 대상을 선별할 때는 타깃 사용자층과 매우 유사하면서도 배경 특성 측면에서는 다양한 사람들로 구성된 그룹을 선택하는 것이 중요하다. 사용자가 자신의 기기에서 인터랙티브 프로토타입을 시험해 보는 동안, 지정된 팀이 사용자 행동을 관찰하고 기록한다. 또한 사용자 의견과 피드백도 메모한다. 수집하고 분석한 뒤에는 사용자로부터 얻은 모든 입력을 바탕으로 필요한 변경을 수행하여 그들의 요구를 충족하는 제품을 제공한다. 디자인 프로세스를 개선하고, 인터랙티브 프로토타입을 지속적으로 수정 및 테스트하여 궁극적인 사용자 경험을 달성하려면 실제와 같은 상황을 반영한 사용자 테스트가 매우 중요하다. 이는 개발 비용을 절감하고 효율성을 크게 높이는 데 도움이 된다.

개발

지속적인 반복을 거치면서 프로토타입의 완성도는 점차 높아진다. 디자이너들이 하이파이 프로토타입이 어떻게 구축되는지 보여줄 수 있게 되면서, Logan은 디자이너와 개발자 간의 협업이 극적으로 개선되었다고 말했다. ProtoPie의 직관성과 명확성 덕분에 개발자들은 디자인 측면에서 정확히 무엇을 구현해야 하는지 쉽게 이해할 수 있다. 예를 들어 ProtoPie에는 속도 조절 기능이 있다. 때로는 인터랙션이 너무 빠르게 진행되어 개발자가 세부 사항을 명확히 보기 어려울 수 있다. 미리 보기를 할 때 프로토타입의 속도를 조절하면 인터랙션의 세부 사항이 더 잘 보이게 되어 개발자가 디자이너의 관점을 이해하기 쉬워진다. 궁극적으로 ProtoPie는 디자이너와 개발자 사이의 간극을 메워준다.


ProtoPie bridges the gap between designers and developers


ProtoPie는 디자이너와 개발자 사이의 간극을 메워준다.

이번 인터뷰를 통해 우리는 OnePlus의 린 디자인 프로세스에서 디자인 팀이 논리적 사고를 바탕으로 사용자가 쉽게 이해할 수 있는 개선된 프로토타입을 반복적으로 만들어 간다는 사실을 알게 되었다.


Interactive prototyping phase at OnePlus


OnePlus의 인터랙티브 프로토타이핑 단계.

올바른 프로토타이핑 도구 선택

프로토타이핑 도구에 대한 요구 사항

OnePlus의 린 디자인 프로세스에서는 커뮤니케이션과 협업에 대해 엄격한 요구 사항이 있다. 사용자에게 직관적이고 세심한 인터랙티브 프로토타입을 제공하기 위해, OnePlus 디자인 팀은 자신들의 프로토타이핑 도구가 다음과 같은 요구 사항을 충족하기를 원한다:

  • Sketch에서 가져올 수 있어야 한다.

  • 디자인 세부 사항과 인터랙션 뒤에 있는 논리를 개발자와 쉽게 소통할 수 있어야 한다.

  • 스마트폰에서 배포 가능하고, 스마트폰에 로컬로 저장할 수 있는 프로토타입처럼 정말 ‘실제 같은’ 편리한 사용자 테스트가 가능해야 한다.

  • 협업: 온라인으로 공유할 수 있고 데스크톱 및 모바일 브라우저에서 배포 가능한 프로토타입이어야 한다.

  • 완성도: 한 페이지에서 페이지 흐름과 멀티핑거 제스처를 모두 구현할 수 있어야 한다.

OnePlus의 디자인 팀은 디자이너가 최고의 사용자 경험을 만드는 데 도움이 되는 프로토타이핑 도구를 찾아왔다. ProtoPie가 바로 OnePlus가 찾던 도구다.

“ProtoPie는 단연 최고의 프로토타이핑 도구다” — Logan, OnePlus

ProtoPie가 돋보이는 이유는?

1. 개념 모델: ProtoPie의 철학이자 기반은 인터랙션이 어떻게 구성되는지에만 바탕을 둔다:
객체 + 트리거 + 반응 = 인터랙션


Object + Trigger + Response = Interaction


ProtoPie의 개념 모델

하이파이 프로토타이핑의 철학을 단순하게 유지함으로써 디자이너와 개발자는 서로 더 원활하게 소통할 수 있다. 또한 개발자는 디자이너의 아이디어를 더 쉽고 빠르게 이해할 수 있고, 그 반대도 마찬가지다. 더 나아가 ProtoPie는 단순함을 유지한다는 취지에 맞지 않기 때문에 디자이너에게 코딩을 요구하지 않는다. OnePlus 디자인 팀이 제품 디자인 아이디어를 전달하는 데 코드는 전혀 필요하지 않다.

2. 빠르게 시작하기: ProtoPie가 OnePlus에 도입되었을 때, 디자이너들은 완만한 학습 곡선, 이해하기 쉬운 개념 모델, 직관적인 UI 덕분에 이 도구를 바로 시작할 수 있었다. 짧은 시간 안에 ProtoPie는 OnePlus 디자인 워크플로의 필수 요소가 되었다.

3. 센서 활용: ProtoPie는 코딩 없이도 프로토타이핑에 스마트 기기의 센서를 사용할 수 있도록 지원한다. OnePlus 디자이너들은 마이크, 가속도계, 압력 센서 등이 ProtoPie에서 지원된다는 점에 큰 기대를 보였다.


A simple prototype using the tilt sensor by OnePlus


OnePlus가 틸트 센서를 사용한 간단한 프로토타입.

따라서 Logan은 디자이너들이 코드에 직접 깊이 들어가지 않아도 ProtoPie로 실제와 비슷한 현실감 있는 프로토타입을 만들 수 있으므로, 기술적 한계 때문에 아이디어를 제한받지 않기를 권한다.


Designers at OnePlus building hi-fi


ProtoPie를 사용해 하이파이 프로토타입을 만드는 OnePlus 디자이너들.

결론

우리는 OnePlus의 디자인 팀이 전 세계 사용자들을 위해 최고의 제품을 만들기 위해 린 디자인 프로세스, 논리적 사고, 그리고 디자인과 인터랙션의 세부 사항을 중요하게 여긴다는 사실을 알게 되었다. OnePlus의 디자인 팀은 항상 최선의 해결책을 찾기 때문에, 효율성을 개선할 방법을 끊임없이 고민한다. ProtoPie가 바로 그 해결책을 제공한다.

OnePlus에 대해 더 알아보려면 여기를 확인하세요.