7 웹 디자이너를위한 프로토 타이핑 도구
당신은 그 차이를 아십니까? 와이어 프레임, 모형 과 원기? 이 세 용어는 같은 의미로 종종 사용됩니다. 문제는.
에이 와이어 프레임 ~이다. 정적, 저 충실도의 디자인 묘사. 제안 된 디자인의 모양이나 모양의 개요를 제공하지만 기능이나 느낌은 제공하지 않습니다. 에이 모형 더 많은 양의 정보 제공. 실물 크기의 모형 중 ~ 고 충실도 묘사 제안 된 디자인의 모형은 정적이어서 그들은 상호 작용을 증명하지 못한다..
프로토 타입, 다른 한편으로는, 동적. 그들은 할 수있다 귀하가 선택한 거의 모든 세부 사항까지 최종 디자인을 대표하십시오.. 프로토 타입도 테스트 할 수 있습니다. 마치 실제 최종 제품인 것처럼, 같은 모양과 느낌을 제공 할 수 있기 때문입니다. 세 가지 중 인상을 가장 잘 활용할 수있는 것은 프로토 타입입니다..
프로토 타입 제작 방법
이제 프로토 타입의 목표는 선택한 디자인 기능을 정확하게 증명하는 것입니다. 웹 또는 앱 응용 프로그램의 프로토 타입은 일반적으로 세 단계 :
- 페이지 플로우 (사용자가 탐색하는 방법)가 스케치됩니다..
- 각 페이지의 몇 가지 충실도가 낮은 버전이 만들어지고 유용성이 테스트됩니다..
- 배운 교훈에서 제안 된 설계의 고 충실도 모델을 생성하기위한 세부 사항이 추가됩니다..
이 포스트에서 우리는 프로세스를 쉽게하고, 프로토 타입을 훨씬 더 빠르게 만들 수있는 몇 가지 프로토 타입 도구를 살펴볼 것입니다. 시험해 볼 수있는 7 가지 프로토 타입 도구가 있습니다..
InVision
InVision은 Slab, Dropbox 및 MailChimp와 같은 유명인과 함께 세계의 사설 클라우드 회사 목록 상단에있는 Forbes에 따르면입니다. 이 명예는 부분적으로 InVision의 "상시 운영 (always-on)"플랫폼에 기인합니다. 공동 작업, 피드백 및 고 충실도 프로토 타입 제작이 매우 쉽습니다..
InVision을 사용하면 프로젝트 화면 및 상태를 단일 위치에서 관리하고 실시간으로 공동 작업하며 버전 제어를 유지하는 것이 가능합니다. 실제 웹 및 모바일 앱의 룩앤필을 갖춘 완벽한 픽셀 프로토 타입 제작. InVision을 사용하면 무료 무제한 테스트 실시 프로토 타입에.
InVision의 디자인 세계와 200 만 명이 넘는 사용자가이 플랫폼에 대해 얼마나 좋아하는지 알아 보려면 무료 평가판에 등록하십시오. 시작하려면 InVision 링크를 클릭하기 만하면됩니다..
피도 코
필요한 것이 든 클릭 스루 와이어 프레임, 또는 완전 대화 형 UX 프로토 타입, Pidoco는 당신을 거기에서 빨리, 그리고 소란없이 도착할 것이다. 쉬운 스케치 기능으로 시작하여 일련의 사용자 정의 템플릿, 창조하다 상호 작용하는 요소들 너는 필요해., 프로토 타입을 제시하십시오. 다른 사람들에게, 그들의 의견을 기다리고 있습니다..
Pidoco는 제안 된 웹 또는 앱 디자인과 동일한 룩앤필을 갖춘 신속한 사전 피드백 또는 고 충실도 모델을 얻기 위해 저 충실도 프로토 타입을 제작하는 데 필요한 모든 것을 제공합니다. 이 도구는 사양 문서 팀 구성원을위한 청사진을 제공하거나 고객에게 사인을 제공 할 수 있습니다..
Proto.io
Proto.io는 모바일 앱 디자인 활동을 돕기 위해 고품질의 프로토 타이핑 툴을 필요로 할 때 이상적인 선택이 될 것입니다. Proto.io는 모바일 프로토 타이핑 플랫폼으로 대부분의 브라우저에서 실행됩니다., 코딩이 필요 없다., 당신을 완전히 상호 작용하는 모바일 앱 프로토 타입을 배포하십시오. 과 시뮬레이션 진짜 물건의 모양과 느낌을 가진.
이 도구는 대시 보드, 편집기 및 플레이어의 세 부분으로 구성됩니다. 대시 보드는 마스터 컨트롤 및 프로젝트 관리자로 사용됩니다. 편집기는 디자인을 에뮬레이션하고 상호 작용을 구축하는 일련의 도구로 구성됩니다. 플레이어를 사용하면 웹 브라우저에서 프로토 타입을보고 상호 작용하며 피드백을 얻고 실제 모바일 장치에서 테스트 할 수 있습니다. 모바일 앱 디자인이 당신 일이라면, 이것이 당신을위한 도구입니다..
웹 플로우
누구든지 올인원 디자인, 프로토 타이핑 및 개발 도구, 검색은 여기서 끝납니다. 우선 웹 플로우를 사용하면 고 충실도 프로토 타입 제작 및 테스트 당신은 당신의 디자인 노력을 도와야합니다. 그러나 차이점이 어디에서 발생하는지 설명합니다. 제작하는 HTML / CSS와 JavaScript로 제작 된 모든 것이 제공됩니다. 결과?
너는 할 수있다. 완전히 상호 작용하는 프로토 타입에서 개발 된 제품으로 원활하게 이동. 프로토 타입, 디자인 및 개발은 동일한 패키지에 포함되어 있으며 여기에는 필수 공동 작업 기능 및 기능이 포함되어 있습니다. 그런데, 모든 것이 반응 적이다. 게다가.
PowerMockup
이 특수 프로토 타입 도구 키트는 PowerPoint 사용자를 염두에두고 개발되었습니다. PowerMockup은 실제로 PowerPoint에서 사용할 수있는 추가 기능입니다. 웹 사이트, 데스크톱 앱 또는 모바일 앱을위한 와이어 프레임 및 모형 만들기. PowerMockup 라이브러리에서 모양 및 디자인 요소를 선택하고 PowerPoint 슬라이드 위로 놓는 것만 큼 간단합니다..
그런 다음 PowerPoint 슬라이드 쇼 및 애니메이션 기능을 사용하여 다른 사람들과 디자인 미리보기. 원하는 경우 모양과 요소를 라이브러리에 추가하고 다른 PowerPoint 사용자와 공유 할 수 있습니다..
루시드 차트
Lucidchart는 온라인 응용 프로그램으로 디자인 요소 및 장치 유형의 라이브러리 이를 통해 웹 사이트 또는 모바일 앱 디자인의 와이어 프레임 또는 모형을 신속하게 제작할 수 있습니다. 그것은 깨끗하고 사용하기 쉬운 인터페이스, 그것은 끌어서 놓기 기술을 특징으로합니다, 대화 형 데모 기능, 고도로 복잡한 시뮬레이션을 구현할 수있는 레이어 기술.
Lucidchart는 또한 유용한 도구입니다. 전문적인 모양의 프로젝트 워크 플로우 다이어그램 및 플로우 차트 작성, 및 협업 기능이 원활하게 작동하고 사용하기 쉽습니다..
핫 그루
디자인의 제안 된 UX를 에뮬레이션하면 때로는 문제가 발생할 수 있습니다. 그래서 HotGloo가 필요합니다. 거대한 요소 라이브러리 과 UI 위젯 갤러리, 수출과 공유 팀원과의 공동 작업뿐만 아니라 기능을 통해 거의 즉시 시작할 수 있습니다..
궁금한 점이 있거나 도움이 필요한 경우에는 전체 문서뿐만 아니라 유용한 비디오 자습서 과 라이브 웨비나 유효한. 프로토 타입을 브라우저에서 바로 만들거나, 공유하거나, 모든 모바일 장치에서 미리 볼 수 있습니다. 너는 심지어 HTML로 작업 내보내기. 와이어 프레임 및 프로토 타이핑은 결코 쉽고 재미 있지 않습니다.!
마무리
이 목록에서 특수 목적 전용 도구부터 확실히 살펴볼 가치가있는 올인원 도구까지 선택할 수 있습니다. 이러한 도구는 모두 최고 품질의 도구이므로 위험은 없으며 언제든지 데모를 보거나 무료 평가판을 요청할 수 있습니다.
이러한 제품에는 대규모 사용자 기반이 있습니다. 그들은 주요 회사에서 사용하거나 추천합니다. 따라서 어느 것을 선택할지라도 좋은 회사에서 자신을 발견하게 될 것입니다. 모형, 와이어 프레임 또는 프로토 타이핑 도구를 찾고 있다면 위의 요구 사항에 맞는 도구를 찾을 수 있습니다.
