Proto.io 검토: 알아야 할 모든 것

앱 아이디어의 프로토타입을 만드는 것은 판도를 바꿀 수 있지만 작업에 적합한 도구를 찾는 것이 항상 쉬운 것은 아닙니다. 2011년부터 큰 인기를 끌었던 웹 기반 프로토타이핑 플랫폼인 Proto.io를 만나보세요.

원래 iOS 장치용으로 설계되었지만 이제는 여러 플랫폼에 걸쳐 앱 애호가, 디자이너, UX 전문가를 위한 다목적 도구입니다.

이 리뷰에서는 Proto.io를 자세히 살펴보고 과대광고에 부응하는지 확인합니다. 직관적인 드래그 앤 드롭 인터페이스부터 협업 도구까지 주요 기능을 살펴보겠습니다.

또한 가격 구조를 분석하고, 장단점을 비교하고, Proto.io가 귀하의 프로토타입 제작 요구 사항에 적합한지 결정하는 데 도움을 드릴 것입니다.

코딩 전문가이든 디자인 초보자이든, Proto.io가 제공하는 모든 내용을 살펴보는 동안 계속 기다려주세요. 이 검토가 끝나면 이 도구가 앱 개발 프로세스에 어떤 역할을 할 수 있는지, 그리고 어떤 부분이 부족한지 명확하게 알게 될 것입니다.

시작하자!

그렇다면 우리가 활용할 수있는 흥미로운 도구를 살펴 보는 것은 어떻습니까?

Proto.io란 무엇인가요?

연구소에서 생성 DiviSNQ Digital의 sion, 프로토 오 iPad와 iPhone의 프로토 타입 개발을 다루는 상업용 웹 플랫폼으로 출시 된 2011 년부터 시작되었습니다. 그런 다음 점진적으로 더 역동적 인 프레임 워크로 변형되었으며 여러 장치를 수용하도록 확장되었습니다.

현재이 플랫폼은 기본적으로 광범위한 주요 프로토 타이핑 도구를 사용하여 앱 애호가, 모바일 디자이너, 인터랙션 디자이너 및 사용자 경험 전문가를 대상으로합니다.

Proto.io의 주요 속성 중 하나는 직관적 인 사용자 인터페이스로, 코딩없이 활용할 수있는 드래그 앤 드롭 시스템으로 구축되었습니다. 그것만으로도 왜 그것이 코더와 비코 더 사이에서 상대적으로 인기가 있는지 설명합니다.

또한 모든 계층에서 체계적으로 사용할 수있는 완전히 통합 된 상호 작용 라이브러리를 제공합니다.

그리고 Proto.io는 다양한 화면에서 여러 레이어를 용이하게함으로써 프로토 타이핑의 전체 프로세스를 간소화하는 것처럼 보입니다. 사용자는 Sketch 또는 Photoshop에서 가져 오기, JavaScript와의 상호 작용 생성, Dropbox와 수많은 자산 동기화 및 편집기 창을 통해 애니메이션을 미리 보면서 모션 디자인을 세부적으로 지정할 수 있습니다.

Proto.io를 체크 아웃 할 가치가있는 한 가지 고려 사항은 개발자가 수시로 새로운 업데이트로 지속적으로 개선하고 있다는 것입니다. 그들은 이미 XNUMX 월에만 XNUMX 개를 출시하여 플레이어와 편집자에게 영향을 미쳤습니다.

그러나 다시 Proto.io에는 주목할만한 약점이 있습니다. 그들이 당신의 작업에 영향을 줄 수있는 방법은 곧 살펴볼 것입니다. 이 Proto.io 검토는 기본 기능, 가격, 강점 및 단점을 알아야하는 모든 중요한 세부 사항을 다룹니다.

그리고 우리를 시작하기 위해 여기에 주요 기능이 있습니다…

Proto.io의 특징

프로토 타입 제작

Proto.io로 여행을 시작하면 시스템을 둘러 보는 데 도움이되는 자세한 자습서가 제공됩니다. 이 도구는 매우 편리하고 정직하며, 인터페이스는 도구가 잘 정리되고 액세스 가능하기 때문에 더욱 쉽게 적응할 수 있습니다.

