Online Tools MockFlow Mockingbird Mockup Builder Pidoco fluidIA Gliffy iPLOTZ Lovely Charts Lucid Chart Īnalysis of Alternatives Research and FindingsĬomparison Criteria Chart Diagram UML Flowchart Collaboration Graph Workflow Drawing Custom Images Web Wireframe HTML5 Export Flash-based Vector Graphics Mockup Low Fidelity Mockup High Fidelity Wireframe Layout Wireframe Prototype Usability Testing Functional Specs Online Based Tool Standalone Tool Mac Windows Linux Cost Implementation
Standalone Tools Adobe InDesign XCode 4 Storyboard Adobe Fireworks Axure RP Balsamiq Mockups ConceptDraw Diagram Designer Enterprise Architect FlairBuilder OmniGraffle OpenOffice Draw Pencil Project Microsoft Visio Microsoft Sketchflow WireframeSketcher iRise Pro Studio Gallery effect shows whole strategy, spots loopholes and overlaps.Ī user interface-flow diagram is also called a storyboard. Each sheet is brought to life with just enough detail, and means the same thing to all viewers because of its limited thematic dimensions. The Storyboard technique was borrowed from the motion picture industry. What is a Storyboard? “ A storyboard is a series of panels that depict key scenes, actions, visuals, and annotations that define the highlights of a user experience.” – MIT user experience design assignment “ Storyboards are graphic organizers in the form of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic or interactive media sequence.” – Wikipedia “ The Storyboard technique was borrowed from the motion picture industry.” – Hughes Aircraft Company, STOP, 1965
Storyboard Tools for Software Development