Balsamiq

What is myBalsamiq?
myBalsamiq lets you organize your work by project, create mockups collaboratively, review and iterate designs, and even deploy click-through prototypes for testing.

myBalsamiq allows easy collaboration with team members, using Skype Chat, Skype Voice Call and Email. This communication can be done as a group or one-on-one.

The home page shows all of the projects that you are currently working on. It also is where you create new projects. A project is the “book” that holds all the “pages” (framework) together.

Getting Started

 * To setup an account on myBalsamiq, your instructor will email you an invite to join.

To create Project

 * Select the “Add New Project…” book or select the “+ New Project” on the right side menu bar.
 * Type Project Name, Description, and Book Style (these can all be changed, if needed).
 * Once you have selected “Done”, a new screen will load where mockups are added.

To create Mockups (also known as wireframes)

 * Select the “Add New Mockup…” page. This will load the mockup editor.
 * Once the mockup editor has been loaded, you can add components to the mockup. The components are all drag-and-drop in the library at the top of the page.
 * Select a component and drag it to the location that you would like on the mockup. The property inspector box will appear which allows you to edit the components (such as size, text, style, etc).
 * Save the mockup by selecting “Project” in the top tool bar, and select “Save”. When you save it, you may want to add a note describing the changes that you have made.
 * To exit mockup editor, select “Project”, then “Close Editor”. This will bring you back to the mockup main page where you can add comments or create a new mockup.

Text Formatting

 * For italic, use _this notation_
 * For a link, use [this notation]
 * For bold, use *this notation*
 * For disabled, use -this notation-
 * For underlined, use &this notation&
 * For color, use {color:#FF0000}this notation{color}. The #FF0000 is the color in HEX form, just like HTML. The macro will work with or without the # sign.

Bulleted Lists
In a paragraph control, you can create a bulleted list by preceding text with either a hyphen or an asterisk. * item 1 * item 2 - item 3 - item 4

Tips

 * Save the mockup numerous times while working.
 * When adding a new component to the mockup, the property inspector will appear. This inspector box can not be closed but can be moved or docked. To dock the property inspector, select “View”, then “UI Library Position” then “Dock Inspector”, which will dock the inspector box over the compentent library.
 * Once you delete a project, it and all of its mockups are gone. So be sure to download anything you need before you delete a project.
 * The UI Library can be sorted by different features, by using the buttons above the library. This can make finding the best component for your mockup easier.

Resources
http://balsamiq.com/support/documentation http://balsamiq.com/support/documentation/mybalsamiq http://balsamiq.com/support/tutorials (Video Tutorials)