Content: Different wireframing tools
Analysis of different wireframing tools including major pros and cons. Not sketching necessarily, but mostly electronic forms like: Axure, Illustrator, InDesign, Gliffy, LovelyCharts, Photoshop, etc.
Noah Levin
shared this idea
2 comments
-
Michael Waddell
commented
Here's the best comparison that I have found so far, but I think Wireframes magazine could do a better job. :)
http://ciohappyhour.com/wp-content/uploads/2009/10/ultimate%20wireframing%20toolbox.html
-
Michael Waddell
commented
I have been looking into a number of different wireframing tools out there (wow, there are a lot!). What I haven't yet found (and what I would love to see on wireframes magazine) is a ranking of each of the wireframing tools based on different use cases.
For example:
Use case 1: Quickly mock-up a set of 3 static/non-interactive pages which share a common header/footer/navigation/menu with different text/image content in each. (Note any with a seemingly high learning curve.)
Winner = ToolX (7 minutes from creating account to completed mockup)
Second = ToolY (8.4 minutes)
etc.Use case 2: Mocking up a complex, interactive page that has accordion-style menuing, tool-tips, modal popups, etc.
Use case 3: Collaborating with other members of a team on a single UI
Use case 4: Exporting a set of mocked-up pages to html/css/javascript as a starting-point for developers
(Note: criteria should include how "complete" the export (if anything is lost in translation), how clean/commented the resulting code is, if button event-handlers are included as skeleton code, which library (jquery,mootools, etc - or homegrown) is used for the javascript code that is generated.)Use case 5: Exporting autogenerated documentation about the UI for clients (if supported)
Use case 6: Monitoring usage analytics on the prototype as test users click through (if supported)
Use case... (etc)