The wireframing process is the straight-to-the-point and completely non-tech stage of any web project. It only requires that you define a skeletal outline of essential page elements such as headers, footers, navigation and content area and should illustrate how to cater and respond to any possible interaction from a user.
It is the most important, yet underused, stage of any web or apps development.
Please note that this post is quite old, so some of these apps may not longer be free. Tread with caution.
4 free mobile app mockup tools 1. Mockplus has received a lot of attention in recent years. I spent a few days using this mockup tool, and I find it really easy to use. If you want powerful yet intuitive interaction features, then this app mockup tool is definitely your best choice. Features: Simple drag and drop for quick interaction. Keynotopia is the largest collection of UI design kits for creating mockups, wireframes, and interactive app prototypes in 30 minutes or less, using Apple Keynote or Microsoft PowerPoint. An open-source graphical user interface tool great for wireframing, mockup creation, and prototyping by both solitary designers and big businesses alike. Price breakdown. What is Pencil Project good for? Pencil Project is a downloadable wireframing tool for both Mac and Windows and is also available as a Firefox add-on. Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle helps you create designs that look and feel amazing. Check out some of the best examples of each type of prototyping tools, and if you think something is missing, feel free to add your favorite solution in the comment section. An elegant and powerful wireframing tool with desktop apps for Mac and PC, Axure is what people at Stanfy are using for creating mobile app prototypes.
There are several avenues you could take for sketching a wireframe, most notably pen and paper (the easiest and most cost effective way), but for the sake of this article we have focused on apps that are not only highly effective and easy to use, they are also completely free.
We have covered free wireframe apps before (here), but a year is a long time in web development – some of the apps we had previously covered are either no longer completely free or are no longer available. And as such, we felt that we should compile a new list with more detail and covering all areas of design including web pages, mobile apps and application dev.
As well as showcasing a variety of free apps (11 in total), at the bottom of the post, we have also highlighted some premium wireframing services that do offer free, yet limited, options. You may like to try them.
Unlimited Downloads: 1,000,000+ Wireframe Templates, UI Kits, Icon Sets, Web Templates, Themes and much more!
Lumzy – Quick Mockup Creation and Prototyping Tool
With Lumzy, you can create mockups of how your site or application will function by adding events from the extensive list of controls on offer.
As well as having great tools for creating your mockup, you can also create Message Alerts, interactive Page Navigation, add Links to external content, and much more. It does offer a great set collaboration tools for live team editing and a chat engine for deliberating over designs. All of this and it is absolutely FREE.
Mockup Builder – A Killing Prototyping App
Mockup Builder has just recenly been released and looks very promising. It is feature-rich and versatile by allowing you create various prototyping styles, including: UI mockups, interactive wireframes, website layouts, desktop software prototypes and even sitemaps & screen navigation.
Of course, it does come with great collaboration tools for sharing with clients and colleagues.
|
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |