Why a Wireframing App?
Wireframes are a proven tool when it comes to displaying the basic structure and the functionality of a page.
They are an important step in any screen design process. Without being distracted by colors, fonts and text, you can concentrate on building your page templates.
Synchronize the page templates with the contentDock® Management System.
There you then set the styles and link the individual page templates with the corresponding content.
App templates - intuitive & easy
Create your own templates for your contentApps or adapt the templates from an imported template project. Alternatively, set a finished design or a finished wireframe as background image and position the desired content elements on it. Be creative and play with the elements until it's right for you. With the contentDock® Wireframing App, we offer you a maximum of flexibility for this.
The user interface for editing a page template is designed so that the entire surface of the tablet can be used for positioning the content elements. Tools such as magnetic grids, distance lines, or a background image help you position the elements accurately. The elements can be enlarged, moved or rotated with your finger. You can set for the position, size or rotation also the pixel exact values per element in its settings.
Apps that mainly display content usually get by with just a few elements. The elements headline, text and image as well as video and audio are predominantly used.
You can also create forms for your apps. All classic form elements like text box, multiline text, drop-down list, checkboxes and radio buttons are available.
Tip: If you always want to place an image or navigation element at the same position on each page, set this element in the master template. This means that it only has to be set once in the project.
In contentDock® you can optimize your contentApps for display in portrait and landscape format.
Activate the desired format in the Wireframing App in the project properties, then rotate the tablet into the corresponding display and position the elements.
The same elements are always available, but they can have different sizes, positions or rotations.
For each template within a project, any page size can be defined for the landscape format as well as for the portrait format.
This makes it possible to create templates which are scrollable or optimized for a special tablet.
Help / Tools
The Wireframing App offers different help for the placement of content elements.
A magnetic grid can be displayed, which you can adjust in the size according to your needs. Distance lines show the distance to the frame or other elements and help lines are designed for individual pixel-precise placement.
Tip: If an element is at the final position, lock it so that it is not accidentally moved.
Edit your templates offline and synchronise your project as needed. The editing the templates, the synchronizing to the contentDock® Management System and the publish to the Viewer App - repeat the workflow until you are satisfied with your work.