|
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 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 how your prototype changes from one screen to another (e.g., slide, fade, flip). |
|
Screen State Transition |
The 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 is to group items frequently used across your project and 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 real 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 tab bars, 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. You can also use Adobe fonts or upload your own. |
|
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 builds interactions triggered by tap events by dragging a connection from the little blue lightning 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 action |
Another action that can be set when the primary action 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 and behave like in the actual device. |
|
Share |
Creating and sending a Share link for people to view your prototype and 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 and more sophisticated user testing with dedicated tools such as UserTesting, Validately, or Userlytics, UXArmy, and Lookback. |
|
Proto.io App |
The Proto.io App available for iOS and Android is for experiencing your prototype on the actual device. |
|
Proto.io Spaces |
Proto.io Spaces (https://spaces.proto.io/) is an interactive prototype gallery for you to showcase your work and get inspired by 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 label's text 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. |