Collaboration with reviewers
Share your Justinmind prototypes with your colleagues, stakeholders and key users so that they can review your designs and give you feedback.
If you want to give access to your prototype to someone who is not a Justinmind user (a collaborator), you can do so by sharing your prototype to your online account.
There are two ways to do this:
To share your prototype from within Justinmind:
- Open Justinmind. Then, select the “Share” button in the top right-hand corner of the canvas, in the Justinmind editor.
- Note that for prototypes designed for use on mobile devices, the “Share” button is replaced by a “View on device” button.
- Alternatively, you can select “Share” from the “Share” main menu option.
- From the dialog that appears, select the Justinmind account you wish to publish your prototype to (if your user is associated with more than one Justinmind account).
- Once you’ve selected an account, another dialog will appear. Here you need to decide which project you want to place your prototype within: choose an existing project or create a new one. Once you’ve selected/created a project, click Share” to share to share your prototype to your online account/the online account you’ve selected.
- A final dialog will appear confirming that your prototype has been successfully uploaded and published (shared). To be taken to your shared prototype in your online account and start inviting reviewers to view your prototype, click “View in my account”.
- You will be taken to your online account. From within the project folder, go to the prototype you want to invite reviewers to. Here you’ll find two options that will allow to you control who has reviewer access to your prototype:
- You can password protect your prototype, so that only those with the password you have given them will be able to access your prototype. To do so, click the “Password project” button and create a password in the dialog that appears. Learn more about this here.
- To invite someone to review a prototype, click the “Invite reviewers” button.
- In the dialog that appears:
- Invite reviewers from the users/reviewers already associated with your account
- Invite reviewers (who are not yet associated with your account) by entering their email address
- Write a message to reviewers, including any instructions
- Click “Send invitations” to invite reviewers
The reviewer(s) will then receive an email containing a link to the prototype ready for review:
Back in the project folder, you’ll see a new link under your prototype’s name that reads “x reviewer(s)”. Click it to see which reviewers have access to this prototype.
The following dialog will appear:
Click “Select file” to choose a Justinmind prototype file from your folders, select or create a new project, and then click “Publish prototype”.
Another dialog will appear, prompting you to invite reviewers to review your prototype or skip for now.
Justinmind allows you to create reviewer profiles (for any project stakeholder) in your online account and invite these reviewers to view and interact with your prototype. Reviewer profiles are useful when looking for client feedback or during user testing.
Reviewers don’t necessarily have to be paying users with access to the Justinmind editor. You can simply invite them to view, interact with and comment on the simulation of a prototype.
To create a reviewer, follow the steps below:
- Go to the Collaborators tab in your online account. You will be prompted to log in if you are not already logged in.
- You’ll land on the Reviewers sub-tab by default.
- Select the “Create a new reviewer” button. Add the email, first and last name of the person you wish to add as a reviewer, and click “Create reviewer”.
- Repeat this step for each new reviewer you wish to create.
Creating a group of reviewers
- Go to the Reviewer Groups sub-tab on the right of the Reviewers sub-tab.
- Click the “New group” button and in the dialog that appears, give your group a name. Click “Create group” to apply changes.
Adding a reviewer to a group
In the Reviewer Groups sub-tab, go to the card of the group you wish to add reviewers to. In the bottom right-hand corner, select “View” from the Actions drop-down.
In the next screen, click the “Add reviewers to this group” button.
In the dialog that appears, select the reviewers that you wish to add to this group. Click “Add” to apply changes.
Back in the screen, you’ll find the cards of the reviewers you have added to this group.
Making a reviewer a prototyping user
If you want to enable your reviewers to edit your prototypes, you’ll need to make them users. To do so:
- Go back to the Reviewers sub-tab of the Collaborators tab.
- Go to the card of the reviewer you want to make a user and select the “Make this reviewer a user” option from the Actions drop-down.
- A dialog will appear, confirming you want to make this reviewer a user. Click “Yes” to apply changes.
- You will be taken to the User Management sub-tab of the Users tab. The reviewer converted to a user should appear in this list.
- You’ll see that the number of Current Users under your Account Status on the right-hand side will increase. Note that only the Account Owner can make this change.
Removing a reviewer
To remove a reviewer’s access to your Justinmind account and prototypes:
- Go to the Reviewers sub-tab of the Collaborators tab.
- Go to the card of the reviewer you want to remove and select the “Remove from account” option from the Actions drop-down.
- A dialog will appear, confirming you want to remove this reviewer from your Justinmind account. Click “Remove” to apply changes.
If you would like to add multiple reviewers to your account, you can import them from a .csv file to save time.
Before you get started
To add reviewers to your account, you’ll need:
- The names and email addresses of the reviewers who you want to add to your account
- A blank sheet in a spreadsheet program, such as Microsoft Excel or Google Sheets, saved as a comma separated value (.CSV) file
Importing user details from a .csv file
To prepare your file for importing, follow these steps:
- Open your blank worksheet in your spreadsheet program. The first row should read be as follows “Email”, “Name” (and “Last name” if desired, though not obligatory).
- Add your contacts’ details into the relevant fields in the spreadsheet.
- Save/download the file in .csv format.
- Go to the Reviewers sub-tab and click the “Import reviewers from CSV” link
- Click the “Select file” button, choose your .csv file containing the user contact details and click the “Import reviewers” button.
- Your new reviewers should appear in the tab.
Once you have shared a prototype to your online account and given reviewers access to it, they can give you feedback in the form of comments. Learn more here.
Resharing a shared prototype
If you’d like to make changes to your prototype based on this feedback and have the updated prototype shared to your online account, you’ll need to reshare the prototype.
To do so, select “Reshare” from the “Share” main menu option.
If you’re building a web prototype, you can also reshare it by clicking the “Reshare” button in the top right-hand corner of the canvas:
In the dialog that appears, you can write a description about the updates made to your prototype and choose whether to notify reviewers of the update:
If you choose to notify reviewers of the update, they will be notified via email about the new version with the information you write in the “About this version” section of the above dialog.
Replacing a shared prototype
If you want to replace a prototype with the one you currently have open on the canvas, select “Replace published version” from the “Share” main menu option.
In the dialog that appears, select the account you wish to share the replaced prototype with.
Then, in the next dialog, select which prototype you want to replace and choose whether to notify reviewers of the update:
Once you’ve shared your prototype to your online account, you can share it with others in different ways:
- Invite reviewers by clicking the “Invite reviewers” button.
- Reviewers can view, interact and comment on your prototypes
- You can choose to password protect your prototype for added security
- Create a public link that you can share with anyone, but they won’t be able to comment on your prototype
To create a public link for your prototype, switch the public/private toggle next to a shared prototype on. When the prototype is public, click “Get Link” to obtain the public link, open it in a new tab, copy it or send it via email.
To set up a password for a prototype, click on the “Password protect” button located under the name of the relevant prototype in the Prototypes tab.
The following pop up will appear:
Enter a password for the prototype and repeat it in the field below.
Click the “Set password” button.
Once you have set a password for a prototype, only the reviewers whom you have given the password to will be able to access the prototype. Password protection applies to public links and integrations with usability testing tools as well.
Keep in mind that the Account owner can always access the prototypes, even when they are password protected. Justinmind will never send this password to reviewers so you will need to add it to the email when inviting reviewers.
You can add comments to your prototype’s screens and UI elements whilst in Justinmind’s editor.
To add a comment to a UI element, right click on the element in the canvas or Outline palette and select “New comment” from the menu.
To add a comment to a screen: right click on the screen in the Screens palette and select “New comment” from the menu.
Manage your prototypes comments
There are two ways to manage your prototype’s comments in Justinmind:
- From the canvas – at the bottom of the editor, you’ll find the Comments palette. Here you’ll see the comments related to the screen you’re currently working on
- From the Comments module you can organize, search and filter all of your prototype’s comments
The comments module
This is what you’ll find in the Comments module:
- The toolbar: create a new comment or refresh comments
- Choose which comments to display by filtering comment references, related components, authors, dates etc.
- A list of all the prototype’s comments or those displayed upon filtering the comments
You can modify comments in the following ways:
- Reply: creates a comment as a reply to the selected comment
- Modify: edits information (e.g. author) of the selected comment
- Create Requirement: creates a new requirement and associates this comment to it (only available to Justinmind Enterprise users)
- Category: changes the color of the selected comment
- Edit legend: configures the categories colors and their labels
- Delete: deletes the selected comment. You can delete more than one comment at once.
Learn more about the Comments module here.
Retrieve reviewer comments (for shared prototypes)
To retrieve reviewer comments related to your shared prototype:
- Select the “Share” option from the main menu and choose the “Refresh comments” option.
- This will upload any new comments and allow you to view them in Justinmind’s editor.
- In the dialog that appears, you’ll need to decide whether you want to replace or copy new comments that have the same ID. Once you’ve made your choice, click “OK”.
If you have been given reviewer access to a Justinmind prototype, you will receive an email with a link in it. Click this link and you will be taken to a simulation window in your browser.
Here you can view and interact with the prototype. The simulation window has the following features:
- Name of prototype and current screen
- Highlight interactive areas – click to choose which events to highlight in green (e.g. clicks, double clicks, drag and swipe)
- Comment mode toggle – switch on to comment on the prototype
- Open right panel – click to expand right panel, which displays all the prototype’s screens, scenarios and requirements
- User profile – click to change your profile picture or user name
- Screens list – this is the list of the prototype’s screens. Click on a screen to navigate directly to it
- Mobile device simulator controls – these controls are only visible when the prototype is a mobile app prototype
Click “Rotate” to change the orientation of the simulation from a landscape to portrait, and vice versa.
Use the “Gestures” drop down to select which gesture you want to use (one finger, two finger pinch or two finger rotate).
Select a zoom setting from the “Zoom” drop down to zoom in and out of the simulation window.
Commenting on a prototype in simulation:
- When you switch the Comment toggle on, you will be able to comment on the prototype. The red callout icon indicates the number of comments made on the prototype.
- To comment on the prototype, click anywhere within the simulation window’s canvas. A comment dialog box will appear, within which you can write a comment, as well as attach a file. Click “Add” to apply your comment.
- If you want to read a comment, click on a green circle within the simulation window’s canvas. If the corresponding comment is not in the current screen the prototype will navigate to the corresponding one. When you open an existing comment, you will be able to see who added it and when.
- You can reply to a comment by clicking the “Reply” button at the bottom of the comment dialog