A guide to getting started with the Marvel iPhone and iPad app

 

The Marvel iOS app allows you to turn hand-drawn sketches and drawings into interactive prototypes, and create high-fidelity prototypes on-the-go wherever you are!

  • Create prototypes from photos of paper sketches or whiteboard drawings
  • No sketches handy? Design directly within the app using shapes, text, icons and stock photos
  • Access and edit your projects or projects created by your team
  • Share prototypes via email, SMS or URL
  • Launch and record user tests featuring the audio, video and screen recordings of your participants using your prototypes

 

Download the app

You can download the Marvel for iOS from the iTunes App Store. Download the app here.

You can also download our free printable device templates to help make your sketches look nice and tidy. Grab the PDF here.

 

How to create your first prototype using photos of sketches

All you need is pen and paper to start creating interactive iPhone and iPad prototypes directly on your phone. It takes just a few taps to get started. No design skills required!

  1. Draw your screens on paper
  2. Open Marvel's iOS app (or download it here!)
  3. Tap the green + button to create a project
  4. Name your project and select your device
  5. Tap the green + button and select Camera
  6. Take photos of the screens you sketched on paper
  7. Repeat until you've taken pictures of all your sketches
  8. Once you've finished, tap your first screen then Add link to connect your screens together
  9. Once you've connected all your screens, tap the play button to see your new prototype! 
Note - whilst you're playing your project, you can exit any time using long press (tap your screen and hold for 2 seconds). When hit the play button to play your prototype, the app will ask you to long press to start and finish playing your prototype 

 

How to design your screen directly in the app

If you don't have pen and paper handy, no problem! You can design screens directly in the app, including access to millions of stock photos and icons.

 

  1. Draw your screens on paper
  2. Open Marvel's iOS app (or download it here!)
  3. Tap the green + button to create a project
  4. Name your project and select your device
  5. Tap the green + button and select Design
  6. Tap the toolbar at the bottom to add text, rectangle, circle, insert image or icon, or freehand drawing.

 

How to share your prototype

Once you're ready, you can share your prototypes with your team or client to view on their mobile or desktop device.

 

  1. Sign in to your account by tapping on the settings icon
  2. Head back to your project list
  3. Open the project you'd like to share
  4. Tap Share in the top right corner
  5. Select sharing by either SMS, Email or copying the share URL 
Was this article helpful?
3 out of 4 found this helpful