These three terms are often jumbled together when you have a conversation with a team of developers or clients requesting for a programming project. They are casually interchanged by mistake, and it cannot be helped. They all seem similar. To …

Continue reading

Posted in Other | Tagged , , , , , , , , , , , , , , ,


Both wireframing and prototyping are two essential processes in web and app development. Their main purpose is to establish the basic functions of the project and to present the working design concept. It is mostly shown to clients, but they …

Continue reading

Posted in Other | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,


Most web developers tend to skip the wireframing process and go straight to design. There are two reasons this happens: One, the web developer does not know what wireframing is or two, he knows what it is, but is afraid …

Continue reading

Posted in Other | Tagged , , , , , , , , , , , , , , ,


A wireframe is a blueprint of sorts that serves as the initial design of a website. In web development, the main purpose of wireframing is to provide an optimal and efficient design for a website without being hindered or affected …

Continue reading

Posted in Other | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,


This article is to introduce a very simple and innovative way to speed up developing grid based wireframes. The display and digestion of grids is always by eye balling the columns vertically but the data input in wireframe is horizontal …

Continue reading

Posted in Other | Tagged , , , , , , , , ,


This is a quick reference to several wireframe examples Table Grid wireframe Wireframe Grids are extremely flexible and powerful. You can add HTML text, links and style the cell contents. If you need to merge columns or row cells then …

Continue reading

Posted in Other | Tagged , , , , , , , , ,


The stencils provided for Android and iOS are group of basic widgets and known as symbols. The symbols are pre-designed for your convenience and you can create your own symbols. How did we create the symbols 1. We designed the …

Continue reading

Posted in 02 - Widget Introduction, Help, Mobile Stencils | Tagged , , , , , , , , , , , , , , ,


Box In the hierarchy of objects, Box is derived from the paragraph widget from the text controls.   If you remove border and background from the box widget and add text to it then it is exactly same as default …

Continue reading

Posted in 02 - Widget Introduction, Box and Containers, Help | Tagged , , , , , , , , , , , , , , ,


These connector widgets are special widgets that connect one object to another object using curved or straight lines. These are the various line connectors These are basically the same line objects except they are provided in different positions for conveneince. …

Continue reading

Posted in 02 - Widget Introduction, Connectors and Lines, Help | Tagged , , , , , , , , , , , , , ,


Introduction MockupTiger is a web/browser based application. It comes in ready made package that can be installed on your computer. It is also available as Cloud Wireframe application. If you are already familiar with modern drag and drop interface then …

Continue reading

Posted in 01 - Intro, Help | Tagged , , , , , , , , , , , , , ,