산업 가이드

7

분 소요

프로토타입 제작의 중요성과 디자인 스택

프로토타이핑이 정말 그렇게 중요한가요? Microsoft의 UX 디자이너인 Darren Bennett가 이 질문에 답하며, 프로토타이핑을 위한 올바른 디자인 스택을 구축하는 방법에 대해 알려줍니다.

Fredo Tan, Head of Growth

여기 ProtoPie에서는 디자인 업계의 선도적인 인물들 중 일부가 우리의 제품을 사용하고(그리고 좋아하고) 있다는 점을 자랑스럽게 생각합니다. 예를 들면 Microsoft의 전 UX 디자이너인 Darren Bennett처럼요.

Darren은 약 32년 동안 디자이너로 일해 왔으며, 인터넷이 등장하고 널리 보급되기 전에는 그래픽 및 브랜드 디자인으로 시작했습니다. 그 후 Adobe Flash로 영역을 넓혀 Flash 게임과 Apache Flex 엔터프라이즈 애플리케이션을 만들었고, 2007년 iPhone이 출시되면서 관심이 모바일로 옮겨갔습니다.

그는 멀티 디바이스 디자인으로 전환하기 전까지 약 12년간 모바일 분야에서 일했습니다. 현재는 Microsoft의 Windows & Devices 팀에서 일하며, Microsoft 안의 모든 것을 디자인하는 여러 디자이너 팀들과 협업하고 있습니다.

우리는 Darren과 만나 프로토타이핑이 왜 그토록 중요한지, 그리고 디자이너가 자신만의 프로토타이핑 스택을 어떻게 구축해야 하는지 이야기를 나눴습니다.


design stack

프로토타이핑이 왜 그렇게 중요한가요?

디자이너를 포함한 모든 사람은 본질적으로 편향되어 있습니다. 우리는 우리의 뇌에 의해 통제되기 때문에, 개인으로서 우리가 생각하는 방식에 따라 디자인하게 됩니다. 하지만 자기 관점만 고려해서는 대중을 위한 제품을 만들 수 없습니다. 바로 그 지점에서 테스트가 필요합니다.

여러분은 다양한 연령대의 사람들, 서로 다른 문화권의 사람들, 장애가 있는 사람들 등 모두를 대상으로 디자인을 테스트해야 합니다. 이렇게 다양한 사람들이 여러분의 디자인을 어떻게 사용하는지 보기 시작하면, 무엇을 개선하거나 변경해야 하는지에 대한 인사이트를 얻기 시작할 수 있습니다.

작동할 것이라고 생각했지만 그렇지 않은 것들은 언제나 생깁니다. 또는 여러분이 놓친 핵심 요소가 있을 수도 있습니다. 그래서 프로토타입으로 디자인을 테스트하는 것이 매우 중요합니다. 자신이 모든 것을 안다고 가정하지 마세요. 좋은 디자이너는 겸손한 디자이너입니다.

또 한 가지 짚고 넘어가야 할 점은 정적 디자인 도구에만 의존할 수는 없다는 것입니다. 그런 도구는 그저 그래픽을 만드는 도구일 뿐입니다. 결국 Photoshop의 더 나은 버전일 뿐이며, 벡터나 버튼 등을 그리는 데는 훌륭하지만 제대로 된 인터랙션 디자인을 대체할 수는 없습니다. 실제와 충분히 가깝게 만들어 주는 기능도 갖추고 있지 않습니다.

일부 도구는 로우 피델리티 프로토타이핑 기능을 갖추고 있습니다. 로우 피델리티 테스트에도 분명 장점이 있지만, 여전히 하이 피델리티 테스트도 반드시 수행해야 합니다. 와이어프레임에서 곧바로 제품 제작으로 넘어가 버리면 중요한 디자인 사용 사례를 거의 확실히 놓치게 됩니다. 그리고 나중에 필요한 조정을 하는 데는 훨씬 더 많은 비용과 시간이 들 것입니다.


different tools

이렇게 많은 도구가 있는데, 디자이너가 전부 배워야 하나요?

