MOBILE BUSINESS TECHNOLOGY & DESIGN
EXAMPLES OF SOME FREE TOOLS FOR MOBILE DESIGN MOCKUPS
Mockup Builder
http://mockupbuilder.com/
http://www.youtube.com/watch?v=OqStz--X7vA
Mockup Builder is a free web application built in Microsoft Silverlight that is designed to let you
create software and website mockups, then easily share them with clients or coworkers.
The library of available elements is diverse (supporting desktop, browser, iOS and Android
components) but limited in quantity. For a free tool, however, Mockup Builder certainly has its
bases covered and offers a great starting point for prototyping simple ideas and concepts.
When you're ready to share your mockup, projects can be exported as both PNG and PDF
files or shared directly. Those with access can then leave feedback and comments on the
project.
1
MockFlow
http://www.mockflow.com/
MockFlow is a "super-easy wireframing" service that enables you to create and collaborate
on complex interactive wireframes and UI prototypes for your web sites and applications.
MockFlow includes a cross-platform desktop application (powered by Adobe Air), so you can
build your UI concepts in a streamlined, clutter-free environment with full offline support.
MockFlow also includes a free mobile application that is perfect for presenting prototypes to
clients and accessing your mockups on the fly. A number of other add-ons are also
available.
MockFlow has a free plan that gets you one small project (four pages) with two
collaborators.
2
Proto.io
http://proto.io/
Proto.io is an application prototyping platform designed specifically for prototyping mobile
applications. This web app helps you to create mobile mockups with ease for iPhone, iPad,
Android and a number of other devices. Proto.io gives you full control over colors, fonts and
layout, and it comes with a large element library to make building rich prototypes easier.
Proto.io also lets you share projects and collaborate with other designers. Proto.io mockups
can be viewed directly on your mobile device, giving you a better feel for how your application
will look and function in a real-world setting, or you can view projects via the Proto.io web
player.
There's a free plan available, which is good for one small (five screen) project.
3
Lumzy – Quick Mockup Creation and Prototyping Tool
http://www.lumzy.com/
http://www.youtube.com/watch?v=qbCSYbXm_As
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.
Lumzy Editor Screenshot
4
5
iPhone Mockup
http://iphonemockup.lkmc.ch/
With iPhone Mockup you have a choice of using either the Pencil styled editor (screenshot
above) or the Illustration editor (screenshot below). Whichever editor you decide to use, the
functionality remains the same: Its a very simple and easy to use app that allows you to
create your own iPhone mockups very quickly, share them with other people at the click of a
button, and any changes you make will by synced to everyone who has the mockup’s URL.
iPhone Mockup Editor Screenshot
6
Free PowerPoint Templates for Mobile Prototyping
http://www.free-power-point-templates.com/articles/powerpoint-templates-bundle-for-ux-
design/
7
Free Keynote Templates for Mobile Prototyping
http://keynotopia.com/keynote-mockups-templates/