고맙게도 Proto.io는 압도적으로 모든 것을 던지지 않습니다. 처음에 중요한 요소를 볼 수 없다면 걱정하지 마십시오. 프로젝트 작업을 계속할수록 더 많은 기능과 상황에 맞는 옵션이 제공됩니다.

이제 대시 보드에서 새 프로젝트 옵션을 클릭하여 이름을 지정하고, 화면 크기와 원하는 매체를 선택한 다음, voila!

익숙해지기까지 시간이 걸리지 않는 간단한 사용자 인터페이스 덕분에 탐색 프로세스 자체가 매끄 럽습니다. 나는 이미 약 한 시간 정도에 여러 화면을 만들고 있었으며 매력적인 전환과 세련된 상호 작용과 결합했습니다.

Proto.io는 애니메이션 미리보기 기능으로 빌드되었으므로 병합 및 테스트에 많은 노력이 들지 않았습니다. 안타깝게도 애니메이션 변경 사항이 미리보기에 반영되기 전에 사용자가 먼저 프로젝트를 저장해야하므로 100 % 실시간 실시간 미리보기는 아닙니다.

적어도 시스템은 몰입 형 드래그 앤 드롭 인터페이스로이를 보완합니다. 요소를 드래그하는 것은 놀랍도록 간단하며 그에 따라 조정 한 후 다음 요소로 넘어갈 수 있습니다.

나중에 필요할 것으로 생각되는 항목 (애니메이션, 상호 작용, UI 요소)을 채택하는 경우 컨테이너 절약을 활용하여 어려운 작업을 수행 할 수 있습니다. 이렇게하면 필요할 때 간단하게 드래그 앤 배치 할 수 있습니다. 정말 스트레스가 없습니다.

그럴 수 있지. 그러나 여기서 어떤 기능에 대해 이야기하고 있습니까?

우선 애니메이션을 회전, 페이드, 크기 조정 및 이동할 수 있습니다. 그런 다음 상호 작용은 오른쪽 클릭, 클릭, 해제, 터치, 두 번 탭, 탭 등과 같은 기능을 지원합니다. 반면에 전환은 뒤집기, 위 / 아래 슬라이딩, 왼쪽 / 오른쪽 슬라이딩 등을 제공합니다. 일반적인 UI 요소 라이브러리를 통해 사용자에게 친숙한 프로토 타이핑 시스템을 경험할 수 있습니다.

완료 후 프로젝트는 어디로 가나 요?

자 여기 있습니다. 대시 보드는 모든 프로젝트를 사용할 수있을뿐만 아니라 프로젝트를 삭제, 보관, 복제, 편집 및 액세스 할 수 있습니다. 기본적으로 프로젝트를 공유하고 해당 설정을 조정할 수 있습니다.

공유 및 협업

프로젝트를 단독으로 처리하고 인상적인 프로토 타입을 만들 수도 있습니다. 또는 잘 조정 된 팀과 협력하여 모든 것을 훨씬 쉽게 만들고 기능을 확장 할 수 있습니다.

proto.io가 이것을 정리했습니다. 프로젝트를 보여주고 확장하기위한 다양한 공유 및 협업 도구를 제공합니다.

어떻게 묻는거야?

예를 들어, Proto.io를 사용하면 최소한의 정보만 보여주기 위해 언제든지 프로젝트의 스냅샷을 찍어 팀 구성원과 공유할 수 있습니다.

그렇지 않으면, 프로토타입의 라이브 버전을 공유하고 비디오 녹화와 댓글을 활성화하여 모든 것을 다할 수 있습니다. 이는 적절한 프로젝트 정보를 제공하고 결과적으로 자세한 피드백을 유발하기에 충분할 것입니다.

그러나, 당신은 무엇을 알고 있습니까? Proto.io는 Usertesting.com 및 Validately도 지원하므로이를 넘어 설 수 있습니다. 이를 사용하면 프로토 타입 사용자로부터 포괄적이고 심층적 인 피드백을 확보하는 데 도움이됩니다.

그리고 그들이 미리보기에 액세스하는 데 어떤 기기를 사용하든 상관없습니다. 시스템은 모바일과 데스크톱 브라우저에 모두 적절하게 적응할 수 있습니다.

그리고 이것을 얻으십시오. 스마트 폰 응용 프로그램을 만드는 경우 Android 및 iOS 앱의 기본 경험은 프로토 타입을 개발 된 매체에 표시하여 프로토 타입에 도움이됩니다.

