Linux, Open Source, Web, Engineering, Technology
Posts Tagged ‘Website Prototyping’
January 28, 2011
Website Prototyping Tools
Axure $
- full-featured, mature desktop application
- create wireframes, prototypes, and specifications for applications and web sites
- http://www.axure.com/Default.aspx
Balsamiq Mockups $
- specialized tool, commercial
- creates high level mockups in a “hand drawn” style
- Cross platform and integrative (for Confluence, JIRA, XWiki)
- http://www.balsamiq.com/products/mockups/desktop
Blueprint $
- specialized tool, commercial
- works on iPad
- iPhone(or iPad) UI design application
- simple drag&drop interface
- http://www.groosoft.com/2010/12/blueprint-video-tutorial.html
Creately $
- creates diagrams, wireframes, web and desktop UI mockups
- has collaboration features and contextual toolbars
- Online Adobe Flash-based application
- http://creately.com/
DesignerVista $
- Desktop- Windows, .NET Forms, Java Swing, Java SWT, Office Ribbon Style GUI Mockups
- Web – Websites, Silverlight, Sharepoint and YUI web applications GUI Mockups
- Mobile – iPhone, Windows Phone 7, Android GUI Mockups
- Sketch – Desktop and Web (Low-Fidelity Sketch )
- Wireframing, UI Spec, Annotations, Favorites, Library Support
- http://www.designervista.com
Denim
- free, sketching with a light pen
- http://dub.washington.edu/denim/
EasyPrototype $
- specialized tool, commercial
- works with scanned images of sketches
- http://www.easyprototype.com
FlairBuilder $
- creates interactive wireframes for websites and desktop software
- cross-platform, runs on Adobe AIR
- http://www.flairbuilder.com/
FluidIA
- open source & openly designed
- agile UI prototyping
- web based
- alpha stage
- http://www.fluidIA.org
ForeUI
- specialized tool, commercial
- create multipage screen mockups, sitemap structure supported.
- support various UI styles: hand drawing, wireframe, Windows XP, Mac OS X and Windows 7
- DHTML based interactive simulation in web browser
- customized element and library supported, download new resources from the community site (http://www.ForeUI.net)
- provide rumple effect that similar with Napkin L&F
- export prototype to images, PDF or DHTML file
- cross platform (Windows, Mac OS X, Linux and Solaris)
- http://www.ForeUI.com
GUI Design Studio, by Carreta Software $
- visual styles for Windows Vista, XP, NT or low-fidelity outlines + office ribbon bar style interfaces
- connect screens or pages to create interactive prototypes
- generate HTML, PDF or RTF specification documentation
- export designs as images to file or clipboard or share projects with a free viewer
- http://www.carettasoftware.com
Hot Gloo – The Online Wireframe Application
- Web-based Operation
- Intuitive Usability
- Improved Communication
- Smooth Collaboration
- http://www.hotgloo.com
Himalia Guilder:
- modeling and prototyping
- platform independent
- not priced yet
- http://www.himalia.net
JavaFx
- Based on JavaSwing, but with allegedly simpler syntax.
- Meant to partially compete with Flash and related Adobe tools
- http://javafx.com
Justinmind Prototyper $
- Create high-fidelity application prototypes
- Generate fully functional HTML prototypes and customized MSWord specifications
- http://www.justinmind.com
JustProto
- web-based JavaScript
- create fully interactive HTML prototypes
- real-time collaboration
- http://www.justproto.com
LucidChart
- rapid prototyping with true interactive experiences
- creates diagrams, wireframes, web and desktop UI mockups
- real time collaboration features
- Web-standards based
- http://lucidchart.com/
Lucid Spec $
Mockflow
- create mockups
- cross-platform, runs on Adobe AIR
- http://www.mockflow.com
Mockingbird
- web-based
- Beta
- http://gomockingbird.com/
MockupScreens $
- create mockups and organize them in scenarios (usecases/stories/whatever)
- present scenario in a slideshow and document the feedback
- http://mockupscreens.com
Napkin Look & Feel
- opensource skin for Java Swing
- http://napkinlaf.sourceforge.net/
- Unusual in intent: produces GUIs (pure mock-up, functional, or mixed) that look like a note scrawled on a napkin, to try to force management to intuit that a GUI mock-up does not mean that the product is finished!
Petra
Pencil
- Free plugin to Firefox and standalone aplication
- Create mockups and export to PNG images
- http://www.evolus.vn/Pencil/Home.html
Pidoco
- Clickable Wireframes
- Fast and easy Prototyping
- Easy Remote Usability Testing
- No Software Installation
- Interface Prototyping
- Realtime Collaboration
- Prototype Reviewer
- Remote Usability Tests
- https://pidoco.com/en
ProtoShare $
- Create dynamic website wireframes & prototypes with drag-and-drop interface
- Web-based collaboration
- Add custom components with HTML, CSS, and Javascript
- Export to a Word specification or web-page for user testing
- http://www.ProtoShare.com
Quplo
- Create interactive HTML prototypes.
- Web-based service with free trial; plans start at $5/month
- Write HTML, CSS, javascript in the browser with code completion
- No drag/drop wireframe support.
- Offers a simple custom markup language built specifically for prototyping, including layouts, pages, parts, conditionals, loops, variables and functions
- Includes popular javascript libraries & icon sets out of the box
- Includes sharing, backups, export
- http://quplo.com
Screen Architect
- specialized tool, commercial
- plugin for EnterpriseArchitect
- exports clickable HTML screens
- http://screenarchitect.com/
Serena Prototype Composer
- free
- very similar to Axure
- prototype more than screen mockups
- http://www.serena.com/products/prototype-composer/home.html
Simulify – convey your idea $
- browser based tool, commercial
- visualize Applications easily
- create interactive websites & application wireframes
- share with clients online & gather feedbacks
- http://www.Simulify.com
Storyboard Suite
- GUI design tool (Storyboard Designer) and runtime engine (Storyboard Engine)
- WYSIWYG UI Design environment based on Eclipse with complete simulation
- Import Photoshop PSD files directly to jumpstart UI development
- Optimized for embedded, resource constrained, environments
- Plugin based for feature extension, Lua (www.lua.org) scripting
- Support for QNX/Linux/WinCE/… using fbdev/directfb/SDL/OpenVG/OpenGL/agtdk/…
- http://www.cranksoftware.com/storyboard
Smart Draw
- Generic drawing tool with template for GUI, something like Visio
- http://www.smartdraw.com/examples/gui/
WireframeSketcher
- Create wireframes, screen mockups, storyboards
- Plugin for Eclipse and Eclipse-based IDEs like Aptana Studio, Flash Builder, Zend Studio and others.
- http://wireframesketcher.com
InPreso
- Create mockups for web and standalone applications, many skins (mac os, windows xp, windows vista, sketch, sample) change in single click, use standart gui elements (button,checkbox …) and many other shapes (arrow, rect …).
- Standalone cross platform and web interface
- http://www.inpreso.com/inpresoscreens/
PowerMockup $
- Design Website and Software Mockups in PowerPoint
- Vector-based design
- http://www.powermockup.com/
Mockup Tiger $
- HTML5, Web based
- http://www.mockuptiger.com/
Posted by acuervo. Filed under Web-Ecosystem.
Recently
- Installing Canon’s ImageCLASS MF4270 on Ubuntu 64 bit
- Open Source Bare Metal Backup & Restore
- Companies with the worst customer service in Costa Rica.
- CoffeeScript
- BO.LT