Learn about the features found in the Proto.io dashboard.
- [Narrator] The first screen you encounter when you log into proto.io is this one, it's called the dashboard. This is where you will create new projects, manage existing projects, edit their settings and even access helpful tools and get answers to any of those "How Do I" questions that inevitably crop up. The heart and soul of the dashboard is a project. It is here where you can create new projects, right here, or open existing projects which you see across here.
If, for example, I want to open the Shores project, all I have to do is place my cursor over the image and I'll be asked if I want to edit the project or preview the project in its current state. If I click the More button, I can change the project's settings, duplicate the project, delete the project, archive the project, and even manage who gets to see the project when it is ready for review. Users lets you add up to three team members and any project reviewers once your project is ready to be shared.
Add-ons are really neat. What we have here is a series of plug-ins and apps that extend proto.io's functionality. The Andriod and iOS app that you see here, lets you preview your projects on your Apple and Android devices. The Dropbox plug-in lets you sync your projects with your Dropbox account. And the Sketch and Photoshop plug-ins allow you to prepare artboards in either of those applications in such a way that they can be imported intact into your proto project.
Lookback.io is a UX research platform that lets you capture the screen, face, voice, and all of the touches and clicks on a device a user will make when testing, and then automatically upload it to your Lookback.io dashboard for you to review, collaborate, and share. Spaces is a community site where you can see what other proto.io users have shared with the community. It is a great place for inspiration. Learn has a ton of resources.
Including a user guide, videos, and even a facility for getting direct answers to questions you may have. With that out of the way, let's get started on creating our project. First thing you want to do is click the New Project button and a new project window opens. We're going to name this project Southampton and it's going to be a smart phone. Of course, one of the questions that's going to be asked is "what device?". Well you can choose from a whole bunch of them here.
And we're going to go with the iPhone 6/6s. And once it's ready click the Create button. Once it finishes the project is created and you are taken to the proto.io interface, which actually is the subject of the next video. I'll see you there.
- Using design patterns
- Using grids and columns
- Using the Proto.io player
- Using the Proto.io smartphone app
- Working with screens
- Using components
- Creating artwork
- Creating and using containers
- Creating animation
- Publishing your prototype