How to review a shared prototype
When you select the prototype (by clicking on its name) in the prototypes page of your online account, or in the prototype link in an invitation email, you will be taken to the page below, which is used to browse and review a prototype.
At the top of the page, you will find the Prototype controls:
1) Prototype and current screen name.
2) Highlight interactive areas: click this button to make interactive elements flash. You can also use the dropdown to look for a specific kind of event (click, double click, etc…).
3) Comment mode switch: switch it ON to make comments on the prototype and OFF in order to navigate it.
4) Open right panel: click this icon in order to open the right panel.
5) User profile: click here to change your profile picture or the name other users will see when you add a comment.
6) Screens list: this is the list of the prototype’s screens. Click on a screen name to navigate directly to it.
7) Mobile device simulator controls: these controls are only visible when the prototype is a mobile app prototype. If you click on “Rotate“, the simulator will rotate from a landscape to portrait display and then revert back to its original display. The “Gestures” drop down allows you to select which gesture you want to use (one finger, two finger pinch or two finger rotate). Finally, the Zoom lets you modify the size of the simulator.
When you switch on the Comment mode (1), you will be able to make comments on the prototype. The red “bubble” indicates the number of comments that have already been made on the prototype.
In order to comment on a prototype, just click anywhere within the prototype display. The comment dialog box (2) will pop up. You will then be able to write a comment, as well as attach a file. Click ADD to save the comment.
If you want to see a comment, click on any green circle on the prototype that contains a number (3). If the corresponding comment is not in the current screen the prototype will navigate to the appropriate one. When you open an existing comment, you will be able to see who added it and at what time/date (4). You can also reply to a comment (5). If you are the comment author you may edit or delete it as well.
- Your online account settings
- Add users to your online account and create groups
- Online account: Projects page
- Online account: Prototypes page
- Publish a prototype on your online account
- Reshare or replace an already published prototype
- Get a public link for your shared prototypes
- Password protect a shared prototype
- Invite reviewers to a shared prototype
- Integrate your prototypes with usability testing tools
- Justinmind developer UI workspace walkthrough ( October 25, 2017 )
- How to add developers to your prototyping workflow ( July 20, 2017 )
- Integration with Sketch ( April 25, 2017 )
- Handy keyboard shortcuts for prototyping with Justinmind ( March 29, 2017 )
- How to import account users from a CSV file ( February 7, 2017 )
- Justinmind’s integration with Microsoft Team Foundation Server (TFS) ( December 16, 2016 )
- Importing Sketch UI elements as SVG vector files into Justinmind ( November 18, 2016 )
- Justinmind’s integration with Atlassian Jira ( November 4, 2016 )
- Justinmind Prototyping Tool: Menus ( August 31, 2016 )
- Dynamic Content widgets for wireframing ( August 9, 2016 )
- Navigation UI widgets for wireframing ( August 5, 2016 )
- UI Container Elements for wireframing ( July 29, 2016 )
- How to embed Google Maps in your web and mobile wireframes ( July 11, 2016 )
- Wireframe template styles and fonts ( July 7, 2016 )
- Account Management – FAQs ( May 31, 2016 )
- Design tools for your prototypes: rulers, guides and grids ( April 29, 2016 )
- Your Justinmind Online Account ( April 28, 2016 )
- Introduction to Justinmind Prototyping tool ( April 6, 2016 )
- Input UI elements for your prototypes ( March 30, 2016 )
- How to create a document template with Microsoft Word: Examples ( March 24, 2016 )
- Real App Prototyping
- API and SDK
- 3rd Party Integrations
- Forms and data lists
- The Workspace
- Dynamic Panels
- Adaptive & Responsive
- UI Elements and Libraries
- Reuse and Apply Global Changes
- Build an Interactive Wireframe
- Simulate and Export
- Share and Get Feedback
- Conditions and Variables
- Set Value and Calculations