User Interface Mockups – How to do automatic sharing
Automatic Sharing of all user interface mockup/pages Mockuptiger allows easy collaboration of all the user interface prototyping pages that you build under your account. Scenario: Let say you are a project manager and are handling a particular client account. Now in your company you also have a senior product manager who is not building any … Read more
Wireframe Keyboard Shortcuts
Ctrl + S Save the Page Ctrl + A Select All Ctrl + C Copy selected objects Ctrl + V Paste copied objects Ctrl + Shift + C Copy selected objects to the Server Clipboard. This shortcut can be used for copying objects across different page or projects Ctrl + Shift + … Read more
Wireframe Samples
There are so many samples of wireframes , mockups and clickable prototypes spread across this site and other sister sites You will see all live wireframes are connected with hotspot links so you can easily jump from page to page. The above link demonstrates that you can create full screen web page prototypes and share … Read more
Introduction to MockupTiger Dashboard
MockupTiger dashboard is a place where you manage your groups, projects and pages. You can reach the dashboard from the editor via Action > Go to Dashboard This is what you see when you launch the dashboard page Quick Tip: The dashboard enables you to share your work with other users. Whatever you create … Read more
How to upgrade MockupTiger
You are using a previous version of MockupTiger and want to upgrade to the latest version. The upgrade procedure is the same if your using it on your desktop or on the server/host/domain. In case of upgrading your server, the steps of copying the files will be replaced by FTPing the files. 1. Backup First … Read more
How to Edit Groups in mockups
MockupTiger wireframe objects can be grouped and un-grouped using the two icons in the toolbar Consider this grouped object below Once the icon and the bubble comment are grouped together, they become a new object that can be moved around. When you group objects, the position is maintained with the child objects. You can stretch … Read more
Clickable Mockups – Wireframes with super interactivity.
What good is a wireframe if you cannot simulate the basic navigation using links across different pages? MockupTiger when released had Clickable prototyping feature using the Text widgets The navigation is done by pressing the shift key and the mouse button on the linked text. In the presentation mode, it will behave just like a … Read more
Which font works best with our wireframes?
The font rendering is not uniform for HTML5 Canvas string display. What does it mean? Chrome and Firefox have inconsistent behaviors when it comes to display text. For e.g when you display a rectangle at position 10,10 and width=50 and height=50 then both the browsers does it exactly you tell them. But when you tell … Read more
Wireframe Icons : A quick Primer
MockupTiger icons are pure Vectors and they are drawn directly on the HTML5 canvas element. Here is a quick overview of things you can do with Icons. How to add icons just drag from the Icons panel to the canvas in the middle Use the Quick Search in the top tool bar How to … Read more
How to mockup dials, speedometer, gauges for Dashboards
Speedometer type visualization are popular in Dashboard applications. Usually it is used when you want to display single metric against a particular target. In mockuptiger, you can wireframe a skeleton or full blown dial widget using static value. Here is the basic data structure for the dial wireframes And here is the data structure for … Read more