Glossary of Terms in Proto.io 6

 

TERM

DEFINITION

Proto.io Dashboard

The main display you see when you sign-in. This is where you create and manage your projects, as well as your Proto.io account.

Project

In Proto.io a project corresponds to a single prototype designed for a single device.

User

A User is someone who uses Proto.io. When you signup for a Proto.io account, you are the owner of that account. You can invite more users to join that account by choosing among 3 roles: admin, designer or reviewer.

A user can have more than one role, but in different accounts, e.g. a user can be the owner of his account and a designer of a project in a different account.

Device

You design your project for a single device. Proto.io already has a default list of the most popular devices to choose from. You can also create your own Custom Device, a device you specifically define (name and size mainly) for using in your projects.

Proto.io Editor

The Proto.io authoring environment, where you design your prototype.

Screen

Screens are the backbone of every prototype. Prototypes include multiple screens. A screen in Proto.io corresponds to a screen in your application’s prototype.

Screen State

You can define a number of different states your screens can be in. A single screen can move from one state to another using particular interactions/transitions.  

Container State

You can define a number of different states your containers can be in. A single container can move from one state to another using particular interactions/transitions.  

Screen Transition

Screen transition is the way that your prototype changes from one screen to another (e.g. slide, fade, flip).

Screen State Transition

Screen state transition is the way that your prototype changes from one screen state to another. You have the option to tailor your transition by editing it on a timeline.

Container

Containers are reusable custom components that can contain UI items, interactions, animations, etc. They can be used in various ways, the most common being to group items used frequently across your project and to create scrollable blocks of content.

Scrollable container

This is a type of container that if placed in a smaller than the original container sized area, in a screen or another container, makes its content scrollable when previewed in Player.

UI component

The Proto.io User Interface (UI) components are graphical elements designed to simulate the basic (primarily mobile) OS UI components.

UI item

Once a UI component is added to the canvas it is referred to as a UI item.

Layer

Layers are the basic building blocks of content in Proto.io. Each UI item in your project has its own layer in the layers list. Complex UI items, such as lists and tabbars, form layers for each of their individual items.

Properties inspector

The Properties Inspector is where you can customize your UI item’s properties such as size, position, color,  etc. (different depending on the type of the component) and interactions. All changes made are previewed in the canvas.

Asset manager

The Asset manager provides access to digital assets like images, audio and video files that can be used in your project. Through asset manager you can access project assets, account assets and the Proto.io Gallery.

Font manager

The Font manager provides access to hundreds of Google web fonts for you to add and use in your project.

Interaction

Adding interactions to your project makes your prototype interactive, i.e. react to user actions. All Proto.io interactions have a trigger event (that causes the interaction) and an action (the result of the trigger event).

Interaction wizard


The interaction wizard quickly build interactions triggered by tap events by dragging a connection from the little blue thunder icon on the left of a UI item and dropping it on the item to be affected by the interaction (either on the canvas, or in the Layers list).

Callback

Another interaction that can be set when the primary interaction is complete.

Animation

The process of adding motion or changing the appearance of a UI item. In Proto.io it falls under the available actions as a result of an interaction.

Canvas

The area in which you design your project’s user interface (UI) and its behavior.

Save

The action of saving your latest project changes.

Export

The action of exporting your project in a different format, such as HTML, PDF, PNG.

Proto.io Player

The Proto.io Player is used to preview your project as it would look like and behave like in the actual device.

Share

The action of creating and sending a Share link for people to view your prototype and to facilitate user testing.

Share link

The actual unique link created (based on the desired settings) to be sent to others to view your prototype. Share links can range from public, shared with anyone with the link, to restricted access to designated reviewers.

User Testing

The process of getting users to test your prototype. Proto.io gives its users choices such as simple text comments, video recordings through Lookback, and other (e.g. UserTesting, Validately)

Proto.io App

The Proto.io App available for iOS and Android, is for experiencing your prototype on the actual device and also recording feedback in video form.

Proto.io Spaces

Proto.io Spaces (https://spaces.proto.io/) is an interactive prototype gallery for you to showcase your work and get inspired from the work of others.

Interaction Design Patterns

Interaction Design Patterns are solutions to commonly faced interaction design problems. Proto.io offers you a number of these patterns, as complex UI components that you can add to your project and customize, saving you a lot of time.

Variable

Variables can be used to store and reuse user defined values (numbers, text etc). For example you can store the contents of an input box in a variable, and later set the text of a label using the value of that variable.

Screens Navigator

The Screens Navigator gives you an overall view of your project’s screens. You can also see screen states. Clicking on a particular one, opens it up for editing in the Editor.

Copy screens/containers to another project

The procedure through which you copy screens/containers to another active project. All assets are copied across, unless the user doesn’t wish to.

Load from backup

There might be cases where you need to roll back to a previously saved version of your project; in other words load from backup. Proto.io lets you access these saved versions.






Have more questions? Submit a request
Powered by Zendesk