아이디어 스케치를 인터랙티브 프로토타입으로: Marvel 앱 활용
머릿속에 번뜩이는 iOS 앱 아이디어가 떠올랐나요? 세상을 바꿀 만한 혁신적인 앱을 구상하고, 단 몇 시간 만에 멋진 와이어프레임 다이어그램을 완성했을 수도 있습니다. 이제 남은 과제는 이 아이디어를 현실로 구현할 디자이너와 개발자를 찾는 것입니다. 간단해 보이지만, 디자인 초안, 특히 와이어프레임을 통해 다른 사람들에게 당신의 비전을 정확히 전달하는 것은 생각보다 어려울 수 있습니다. 단순히 설명하는 것보다, 작동하는 프로토타입을 보여주는 것이 훨씬 효과적일 때가 많습니다. 바로 이럴 때, 무료 아이폰 앱 “Marvel – 스케치를 프로토타입으로 변환”이 큰 도움이 될 수 있습니다.
Marvel 앱은 이름 그대로, 여러분이 만든 스케치와 와이어프레임 사진을 기반으로 인터랙티브 프로토타입을 제작할 수 있도록 도와줍니다. 스케치에 ‘핫스팟’이라는 영역을 추가하면, 사용자가 이 영역을 탭했을 때 다른 스케치, 즉 다른 화면으로 이동하게 됩니다. 이러한 방식으로 여러 스케치를 연결하여, 실제 앱처럼 작동하는 프로토타입을 휴대폰에서 직접 실행해 볼 수 있습니다. iPhone 4, iPhone 5는 물론 iPad용 프로젝트도 만들 수 있습니다. 앱을 사용하려면 계정으로 로그인하거나 Dropbox를 통해 간편하게 가입할 수 있습니다.
앱을 실행하고 로그인한 후, 새 프로젝트를 생성하고 이름을 지정합니다. 그런 다음, 프로토타입을 만들 장치를 선택합니다.
사진 앨범에서 기존 사진을 추가하거나, 앱 내 카메라를 사용하여 바로 촬영할 수 있습니다. 촬영한 사진은 원하는 영역에 맞게 크기를 조절합니다. 더 많은 사진을 추가하려면 녹색 확인 버튼을 누르고, 핫스팟 추가를 시작하려면 빨간색 십자 버튼을 누릅니다.
Dropbox 계정으로 Marvel에 로그인했다면, 추가한 모든 사진은 자동으로 Dropbox에 동기화됩니다. 이미지를 탭하여 열고, 오른쪽 상단 모서리에 있는 핫스팟 버튼을 탭합니다. 핫스팟을 드래그하여 원하는 위치로 옮기고 스케치에 맞게 크기를 조절합니다. 핫스팟을 배치하면 ‘링크’와 ‘제거’ 두 가지 옵션이 나타납니다. ‘링크’를 선택하면 현재 프로젝트에 있는 다른 모든 사진이 나타납니다. 연결하고 싶은 화면을 선택하면, 핫스팟을 탭했을 때 해당 화면으로 이동하게 됩니다. 첫 번째 사진에 필요한 모든 핫스팟을 추가한 후, 하단의 탐색 버튼을 사용하여 다음 사진으로 이동합니다.
이와 같은 방식으로 모든 스케치에 핫스팟을 추가하고 나면, ‘미리보기’를 탭하여 프로토타입을 실행할 수 있습니다. 미리보기 화면에서 볼륨 버튼을 눌러 미리보기를 종료할 수 있습니다. 미리보기 모드에서는 스케치 이미지 외에는 아무것도 표시되지 않지만, 핫스팟을 추가한 영역을 탭하면 연결된 다음 화면으로 즉시 전환됩니다. 이보다 더 간편할 수는 없을 것입니다. Marvel 앱은 사용하기 매우 쉽고, 무엇보다 무료로 제공됩니다.