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.

Sharing a prototype to get feedback from reviewers

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:

Sharing your prototype from within the prototyping tool 

To share your prototype from within Justinmind:

  1. Open Justinmind. Then, select the “Share” button in the top right-hand corner of the canvas, in the Justinmind editor.
    • share-button-1
    • Note that for prototypes designed for use on mobile devices, the “Share” button is replaced by a “View on device” button.view on device
    • Alternatively, you can select “Share” from the “Share” main menu option.
    • share-main-menu-1
  2. 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).
    • publish to account
  3. 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.
    • share prototype modal
  4. 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”. 
    • view in account modal
  5. 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:
    • invite reviewers feedback
      1. 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.
      2. To invite someone to review a prototype, click the “Invite reviewers” button.
  6. In the dialog that appears:
    • invite reviewers dialog
      1. Invite reviewers from the users/reviewers already associated with your account
      2. Invite reviewers (who are not yet associated with your account) by entering their email address
      3. Write a message to reviewers, including any instructions
      4. Click “Send invitations” to invite reviewers
    • The reviewer(s) will then receive an email containing a link to the prototype ready for review:

      reviewer email

  7. 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.

make reviewer a user

Sharing your prototype from your online account

To publish your prototype directly from your online account, sign into your online account and click the “Publish a new prototype” button in the Projects tab or the Prototypes tab.

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.

Adding and managing reviewers

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.

Creating a reviewer

To create a reviewer, follow the steps below:

  1. 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.
    • creating reviewers
  2. 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 reviewers contacts
Note: you can also create a reviewer by clicking the “Import reviewers from CSV” link to import reviewer info from a pre-defined list. Learn more about this here.

Creating a group of reviewers

  1. Go to the Reviewer Groups sub-tab on the right of the Reviewers sub-tab.
    • creating groups reviewers
  2. Click the “New group” button and in the dialog that appears, give your group a name. Click “Create group” to apply changes.
    • creating groups reviewers new

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:

  1. 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.
    • making reviewers users
  2. A dialog will appear, confirming you want to make this reviewer a user. Click “Yes” to apply changes.
    • current users account
  3. 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.
    • user management tab
  4. 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.
    • current users account status

Removing a reviewer

To remove a reviewer’s access to your Justinmind account and prototypes:

  1. 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.
    • remove from account
  2. A dialog will appear, confirming you want to remove this reviewer from your Justinmind account. Click “Remove” to apply changes.
    • remove user confirm

Bulk importing reviewers from a .csv file

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:

  1. 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).
    • bulk-importing-reviewers
  2. Add your contacts’ details into the relevant fields in the spreadsheet.
    • Save/download the file in .csv format.
    • bulk-importing-reviewers-save
  3. 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.
    • bulk-importing-reviewers-online-acount
  4. Your new reviewers should appear in the tab.

Resharing/republishing a shared prototype

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.

reshare shared prototype

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:

reshare button

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:

notify reviewers

Note: you do not need to resend the link to reviewers. The link remains the same though the prototype has been updated.

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.

replaced published version

In the dialog that appears, select the account you wish to share the replaced prototype with.

share replaced dialog

Then, in the next dialog, select which prototype you want to replace and choose whether to notify reviewers of the update:

notify reviewers shared

Creating a public link for your shared prototypes

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.
  • 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.

Password protecting a shared prototype

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:

password protecting

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.

Reviewing a shared prototype

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:

simulation window

  1. Name of prototype and current screen
  2. Highlight interactive areas – click to choose which events to highlight in green (e.g. clicks, double clicks, drag and swipe)
  3. Comment mode toggle – switch on to comment on the prototype
  4. Open right panel – click to expand right panel, which displays all the prototype’s screens, scenarios and requirements
  5. User profile – click to change your profile picture or user name
  6. Screens list – this is the list of the prototype’s screens. Click on a screen to navigate directly to it
  7. 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.

Comment mode

Commenting on a prototype in simulation:

commenting prototype simulation

  1. 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.
  2. 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.
  3. 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.
  4. You can reply to a comment by clicking the “Reply” button at the bottom of the comment dialog