핵심 요약
Flinto는 간단한 인터랙션과 애니메이션을 만드는 데 유용한 도구이지만, 더 복잡한 요구가 주어지면 한계가 있습니다.
사용감이 다소 둔하고 기능도 제한적인 Flinto는 작업물을 다른 사람과 공유하기 어렵게 만듭니다. 또한 Flinto에는 수준 높은 학습 자료와 끈끈한 사용자 커뮤니티가 부족합니다.
ProtoPie는 고충실도 프로토타이핑에 적합하며, 음성 인터랙션 프로토타이핑 같은 최첨단 기능과 풍부한 인터랙션, 그리고 적극적인 UX 디자이너 커뮤니티를 갖추고 있습니다.
우리의 현대적이고 데이터 중심의 경제는 빠르게 움직이며 UX 디자이너들은 가능한 한 짧은 시간 안에 만든 고충실도 디자인으로 이해관계자를 감명시켜야 한다는 압박을 점점 더 받고 있습니다. 다시 말해, 그들에게는 고충실도 빠른 프로토타이핑 도구가 필요합니다.
사실 이들의 필요를 충족할 수 있는 프로토타이핑 도구는 ProtoPie와 Flinto 두 가지입니다. 그렇다면 ProtoPie vs Flinto 논쟁에서 중요한 질문이 떠오릅니다. 어떤 프로토타이핑 도구가 가장 좋을까요?
ProtoPie란?
ProtoPie는 복잡한 UI/UX 디자인 아이디어를 매우 인터랙티브한 고충실도 프로토타입으로 바꿔 주는 빠른 프로토타이핑 도구이며, macOS와 Windows에서 실행됩니다.
자화자찬하는 것은 아닙니다. 한 고객에 따르면, “ProtoPie는 사용하기 쉬운 인터페이스와 완만한 학습 곡선으로 디자인 커뮤니티에서 호평받는 유연하면서도 강력한 프로토타이핑 도구입니다.”
우리의 미션은 간단합니다. 디자이너들이 무한한 창의력을 마음껏 펼칠 수 있도록 돕는 것입니다. ProtoPie는 대중을 위한 도구가 아닙니다. 눈에 띄고 싶을 때 사용하는 도구입니다. 방대한 공식과 변수 라이브러리를 활용해 새로운 인터랙션을 처음부터 직접 만들어 보세요. 기본적인 클릭형 프로토타입부터 실제 앱처럼 보이고 느껴지고 작동하는 고충실도 프로토타입까지 모두 만들 수 있습니다. 휴대폰, 컴퓨터, 자동차, 게임 콘솔에서 프로토타입을 테스트해 보세요. 선택은 여러분의 몫입니다. ProtoPie와 함께라면 선택지는 무한합니다.
Flinto란?
Flinto는 전 세계 UX 디자이너들이 모바일, 데스크톱, 웹 앱 등 인터랙티브 프로토타입을 만들기 위해 사용하는 빠른 프로토타이핑 도구입니다.
Flinto는 페이지 기반 프로토타이핑 도구입니다. 사용자는 여러 화면을 보게 되며, 버튼들의 연결 흐름을 통해 화면들을 서로 연결할 수 있습니다. 한 화면에서 버튼을 탭하면 다른 화면으로 이동합니다. 페이지 기반 도구는 화면 간 다양한 전환 효과도 선택할 수 있게 해 줍니다. 예를 들어 페이드 인, 오른쪽에서 왼쪽으로 슬라이드 인, 아래에서 위로 슬라이드 업 등이 있습니다.
Flinto는 사용감이 다소 불편한 프로토타이핑 도구이지만, 앱의 흐름을 아직 다듬고 있는 단계에서 빠르게 목업을 만드는 데는 좋은 방법입니다. 또한 Flinto는 Mac 전용이며 macOS 10.14와 iOS 12.0 이상에서만 작동합니다.
Flinto: 장점
전환 디자이너
Flinto의 가장 강력한 기능 중 하나인 Transition Designer는 직접적인 시각 피드백을 매끄럽게 제공하기 때문에 전환을 조정하는 가장 빠른 방법 중 하나입니다.
Flinto의 Transition Designer
그러나 Flinto의 Transition Designer에는 단점도 있습니다. 같은 오브젝트의 서로 다른 속성을 서로 다른 타이밍으로 애니메이션하고 싶다면, 할 수 없습니다.
마이크로 인터랙션과 애니메이션을 만드는 데 훌륭한 도구
Flinto는 마이크로 인터랙션과 애니메이션 디자인을 만들 때 유용한 다양한 고유 기능으로 다른 프로토타이핑 도구와 차별화됩니다. 예를 들어 'Behaviors' 기능을 사용하면 어떤 프로젝트에서든 재사용 가능한 컴포넌트를 활용할 수 있어 UX 디자이너의 시간을 크게 절약해 줍니다.
Flinto의 전환 효과는 자랑할 만한 점이 많습니다. 바로 직접적인 피드백입니다. 스와이프 제스처로 다음 페이지로 이동할 때, 사용자는 손가락으로 전환 속도를 조절하며 iOS 앱에서처럼 앞뒤로 밀어 볼 수 있습니다.
Flinto: 단점
제한적인 프로토타이핑 기능
Flinto는 애니메이션과 마이크로 인터랙션을 만드는 데는 좋은 선택이지만, 고충실도 프로토타이핑에서는 마지막 관문을 넘지 못합니다. 예를 들어 사용자가 애니메이션을 추가하는 데 불필요하게 많은 시간이 걸립니다.
더욱이 프로토타입 내 서로 다른 컴포넌트 간 인터랙션을 만들 때는 심각한 제한이 있습니다. 한마디로, 단순한 디자인에는 훌륭하지만 복잡함을 처리하지 못합니다.
Flinto는 Mac과 iOS에서만 작동합니다
Windows 사용자는 이 점이 매우 답답하게 느껴질 것입니다. Flinto는 macOS 10.14와 iOS 12.0, 또는 그 이상의 버전에서만 작동합니다.
프로토타입은 Mac과 iPhone에서만 미리 볼 수 있습니다
Flinto가 iOS 중심의 애플리케이션이라는 점을 생각하면 놀랍지 않습니다. 하지만 이는 심각한 제약입니다. 전 세계에는 14억 대의 활성 Windows 기기가 있으며, 그중 많은 기기가 기업에서 사용되고 있습니다. UX 디자이너들은 이를 반드시 고려해야 합니다.
설상가상으로 프로토타입 미리보기도 간단한 과정이 아닙니다. Flinto를 설치하는 것 외에도, 프로토타입을 미리 보기하려면 iOS Viewer 애플리케이션을 다운로드해야 합니다.
프로토타입을 미리 보려면 Mac 사용자는 Apple Store에서 Flinto Viewer 앱을 다운로드해야 합니다.
프로토타입 공유가 어려울 수 있습니다
Flinto의 공유 옵션은 제한적입니다. 프로토타입을 공유할 수 있는 링크가 없습니다. 미리보기 창을 녹화해 동영상 파일로 공유하거나 Dribbble에 업로드할 수는 있습니다. 빠른 프로토타이핑 도구로서는 아쉬운 부분입니다. 이해관계자와 공유할 수 없다면 빠르게 프로토타입을 만드는 의미가 무엇일까요?
ProtoPie가 더 나은 프로토타이핑 도구인 이유는 무엇일까요?
Flinto는 기본 프로토타이핑에는 탄탄한 도구이지만, 전체 플로우보다는 마이크로 인터랙션에 더 적합합니다. 이것이 가장 큰 단점입니다. 인터랙티브 입력이나 비디오 플레이어 같은 더 고급 기능이 없어 복잡성을 감당하지 못하기 때문입니다.
반면 ProtoPie는 강력한 기능을 갖추고 있습니다. UX 제품 디자이너들은 과정 자체가 매우 직관적이기 때문에 정말 정교한 프로토타입을 쉽게 만들 수 있습니다. 결과물은 그 자체로 말해 줍니다. 마이크로 인터랙션이든, 더 크고 복잡한 프로토타입이든 마찬가지입니다. 그리고 결국 원활한 디자인 협업의 가능성은 ProtoPie에서 훨씬 더 큽니다. 고충실도 프로토타입을 공유하는 일도 놀라울 만큼 간단합니다.
고충실도 프로토타입을 만드는 데 ProtoPie가 더 나은 선택인 주요 이유를 살펴보겠습니다.
공식과 변수로 진정한 동적 인터랙션 만들기
공식과 변수를 사용하면 진정한 동적 인터랙션을 가진 프로토타입을 만들 수 있습니다. 공식을 활용하면 사용자는 비밀번호 검증, 장바구니의 상품 수 계산, 총 계정 잔액 산출 같은 동적 인터랙션을 만들 수 있습니다. 반면 변수는 나중에 사용할 수 있도록 사용자가 원하는 어떤 데이터든 저장해 두는 ‘바구니’입니다. 예를 들어 이름, 비밀번호, 계정 잔액 등이 될 수 있습니다. 변수는 공식이 사용되는 모든 곳에서 사용할 수 있습니다.
인터랙션에서 공식과 변수를 사용하는 방법을 더 자세히 알고 싶다면 ProtoPie School의 이 강의들을 확인해 보세요.
인터랙션에 음성을 더해 프로토타입을 한 단계 끌어올리기
설정할 수 있는 무한한 트리거와 응답 조합은 제쳐 두더라도, ProtoPie의 이 독특한 기능인 음성 인터랙션을 통해 프로토타입이 사용자에게 말하고 듣게 만들 수 있습니다.
ProtoPie에 필요한 것은 마이크와 인터넷 접속뿐입니다. 그러면 다음에서 음성 인터랙션이 포함된 프로토타입을 사용할 수 있습니다:
음성-텍스트 인터랙션
텍스트-음성 인터랙션
ProtoPie는 현재 다음을 제공합니다:
듣기를 위한 52개의 지원 언어 및 언어 변형
말하기를 위한 40개의 언어 및 언어 변형
이 튜토리얼을 따라 음성 인터랙션이 포함된 자신만의 프로토타입을 만들어 보세요.
ProtoPie의 Smartwatch Solution으로 몰입감 넘치는 스마트워치 경험을 완전히 프로토타입화하기
ProtoPie Smartwatch Solution은 현실적인 스마트워치 프로토타이핑과 스마트워치를 포함한 완전히 몰입감 있는 연결형 경험을 가능하게 합니다. ProtoPie Smartwatch Solution은 처음부터 끝까지 몰입형 스마트워치 경험을 프로토타입해야 하는 성장하는 조직을 위한 엔터프라이즈급 솔루션입니다.
실제 Wear OS 스마트워치에서 프로토타입을 쉽고 빠르게 보고, 체험하고, 테스트할 수 있습니다.
“우리는 몇 년 동안 빠른 프로토타이핑 도구로 ProtoPie를 사용해 왔습니다. 하지만 경험은 스마트워치 콘셉트를 휴대폰이나 노트북 화면에서 평가하는 데 한정되어 있었습니다. 이제 새로운 ProtoPie Smartwatch Solution으로 디자이너와 연구자는 실제 하드웨어에서 콘셉트를 탐색할 수 있는 힘을 얻게 되었습니다*, 사용자의 손목 위와 실제 사용 맥락 속에서.”
*- Google Wear OS의 Staff UX Engineer Jeff Hoefs
ProtoPie의 Smartwatch Solution에 대해 자세히 알아보세요.
ProtoPie는 협업을 훨씬 수월하게 만듭니다
ProtoPie를 사용하면 Wi-Fi 또는 USB 연결로 휴대폰에서 프로토타입을 미리 볼 수 있습니다. 프로토타입을 로컬에 저장해 오프라인에서도 테스트할 수 있습니다.
더 좋은 점은, 작업물을 클라우드에 업로드해 팀원이나 고객과 링크를 공유할 수 있으며, 데스크톱과 모바일 기기 모두에서 상호작용할 수 있다는 것입니다.
*좌우 비교: Flinto Viewer 앱 vs ProtoPie Player. *
Mac이든 Windows든, 모두 지원합니다
Flinto와 달리 ProtoPie는 Mac OS와 Windows 둘 다에 설치할 수 있습니다.
또한 팀원이나 고객을 포함해 누구나 iOS, iPad, Android 기기에서 프로토타입을 체험할 수 있습니다.
ProtoPie를 사용하면 사용자는 다음 용도의 프로토타입을 만들 수 있습니다:
macOS 및 Windows
iOS 및 Android
스마트워치
ProtoPie와 함께라면 프로토타이핑 여정에서 외롭지 않을 것입니다
ProtoPie는 ProtoPie 튜토리얼을 비롯한 다양한 학습 자료를 제공합니다. 또한 ProtoPie는 활발한 사용자 커뮤니티를 자랑합니다. 작업 예시를 ProtoPie와 공유하고, 다른 UX 디자이너들과 소통하며, 어려운 점을 논의하고, 제안을 남길 수 있습니다.
*ProtoPie의 고객 학습 팀은 항상 새로운 학습 콘텐츠를 공개합니다. *
학습 자료
ProtoPie School
ProtoPie Documentation
ProtoPie 커뮤니티
ProtoPioneers: 우리의 Slack 채널
ProtoPie에서는 사용자들이 ProtoPie Studio에서 창의적인 프로토타입을 만들도록 장려하는 정기적인 프로토타이핑 챌린지를 운영합니다. 분위기를 더 살리기 위해 최고의 작품에는 상도 수여합니다. 최신 소식을 받아보려면 Discord 커뮤니티에 참여하세요.
반면 Flinto의 커뮤니티는 규모가 작고 소극적이며, Flinto는 YouTube에서 제공하는 학습 자료도 매우 적습니다. 실제로 최신 동영상은 1년 전 것으로 거슬러 올라갑니다.
ProtoPie vs Flinto: 누가 이 대결에서 승리할까요?
Flinto는 기본 프로토타이핑에는 좋은 도구입니다. 간단한 인터랙션과 애니메이션이 있는 기본 프로토타입을 보여 주고 싶다면, 작은 규모의 훌륭한 도구입니다. 하지만 정교한 빠른 프로토타이핑 도구를 원한다면 Flinto는 적합하지 않습니다.
바로 여기서 ProtoPie와 Flinto의 큰 차이가 드러납니다. ProtoPie는 대중을 위한 도구가 아닙니다. ProtoPie는 빠른 고충실도 프로토타이핑을 위한 최고의 도구입니다. 가능성은 무궁무진합니다. 동적 인터랙션에 적합할 뿐만 아니라 음성 인터랙션 프로토타이핑 같은 놀라운 기능도 갖추고 있습니다. Flinto와 달리 ProtoPie는 macOS뿐 아니라 Windows에서도 작동하며, 훨씬 더 간소화된 협업 프로젝트를 가능하게 합니다. 또한 풍부한 학습 자료와 활발한 온라인 커뮤니티는 많은 UX 디자이너에게 ProtoPie를 큰 도움이 되는 존재로 만들어 줍니다.
ProtoPie에 대해 더 알아보기
오늘부터 단 한 줄의 코드도 작성하지 않고 자신만의 초고충실도 프로토타입을 만들어 보세요.
Canny를 살펴보며 로드맵에 무엇이 있는지 확인하고, 피드백을 공유하고, 기능 요청을 남길 수도 있습니다.
