An introduction to Proto.io

  • language-icon Created with Sketch. English
  • date-icon Created with Sketch. Published on Mar 12th, 2018
  • level-icon Created with Sketch. Beginner
  • Stroke 235 + Stroke 236 + Stroke 237 Created with Sketch. 45

Proto.io enables you to create fully interactive prototypes that look and behave just like real a native app. There are hundreds of interactions, thousands of SVG icons, shapes and native iOS patterns to choose from to make your prototype look as authentic as possible. To add that extra level of authenticity, proto.io also supports web fonts so you can build your prototype in the browser and choose from hundreds of online web fonts.

What I also love about proto.io is the ability to preview your prototype through their Android and iOS apps so you can get a completely realistic interpretation of how your app will function instead of previewing it in the browser.

FREE

  • 37m 10s on demand video
  • 4 lessons
  • Certificate of completion
  • Watch on desktop, tablet & mobile
  • Download and watch offline

What will you learn?


  • What is proto.io?
  • Core features and use of the interface
  • Saving, sharing, previewing your prototype
  • Linking pages together
  • Setting up custom fonts
  • Importing assets
  • Creating and managing containers and scrollable containers
  • Container states
  • Page interactions and animation triggers

Who you'll learn with


With over 10 years experience in the UX Design industry, Ed brings a wealth of knowledge to the course material on UXClub.com. Having delivered for clients such as Renault, Nissan, Mastercard, Virgin and more, Ed has experienced the entire design process from user research, UX strategy and quantitative analysis all the way through to iterative design, execution and user testing. UXClub.com is a place where Ed can share what he's learnt with anyone who's looking to learn something new about user experience design and change their career.

Tagged in


What to watch next