Wireframing is a crucial step in #web_design and development as it allows for rapid prototyping and helps to pinpoint potential problems early in the process. It can be invaluable to have a visual representation of content, hierarchy and layout.
This bag highlights several free wireframing #tools available, including standalone applications, web-based tools and browser add-ons.
Like most things today, the world of interaction design moves quickly. Although a pen and notebook may suffice when it comes to simply jotting down ideas, planning a series of website screens can sometimes demand additional precision and cohesion. This is where today’s wireframing tools come in.
Website Wireframe is a very simple web-based tool for building wireframes in a matter of minutes. A link to view the wireframe can be sent through email, instant message, or mobile phone, and then the wireframe can be easily updated based on feedback, discussion, ideas and suggestions.
Denim is a free multi-platform desktop app that supports sketching and allows design at various refinement levels. It’s an efficient tool for early stage brainstorming and wireframing.
Two main features within Denim are Components, which enable you to create widgets that can be reused and Conditionals, which allow you to create transitions between pages depending on the end-users’ actions, resulting in a more interactive experience.
SimpleDiagrams is a small desktop application that helps you express your ideas quickly and simply with just enough functionality to describe a thought or capture a process. It’s built on the Adobe AIR platform, so will run smoothly on Mac, Windows and Linux.
The Pencil Project is an open source tool for making diagrams and GUI prototyping that everyone can use. It’s available as a Firefox add-on or as a standalone application (Linux and Windows only). Pencil essentially installs an entire drawing application into your Firefox browser and gives you the ability to display, save, and load an external canvas, together with a palette of shapes.
Mockflow is a web app based on the Adobe Flash Platform. It has a clean, minimalistic, organized interface and the editing feature-set set is extensive.
You drag and drop components into a mockup to create the wireframe with the ability to add pages and map out an entire site and it’s structure. The built-in components are extensive, from charts and ads to menus and dropdowns. The ability to upload your own images to use, as well as the option to choose from a set of stickers of common site elements, such as social networking and e-commerce images, make the process of ‘building’ the mockup pretty efficient.
Lumzy is a mockup and prototype creation tool for websites and applications. You can add events to controls, place controls inside other containers and emulate your project with easy page navigation triggered by user actions.
Real-time collaboration is one of the key features, with tools for team editing, a chat engine for deliberating over designs and file versioning.
Gliffy is a web-based application which allows you to create process flow diagrams, org charts, floor plans, business processes, network diagrams, technical drawings, website wireframes, and more. It uses a drag and drop UI with the ability to add boxes, buttons, and lines from the tool shape library to anywhere on the page. Then you can easily add text to create a clear, concise mockup.
Cacoo is a user-friendly online drawing tool that allows you to create a variety of diagrams, such as sitemaps, wireframes and network charts.
The drag and drop UI means creating diagrams is relatively simple; there are also a number of stencils to utilize which could make the process even more efficient. Unlimited Undo is a neat feature with the history of all modifications saved, meaning you can undo right back to the start.
Lovely Charts is an online diagramming application that allows you to create professional looking diagrams, such as flowcharts, sitemaps, organisation charts, wireframes, and many more... For free.
One of the key features is the application’s ability to make assumptions based on the type of diagram you’re drawing, and thus streamline the drawing process.
Wishbox is a great new way to get feedback from your website users. You will, literally, get to see what your customers want, get bug reports and feature ideas, and even collect more info by embedding your forms into the Wishbox, right there, on your web site. In other words, Wishbox will help you communicate better with your visitors.
Balsamiq Studios is a fast-growing, but still-very-personable software company that aims to make the world a better place by helping people create software that is easier to use. We like to compete on usability and customer service.
Mockingbird is an easy and fast way to make clickable wireframes and prototypes. Create and share clickable mockups of your website or application.
Mockingbird is a web-based beta software based on the Cappuccino framework to create, link together, preview and share wireframes of your website or application.
The main function of a good user interface is to provide users with an intuitive mapping between user’s intention and application’s function that manages to provide a solution to the given task. Basically, user interface describes the way people interact with a site and the way users can access its functions.
#SocialMedia #SocialDesign #Digg
This book presents a family of social web design principles and interaction patterns that we have observed and codified, thus capturing user-experience best practices and emerging social web customs for web 2.0 practitioners.
#Books #SocialMedia #SocialDesign
Would you like to comment?
Sign up for a free account, or sign in (if you're already a member).