15 Excellent mobile app product prototyping tools

A great mobile app prototyping tool should have:

①. Support Mobile Demo (anytime, anywhere presentation to Boss, Toilet & canteen & Elevator ... To show that I am so dedicated--a long point of pay necessary)

②. Component library (efficient multiplexing, who knows who)

③. Global processes can be generated quickly (program apes don't understand disassembly, give ya the look at this)

④. Online collaboration (with multiple PM dogs)

⑤. Gesture manipulation, transition animations, interactive effects ... (These are not required, left to professional interaction, vision, so virtual less than think about the product process logic do subtraction, write xxrd what)

Over the years, product dogs have been tossing prototypes of tools:

1. POP (prototyping on Paper)

is a mobile app prototype design artifact, many companies in use: Quora, Sina, watercress, 36 krypton, Ifanr ...

Easy to operate: First use a mobile phone to take a sketch prototype (stored in the pop app), and then start to edit which area of the picture (button) Link to what page, add jump link hot zone, you can show the small partners on the iphone, and pop embedded interactive actions such as slide, unfold, disappear, etc. Can meet the general dynamic presentation needs. Don't understand?

2. Pencil Project

Pencil is an open source tool that can be used to create charts and GUI prototypes, as a standalone app or as a Firefox plugin. Built-in templates can help you draw a wide variety of user interfaces in your desktop and mobile interface, including flowcharts, UIs, and general-purpose graphics.

With its built-in templates, you can create a linked document and output it as an HTML file, a PNG, a OpenOffice document, a Word document, and a PDF. Pencil Project also contains a large number of mobile app templates.

3.Axure

Everyone is familiar with this, the main point is the mobile side of the demonstration, so as to fully express the prototype intent. When you create a prototype by F5, you can set up a special prototype for your mobile device (Axure version 6.5 below) in the "mobile/device" option, and then use your mobile device to access the prototype link that you generated (the page creates a desktop shortcut).

4, Proto.io

Proto.io is a dedicated mobile prototyping platform that can build and deploy a prototype of a fully interactive mobile program, and can simulate similar artifacts. It can run in most browsers and provides 3 important interfaces: Dashboard, editor, and player.

Dashboard can be used to manage projects. The editor is a prototype-building environment, consisting of a set of tools for designing and developing prototypes, and also building interactions. The player is used to view the prototype and interact with the prototype, and provides tools to annotate and retain feedback information. You can test the prototype directly on a real mobile device. And you can run the prototype in full-screen mode using a browser on iOS or Android.

5, Moqups

is a very good, free HTML5 app that lets you create cute, simple wireframes, solid models, and UI concepts. The program is very simple to use, and has built-in templates that can be used directly (templates include radio buttons, links, image placeholders, text boxes, sliders, and so on).

It also offers iphone and ipad templates, as well as iOS-related buttons, prompts, picker, menus, switches, and keyboards. You can set the dimensions of the grid and preview and share your wireframes. Moqups provides a useful feature to align meshes so that objects are aligned precisely.

6, Uxpin

Uxpin is a simple and fast entity model developed by the Desmart team and an online clickable prototype authoring tool. It is based on excellent user experience design principles, and in the build prototype it provides a complete toolkit with good user design patterns and elements to build an excellent prototype from scratch.

The Uxpin has a responsive breakpoint function, creating responsive prototypes and wireframes that can run on different devices and resolutions. The software also provides versioning and iteration capabilities that allow for easy sharing of previews, intuitive annotations and real-time collaborative editing and chatting. The software has a large number of attractive user interface element styles (including web,ios,android, etc.), and has a fast, responsive drag-and-drop interface.

7, Omnigraffle

OmniGraffle is an app made by the Omni group with a large number of templates that can be used to quickly plot diagrams, charts, flowcharts, org charts and illustrations, and to organize the thinking in the mind, and has won the 2002 Apple Design Award.

It uses a drag-and-drop WYSIWYG interface that lets you draw custom templates or graphics with the pen tool, plus multiple iphone, ipad, and Android templates from Graffletopia.

8, Justinmind

Justinmind is a prototype tool produced by the Spanish justinmind company that can output HTML pages. Compared with the current mainstream interactive design tool Axure,balsamiq mockups, Justinmind Prototyper is more specifically designed for mobile terminal app applications.

Justinmind can help developers design richer, more interactive, new mobile product wireframes that include iphone, Android and ipad gestures, swipe, zoom, rotate, and even capture device orientation to create more interactive prototypes. In addition, it can export prototype information to Microsoft Word to generate a canonical document.

In addition, you can customize widgets, create custom component libraries, and categorize them, regardless of whether the object is iphone, IPad, BlackBerry, Android, or other.

9, Fluidui

The Fluid UI is a Web prototyping tool for mobile development that enables designers to efficiently prototype a product. The Fluid UI contains more than 1700 wireframes and phone UI controls, and is also updated frequently.

The Fluid UI has no device restrictions, no platform restrictions (Windows, Macs, and Linux systems) and supports Chrome and Safari (apps on Chrome are also available offline). You can use fluid player to preview your design, collect comments and feedback. It can also be exported in PNG and PDF mode.

The Fluid UI is simple to use, with a drag-and-drop operation that does not require a programmer to write code. In addition, the Fluid UI Library is rich in resources for iOS, Android, and Windows 8. If you feel that inventory resources do not meet your needs, you can add them yourself.

10, Protoshare

Protoshare: The online Web Development collaboration tool is a very handy online prototyping tool that focuses on teamwork. This tool allows team members to review their work and provide timely feedback to advise on wireframes or content.

As a powerful wireframe and prototyping platform, Protoshare offers a large number of mobile toolsets (with a large number of mobile templates from the central repository and a large number of 2D, 3D animation transitions). With the drag and drop interface, you can quickly create interactive wireframes and mobile prototypes, and then send them to your iphone, ipad, or Android device to test and experience the app's functionality.

In addition, Protoshare supports sharing and feedback functions, and project members can mark and track feedback to make decisions. A large library of resources means that you can create a mobile product wireframe using templates and feedback to evolve to a high fidelity prototype.

11, Wireframe

The wireframe is an ultra-simple wireframe authoring tool with a "click-drag-and-drop" interface. By double-clicking the edit function, a limited interface means you will focus on your thoughts. Each wireframe is also assigned a unique URL for easy tagging and sharing.
Wireframe has two template options for browser windows and mobile phones, and the mobile version has two options for portrait and landscape. Each element of the wireframe can be edited and converted.

12, Invision

Invision is a handy product prototyping tool that requires only four of users to create an online prototype: Creating a project, uploading visual design, adding links, and generating online prototypes.

Specifically, Invision provides a fast prototyping environment that is not an accurate wireframe, and can quickly connect your ux/ui sketches. The digital wireframe and high-fidelity design can help you test the work of your app, while the tool also supports collaboration and sharing capabilities, and the resulting online prototypes can support anyone commenting anywhere in the product's prototype to facilitate accurate communication.

For iOS development, Invision also adds additional features, such as customizing the Home screen icon and customizing the load page.

13, Mokk.me

Mokk.me is a simple and fast prototyping tool that allows you to create an app that can be shared, tested, and multi-platform without the need to understand single-line programming with simple drag-and-drop operations on the interface. Currently, Mokk.me is testing, but it is a simple basic tool that anyone can use to create an app layout. You can drag, drop, or edit gadgets, build and connect pages, and choose transition animations. It also features pages and buttons, picture gadgets, text input, and check boxes.
Plus, you can do other things with HTML, CSS, and JavaScript, and once you've created prototypes, you can share them and test them on iOS and Android.

14, Iplotz

The Iplotz is a prototype and wireframe tool that can be used to create clickable, navigable navigation for Web developers and mobile app developers. You can drag and drop components on an adjustable page and connect them to add links to other screen or page hotspots. You can choose to use the Iphone/ipad template or the Android template, and any template has unique component settings.

The Iplotz interface is easy to understand, supports collaborative work, shared editing privileges, task management, and evaluation systems. In addition, items can be exported in ipml, JPG, PNG, PDF, and HTML.

15.Adobe Illustrator commonly known as AI

This is a vector graphic design of adobe Software, recommended to the designer of the transition to the PM (not interested in skipping), the electric shopping district does not recommend the effort to learn other software, to achieve the purpose of communication to improve efficiency is kingly. is the design of the prototype finished, can be combined with the above mentioned pop to demonstrate, so easy.

written in the end: radish cabbage each their own, there is no best tool, only the most comfortable, the ultimate goal is only one--communication.

Reference: http://www.woshipm.com/rp/64741.html

15 Excellent mobile app product prototyping tools