무엇보다도, 아니요—업무를 하기 위해 세상에 있는 모든 도구를 배울 필요는 전혀 없습니다. 저는 조금 덕후 기질이 있어서 새로운 도구를 시험해 보는 걸 좋아하지만, 그건 제 열정 때문이지 본업에 꼭 필요한 일은 아닙니다.

결국 중요한 것은 필요입니다. 어떤 도구가 있어야 일을 제대로 할 수 있나요? 많이 가질수록 좋은 것은 아닙니다. 계속 하나의 도구에서 다른 도구로 옮겨 다닌다면, 각 도구에 대한 충분한 전문성을 쌓아 그 가치를 최대한 끌어내지도 못한 채 라이선스 비용으로 회사에 많은 돈만 쓰게 됩니다.

모든 것을 지배하는 단 하나의 도구 같은 상황은 결코 오지 않을 것이라고 생각합니다. 그리고 많은 훌륭한 일을 해내는 도구가 있더라도, 제 경험상 이것이 오히려 너무 압도적일 수 있습니다. 3D를 배우려고 할 때 Autodesk 3ds Max를 사용했던 기억이 납니다. 대부분의 3D 도구처럼, 이 안에는 사실상 4개의 앱이 들어 있었습니다. 2D 경로 생성용 도구, 로프팅 도구, 모델링 도구, 셰이딩 도구가 있었죠.

이 하나의 앱 안에 제가 배워야 할 서로 다른 요소가 너무 많이 들어 있다는 걸 깨달았을 때, 저는 조금 압도당했습니다. 각각이 별도의 앱이었다면, 한 번에 하나씩 과정을 익히기가 더 쉬웠을 것 같습니다.


why is prototyping important

디자인 스택을 구축할 때는 어떻게 접근하나요?

디자이너에게는 와이어프레임 제작, UI 디자인, 하이 피델리티 프로토타이핑 등 디자인 과정의 각 요소를 돕는 보완적인 디자인 스택이 필요합니다. 첫 번째 단계는 아이디어를 받아 실제 제품이나 기능으로 구현하기까지의 타임라인, 즉 디자인 프로세스의 모든 단계를 하나하나 정리하는 것입니다. 그런 다음 각 단계에 가장 이상적인 도구를 찾기 시작할 수 있습니다.

어떤 도구를 도입했는데 그 도구가 계속 방해가 된다면(어떤 이유에서든), 그것은 아마 여러분에게 맞는 도구가 아닐 것입니다. 여러분이 원하는 이상적인 상황은 디자인 프로세스에서 가능한 한 마찰을 줄이는 것입니다. 사용하는 도구는 프로세스에 맞아야지, 그 반대가 되어서는 안 됩니다. 그렇다면 대안을 찾아보세요. Darren에게서 더 많은 팁과 요령을 알고 싶으신가요?

하이 피델리티 프로토타이핑이 처음이거나, 단지 자신의 접근 방식을 개선하고 싶다면 Darren의 훌륭한 교육 콘텐츠를 확인해 보세요. 그의 교육은 기본부터 고급 프로토타이핑 마법사가 되기 위해 필요한 모든 것까지, ProtoPie를 사용하는 방법에 대해 알아야 할 내용을 모두 가르쳐 줄 것입니다.

다음을 확인해 보세요:

맞습니다—Microsoft의 전 UX 디자이너로부터 핵심 인사이트, 팁, 요령을 얻게 됩니다. 이보다 더 바랄 게 있을까요?

ProtoPie가 처음이신가요?

ProtoPie는 모든 디지털 제품을 위한 가장 쉬운 인터랙티브 프로토타이핑 도구입니다. 디자이너는 UI/UX 디자인 아이디어를 모바일, 데스크톱, 웹, 나아가 IoT용 하이 피델리티 프로토타입으로 바꿀 수 있습니다. 코딩 없이, 그리고 엔지니어의 도움 없이도 매우 현실적이고 실제 제품 같은 프로토타입을 만들어 디자인 솔루션과 아이디어를 탐색, 검증, 테스트할 수 있습니다.

[ProtoPie를 무료로 사용해 보기]