즉, Proto.io 6은 한 번의 클릭 공유를 도입하여 훨씬 쉽게 일할 수 있다는 점에 주목할 가치가 있습니다. 기본적으로 한 번의 클릭으로 프로토 타입을 팀 구성원에게 배포 할 수 있습니다. 얼마나 멋진가요?

상호 작용 도구

고려한 모든 것, 앱의 전체 상호 작용 디자인은 사용 편의성에있어 궁극적으로 차이를 만듭니다. 그것이 우리가 처음에 프로토 타입을 만드는 이유 일 것입니다.

다행스럽게도 Proto.io는 상호 작용 도구와 관련하여 의미가 없습니다. 기억에 남는 사용자 경험을 만들기 위해 활용할 수있는 다양한 기능을 제공합니다.

스크롤 가능한 컨텐츠 화면 외에도 여기에 널리 사용되는 옵션 중 일부는 언급 할 슬라이드 인 메뉴 및 온보드 화면이 있습니다. 이러한 개인적인 손길을 위해 Proto.io를 사용하면 모든 상호 작용 도구를 동적으로 조정할 수 있습니다.

좋아,하지만 정확히 어떻게 추가합니까?

Proto.io가 드래그 앤 드롭 인터페이스를 많이 사용한다고 언급 한 것을 기억하십니까? 그래서, 맞춰봐? 아이콘에서 사용자 인터페이스 구성 요소로 요소를 끌어다 놓기 만하면 상호 작용 결과를 얻을 수 있습니다. 한 줄의 코드조차 필요하지 않습니다.

지원되는 장치

프로토타입은 항상 데스크톱 PC에서 개발하는 것이 좋습니다. 견고한 프로토타입을 엔지니어링하기에 딱 맞는 몰입형 경험을 제공합니다.

이제 프로토 타입을 미리 보는 것은 다른 볼 게임입니다. 고맙게도 Proto.io는 프로토 타입이 제작 된 기본 환경에서 사람들이이 작업을 수행하도록 강요하지 않습니다.

즉, 선택한 가제트에 관계없이 모든 유형의 사용자에게 작품을 과시 할 수 있습니다. PC와 모바일 브라우저를 통해 액세스 할 수 있습니다.

실제로 Proto.io는 iOS 및 Android 용 버전을 개발하기까지했습니다. 이들은 모바일 장치 용으로 개발 된 프로토 타입을 검토하는 전체 경험을 근본적으로 최적화합니다.

이제 프로젝트를 공유 한 후 후속 사용자 의견에 따라 프로토 타입을 평가할 수 있습니다. 그러나 흥미로운 점은 충분하지 않은 것처럼 Proto.io는 Lookback.io와 연결하여 프로토 타입을 사용하여 사람들의 사용자 화면과 얼굴 표정을 기록하는 기능을 생각해 냈습니다.

예. 프로토 타입의 성능에 대해 사용자가 웃거나 눈살을 찌는 방식에 따라 정보에 근거한 판단을 내릴 수 있습니다. 인상적입니까?

학습 곡선

알아. 나 거기 가봤 어. 그 순간 프로토 타입 플랫폼이 광범위한 UI 개발을 처리 할만큼 복잡해야한다고 가정합니다.

다행히 Proto.io는 프로토 타입 개발 프로세스를 손상시키지 않고 코딩을 제거했습니다. 철저한 테스트에 필요한 모든 기능을 갖춘 저 충실도 와이어 프레임과 완전히 개발 된 고 충실도 프로토 타입을 모두 설정할 수 있습니다.

즉, 일반적인 드래그 앤 드롭 인터페이스를 마스터하는 데 많은 시간이 걸리지 않는다는 것을 인정해야합니다. 그러나 진행 과정에서 어려움에 직면 할 경우 Proto.io는 기본적으로 플랫폼에 대한 모든 것을 포함하는 자세한 문서를 제공합니다.

Proto.io 가격

우선, Proto.io가 영구적으로 무료 옵션을 제공한다는 것을 알게되어 기뻤습니다. 불행히도 다음을 제공하기 때문에 상당히 제한적입니다.

