Tip:
Highlight text to annotate it
X
Hi, this is Mike and this is a quick intro to my balsamiq.
We'll get started by logging into our site and creating a new project.
Click the Add New Project button here and fill out the new project dialog by
entering in a name and description,
and picking out a cover style which you can use to pick out the project from the
home page.
On the new project page we can start by adding a new Mockup,
which opens the Mockups editor
with a new blank Mockup here.
We can use the text area at the bottom to enter any wireframe annotations.
We can hide the Mockup notes here.
And then start building our Mockup.
Once we save we can give the Mockup a name.
Use the save menu here and then a preview will show up in the project browser.
So I went ahead and added another new Mockup here.
And I'm going to save this one
giving it a name and
clicking this
checkbox to add a version note which will get sent around to my team . . .
and then save and close both of these Mockups.
I can also upload Mockups that I worked on using Mockups
for desktop
by using the upload drop-down menu and finding
my BMML files which will then upload in the background
so I can continue working.
When all my uploads are done, the Mockups will show up in my project page.
Then I can do things like use the action menu here to rename mock-ups.
Using rename will preserve any links in my files.
I can also use drag-and-drop reorder Mockups in my deck.
And once I'm in the single Mockup view I can do drag-and-drop
in the sidebar.
And I can also use the previous and next navigators to step through the
wireframes in my deck.
We also let you propose alternate versions of mockups in the comments.
I'm clicking Propose Alternate Mockups here which opens the Mockup in the editor.
You can make some changes and then save.
Save Alternate Mockup and Close here.
And then add a comment to describe your changes.
Click add comment and then your Mockup shows up in the comment stream
and people can reference the original that this modifies.
We're going to add a comment here that says "let's promote this - looks good."
And then click the
Promote to Main Mockup link underneath the alternate.
And then that becomes the main Mockup here
replacing the last version.
Click the view Mockup history link and you know we can see the
stream of changes here,
and even roll back to restore the earlier versions using the restore buttons.
You can set the access control for the project using the slider here,
and invite new members to the project using the project members drop-down menu.
Just enter email addresses and then they'll get invited to join the project.
We also have an assets manager. Clicking assets here opens that dialog where I
can upload reusable assets like this logo I'm going to upload.
I'm going to close this dialog and go back to editing this Mockup,
and if I add an image to this Mockup
the image dialog will show that the logo that I uploaded is available here.
And I can reuse that in any of my project Mockups here.
So now I'm going to go ahead and hook up the global navigation here
by creating links between all the Mockups.
And then once all the links are in place you can create simple click through
prototype as you do in Desktop in fullscreen mode.
Once you save all these Mockups with all these links in place,
you can head back to the HTML view.
So we're going to save and
close this Mockup editor,
and head back to the regular project view.
And you can start to click through the prototype here.
You can also launch this
project as a prototype,
which gets rid of all of the myBalsamiq wrapper, and you can just use as a
click through prototype.
And that's all there is to it