Moqups – Create wireframes and interactive mockups in minutes

Moqups – Create wireframes and interactive mockups in minutes

When you want to share a webpage layout with your friends or clients, the worst part is – explaining the elements and the sequential flow of the design. So if you’re designing a user interface for a website or a mobile app, it’s always a good idea to start with a mockup. It can be a big time saver if you’re able to list down the placement of major layout elements in a project before things get complicated.

There are a number of wireframing applications out there, but a lot of user interface designers like to start out on paper with sketches of what things might look like. With so many tools available to quickly create digital wireframes, some may argue that this is an unnecessary step in the design process. But I think the free flowing style of a sketched wireframe or mockup can be refreshing. Besides, there’s nothing like good old pencil and paper to get the creative juices flowing.

Mockups, not only helps you to have a full and clear exchange of ideas with your team but also play a major role in conserving your energy and focus.

Moqups, launched in July 2012 is a web application for creating wireframes, mockups and interactive prototypes. It’s built entirely on open web technologies (HTML, CSS, JavaScript, SVG), thereby making it available on any modern browser on desktop or mobile platforms. Aha, so no more downloading any plugins or flash players (sigh!).

Startcup Mobile MockupI landed onto their homepage about two weeks back, and I must say the experience of creating my first mockup was phenomenal! It’s as easy as dragging and tweaking the elements on a blank paper.

Apart from its own library of stencils (predefined elements), you can also add your custom images to the playground, which has a well defined grid layout.

“Our design goals were clarity, simplicity and flexibility. We wanted our product to be blazing fast and load instantaneously. We are very enthusiastic with what we’ve built so far and we’re improving it on a daily basis, in no small part thanks to the suggestions of our lovely community where people share ideas and send us issues they’ve encountered” says Dan from Moqups.

The startup also plans to introduce few premium features in the near future, including:

  • Real-time collaboration on projects
  • Fine-grained sharing & privacy options
  • Master pages
  • Integration with GoogleDrive, Dropbox and other third-party services
  • Feedback tools for designers and developers

Startcup Homepage layout wireframed on Moqup

Though there are many strong players in the market including Balsamiq and Creately, Moqups is certainly one of the finest wire-framing tools to kick start your prototyping, plus it’s free!