• io 앱 미리보기
• 10MB 저장 용량
• 추가 검토 자 없음
• 프로토 타입 스크린 5 개
• 1 개의 활성 프로젝트
• 1 사용자

더 많은 기능을 보호하는 유일한 방법은 Proto.io의 XNUMX 가지 계획 중 하나를 구독하는 것입니다. 그들은 모두 다음을 제공합니다.

• 이메일 지원
• 256 비트 암호화
• 스케치 / 포토샵 가져 오기
• 보관 용 계정 동기화
• 브랜딩
• PDF / PNG / HTML로 내보내기
• Lookback으로 구동되는 비디오 형식의 사용자 피드백
• 코멘트
• 공유
• io 앱 미리보기
• 플레이어에서 미리보기

이제 모든 기능 에코 시스템이 제공되므로 패키지 간의 주요 구별 요소는 지원되는 사용자 및 프로젝트의 수입니다. 이 계획은 다른 등급의 사용자 및 조직에 서비스를 제공하는 것으로 보입니다.

세부 사항은 다음과 같습니다.

프리랜서 월별 청구의 경우 한 달에 $ 29, 연간 청구의 경우 한 달에 $ 24

• 1 명의 사용자를 지원합니다
• 5 개의 활성 프로젝트를 제공합니다

Startup- 월별 청구의 경우 한 달에 $ 49, 연간 청구의 경우 한 달에 $ 40

• 2 명의 사용자를 지원합니다
• 10 개의 활성 프로젝트를 제공합니다

대리점- 월별 청구의 경우 한 달에 $ 99, 연간 청구의 경우 한 달에 $ 80

• 5 명의 사용자를 지원합니다
• 15 개의 활성 프로젝트를 제공합니다

기업 월별 청구의 경우 한 달에 $ 199, 연간 청구의 경우 한 달에 $ 160

• 10 명의 사용자를 지원합니다
• 30 개의 활성 프로젝트를 제공합니다

이러한 사용 규모를 고려하면 이러한 플랜은 개인과 소규모 사업체에 적합하다고 말할 수 있습니다. 대기업은 우선 지원, 분석, 엔터프라이즈급 보안, 무제한 프로젝트, 추가 사용자 등을 제공하는 맞춤형 패키지에 대해 Proto.io와 협상할 수 있는 옵션이 제공되었습니다.

반면 학생과 비영리 단체는 50 % 할인을받을 수 있습니다. 그것은 모두 Proto.io의 심사 과정에 달려 있습니다.

지금은 나쁘지 않습니다. 나쁘지 않아. 그러나 할인이 월간 모델, 연간 청구 또는 둘 다를 기반으로하는지 궁금합니다.

자격이 없으면 월별 결제에서 연간 결제로 전환 할 때 최소 20 % 정도 비용을 절감 할 수 있습니다. 그런 다음, 15 일의 무료 평가판 기간을 통해 가입 할 때 모든 것을 테스트 할 수 있습니다.

누가 Proto.io를 사용해야합니까?

여태까지는 그런대로 잘됐다. 그러나 Proto.io에는 상당한 단점이 있습니다.

예를 들어 오프라인 편집을 고려하십시오. 플랫폼에서 사용자가 프로토 타입을 PDF 및 HTML로 내보낼 수 있다는 점은 칭찬 할 만하지 만, 인터넷에 연결되어 있지 않은 경우에만 해당됩니다. 할 수있는 유일한 것은 프로토 타입을 미리 보는 것입니다.

프로토 타입을 만들고 수정하려면 웹에 안정적으로 연결해야합니다. 기본적으로 이동 중에도 편리하게 작업 할 수 없습니다.

프로토 타입 제작에 대해 이야기하자면 Proto.io의 개발 팀이 3D 애니메이션 및 라이브 미리보기를 진지하게 고려하기를 바랍니다. 결국, 큰 소리로 외치는 2019입니다.

그 외에도 Proto.io는 생산성과 확장성에 중점을 둔 적절한 플랫폼이라는 결론을 내릴 수 있습니다. 초보자에 의한 간단한 프로젝트와 회사 팀의 복잡한 다층 디자인을 모두 지원할 수있을만큼 유연합니다.

따라서 모든 사항을 고려하면 가까운 시일 내에 개발자에게 무엇을 기대해야한다고 생각하십니까?