Hi to all, today I want to share with you a little yet useful jQuery Plugin I made to create dynamic wireframes and mockups online: LiveMockup!
When you think about a UI you use to create some images that display UI components and how them reacts to User Interaction.
Each image contain at least one “virtual sensible area” that will be converted to a link, a button or something else DOM element to handle User Interaction.
This way you can tell your client “in fig.1 you can click on the first menu item, fig.2 display UI changes“.
LiveMockup can bring your wireframes to life by adding sensible area and define what image to display when clicking on it!
All things you need are:
- wireframe images
- basic HTML knowledge (UI, LI, IMG, I)
- jQuery and LiveMockup plugin