A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | ||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Pros | Cons | Pricing | Additional Comments | Resources | |||||||||||||||||||||||
2 | Quartz Composer / Origami | Wide range of customization in animation | Steep learning curve | Free (with purchase of a Mac) | Node based visual programing | https://www.facebook.com/groups/origami.community/ | ||||||||||||||||||||||
3 | http://facebook.github.io/origami/ | http://facebook.github.io/origami/ | http://facebook.github.io/origami/ | Is coding required? | http://qcdesigners.com | |||||||||||||||||||||||
4 | Export movie | Can't interact with prototypes on your phone | http://labs.ideo.com/2014/05/27/avocado/ | |||||||||||||||||||||||||
5 | Has an active Facebook Group | Poorly documented | http://scotthurff.com/qc/email/tk421/lesson-1/index.html | |||||||||||||||||||||||||
6 | Extensible | Can't natively export a movie: use Syphon or QuartzCrystal or qtzrendang | (well supported) ... by the community not by apple (!) | |||||||||||||||||||||||||
7 | Coordinate system does not start with 0,0 on top left | |||||||||||||||||||||||||||
8 | Custom plugin API | Some patches use QC units, while others use pixels as input | ||||||||||||||||||||||||||
9 | OpenGL compatible | Mac only | ||||||||||||||||||||||||||
10 | Supports basic OpenGL lighting | Can be memory/processing intensive | ||||||||||||||||||||||||||
11 | Not well maintained by Apple | |||||||||||||||||||||||||||
12 | Prototypes sometimes don't feel real (uncanny valley) | |||||||||||||||||||||||||||
13 | Longer flows get extremely complex | |||||||||||||||||||||||||||
14 | Javascript plugin | k | ||||||||||||||||||||||||||
15 | Shadow support is buggy | |||||||||||||||||||||||||||
16 | Memory leaks and crashes on newer operating systems | |||||||||||||||||||||||||||
17 | ||||||||||||||||||||||||||||
18 | ||||||||||||||||||||||||||||
19 | Form | Organized input patches | Not visible on computer | $79.99 USD | Similar to Quartz. Slightly different interfacing. | https://www.facebook.com/groups/formcommunity/ | ||||||||||||||||||||||
20 | http://www.relativewave.com/form.html | Able to interact with prototype on phone and tablet (uses Form phone app) | Only visible to one user | NOW FREEEEEEE | Export to xCode? | http://support.relativewave.com/doku.php | ||||||||||||||||||||||
21 | Developers are open to feedback and very active to responding questions | Does not support fonts that are not available on device | rumors of use for production apps | http://www.relativewave.com/formexamples.html | ||||||||||||||||||||||||
22 | Has an active Facebook group | Cannot export to a movie (you can export a movie with quicktime/yosemite) | Promises of patch SDK | |||||||||||||||||||||||||
23 | Designed specifically for App prototyping | Cannot save prototypes to device yet - disappear upon leaving app. | One version released so far | |||||||||||||||||||||||||
24 | Based on Relative Interface - An interface kit available from relativewave | May infringe on Apple's copyrights and patents | ||||||||||||||||||||||||||
25 | Quick updates on device | Doesn't have all Quartz Composer patches | ||||||||||||||||||||||||||
26 | Supports using device sensors (camera, device motion) | |||||||||||||||||||||||||||
27 | Measurements are based on UIKit | |||||||||||||||||||||||||||
28 | Can run on multiple devices at once | |||||||||||||||||||||||||||
29 | ||||||||||||||||||||||||||||
30 | ||||||||||||||||||||||||||||
31 | Pixate | Realtime updates on phone | Not visible on computer; requires prototypes to run on actual device | Free for single project and unlimited prototypes | Was in private beta, went live in Nov | http://blog.pixate.com/ | ||||||||||||||||||||||
32 | http://www.pixate.com/ | Supports iOS and Android | No user forum/platform available to direct your questions (they answer support questions immediately though) | $16.67/mo for unlimited projects + Studio | Pixate is really making me reluctant where Form excelled by having a very responsive dev team and facebook group! | http://www.pixate.com/education/ | ||||||||||||||||||||||
33 | Multiple people can look at the same project | Cannot export to a movie (you can export a movie with quicktime/yosemite) | Studio Edition for $149.99 | Promises of developer handoff coming | http://community.pixate.com/ | |||||||||||||||||||||||
34 | Native prototypes | Lacks Switches on/off states | Now Free | Acquired by Google (21/7/2015) | ||||||||||||||||||||||||
35 | Drag and drop interfacing- easier to digest for the novice user | Relies on conditionals without thresholds (?) | ||||||||||||||||||||||||||
36 | Customer support directly from company | Prototypes frequently bug out and require resetting | ||||||||||||||||||||||||||
37 | Very easy to learn | Prototypes can be sluggish | ||||||||||||||||||||||||||
38 | Responsive support team | Poor performance and inacuracy as the editor is web based | ||||||||||||||||||||||||||
39 | Native scroll support is awesome (for iOS at least; native scroll for Android too) | |||||||||||||||||||||||||||
40 | Prototypes accessible anywhere (with cell/wifi connection) | |||||||||||||||||||||||||||
41 | Common interactions like drag amazingly easy to add | |||||||||||||||||||||||||||
42 | Support custom device size | |||||||||||||||||||||||||||
43 | Active community forum | |||||||||||||||||||||||||||
44 | Framer | Fast learning curve if you have related coding knowledge (JS and CoffeeScript) | Poor performance and inacuracy as the tool is web based - false it is very performant - javascript is also failproof on mobile mocks | $79.99 USD | http://framerjs.com/ | |||||||||||||||||||||||
45 | http://framerjs.com/ | Good integration to Photoshop and Sketch | iPhone fullscreen mirroring with FSMirror https://github.com/joshpuckett/FSMirror | Library is free to use with any editor. | http://framerjs.tumblr.com/ | |||||||||||||||||||||||
46 | Great community | Requires familiarity with javascript | https://www.facebook.com/groups/framerjs/ | |||||||||||||||||||||||||
47 | Cross platform (web based) | Is limited by what the web can do (CSS, Javascript) | ||||||||||||||||||||||||||
48 | embedable in browsers / websites | Web-based - it's not. | ||||||||||||||||||||||||||
49 | Video assets (supports mp4) | |||||||||||||||||||||||||||
50 | Mirror on Android and iOS devices | |||||||||||||||||||||||||||
51 | JustinMind | Extensive widgets library | Conditions involve dragging and dropping - which they couldn't make it much more confusing such an easy gesture. | |||||||||||||||||||||||||
52 | All devices | Can't work on 2 different files on osx | ||||||||||||||||||||||||||
53 | Premade responsive widgets (a little) | Horibble port to mac. | ||||||||||||||||||||||||||
54 | Looks easy, but when you get in deeper, you have to know a coding knowledge. Steep learning curve starts when you get used to it. | |||||||||||||||||||||||||||
55 | Sluggish web account page | |||||||||||||||||||||||||||
56 | Can't work with chrome natively | |||||||||||||||||||||||||||
57 | Old documentation which includes nothing actually worth. | |||||||||||||||||||||||||||
58 | ||||||||||||||||||||||||||||
59 | ||||||||||||||||||||||||||||
60 | ||||||||||||||||||||||||||||
61 | Proto.io | Easy to Learn | Because it's HTML, complex interactions get sluggish when previewed on a mobile | |||||||||||||||||||||||||
62 | http://proto.io | Hi fidelity prototypes | ||||||||||||||||||||||||||
63 | Comment & Review Prototypes | |||||||||||||||||||||||||||
64 | Micro animations | |||||||||||||||||||||||||||
65 | Preview on Device (Android & iOS) | |||||||||||||||||||||||||||
66 | Hotspots to other screens | |||||||||||||||||||||||||||
67 | Keynote | |||||||||||||||||||||||||||
68 | Easy to Learn | Works on iOS Devices (It used to not give you the full capabilities, has that changed?) | ||||||||||||||||||||||||||
69 | Video assets (supports mp4) | |||||||||||||||||||||||||||
70 | Can collaborate between team members and/or clients (?) | |||||||||||||||||||||||||||
71 | http://prototypinginterfaces.com | |||||||||||||||||||||||||||
72 | ||||||||||||||||||||||||||||
73 | ||||||||||||||||||||||||||||
74 | ||||||||||||||||||||||||||||
75 | Adobe Edge | |||||||||||||||||||||||||||
76 | https://creative.adobe.com/products/animate | Easy to learn | Limited by what the web can do | |||||||||||||||||||||||||
77 | Can import JSON | |||||||||||||||||||||||||||
78 | Can invert animations | |||||||||||||||||||||||||||
79 | Can preview across platforms - web, android, iOS(cuz they're just web pages) | |||||||||||||||||||||||||||
80 | ||||||||||||||||||||||||||||
81 | ||||||||||||||||||||||||||||
82 | InVision | Can preview across platforms - web, android, iOS | Only supports a few preset sizes, common iOS (iPhone & iPad), and Android | Free for 1 project | ||||||||||||||||||||||||
83 | http://www.invisionapp.com/ | Easy to learn | Can get tedious once you're working with 50+ screens and complex states | $15/mo for 3 projects | ||||||||||||||||||||||||
84 | Can collaborate between team members and/or clients | Is not made to present UI animations | $25/mo unlimited projects | |||||||||||||||||||||||||
85 | Can comment on individual screens, mark them for review | Limited animations available for iOS/Android | $100/mo unlimited projects & 5 team members | |||||||||||||||||||||||||
86 | Can export screens & comments to PDF | |||||||||||||||||||||||||||
87 | Great for wireframes and initial stages of mockups | can only do hot spots with pre-defined animations | ||||||||||||||||||||||||||
88 | Can save projects locally | Not the best organization of multiple screens/flows | ||||||||||||||||||||||||||
89 | Has version history | Wraps text on a completely random basis | ||||||||||||||||||||||||||
90 | Clean UI | |||||||||||||||||||||||||||
91 | can group user flows with in a project (pro account) | |||||||||||||||||||||||||||
92 | PSD and Sketch integration | |||||||||||||||||||||||||||
93 | Has several status bar options | |||||||||||||||||||||||||||
94 | ||||||||||||||||||||||||||||
95 | ||||||||||||||||||||||||||||
96 | ||||||||||||||||||||||||||||
97 | ||||||||||||||||||||||||||||
98 | ||||||||||||||||||||||||||||
99 | Axure (web) | Has Widget library. | Doesn't support preview natively in mobile devices. Previewing in mobile browser is not very convenient. (a beta viewer app is out now. It uses testflight to view projects in native app) | |||||||||||||||||||||||||
100 | Don't have to make everything in Sketch, Illustrator, etc. | it looks boring |