How To Create Mockup Screens In Visio

Building a dialog box to start building a dialog box you will need to go to the left side of your window to the shapes window.

How to create mockup screens in visio. Choose the windows xp user interface drawing type from the software catagory. They can t capture the complexity of a website or app s experience. Drag a form first followed by some buttons and panels.

Remember screen mockups look great but they re just a series of isolated images at the end of the day. For ease of use save these stencils into the documents my shapes folder and visio will automatically include those in these in the my shapes menu the next time you launch it. I know i can create these using visual studio but i would rather use a graphics tool if possible.

Then drag and drop captures from the recent captures tray directly on top of the full page capture. But it is less known that among this diagramming powerness there is also specific funtionality that allows to create your own mockups wireframes or prototypes for software development. Resize each box to fit one half of the main body box.

After that click on dialogs us units then click and drag dialog form to the middle of the page. Simply download and install the appropriate template below and you ll be creating exact replicas of crm forms in no time. I would like to use visio to mockup a few asp net interfaces that i can share with a client.

Change the size of the viewing screen by clicking on the zoom in button at the bottom of the window. With all of the parts for your mockup captured bring them together in the snagit editor. I have visio 2007 that came with ms office and i do not have any software or database templates.

Ui designers new to mockups might make these all too common blunders. Move each box to fit adjacent to each other inside the main body box. Design your application form using the common controls and shapes found in the stencils on the left.