prototyping

TwitterFacebook
Get flash to fully experience Pearltrees
visio

Today “Web” is very different from what it was few years ago. It is better, but far more challenging – you can no longer ignore things like usability, information architecture and design. That’s why wireframing has received so much attention lately. Wireframing allows you to visually illustrate layout of fundamental elements in the user interface. It also acts as a way to communicate with clients and other stakeholders (content creators, designers, developers, etc). Furthermore, wireframing enables you to consider changes, user paths, and new requirements. http://www.w3avenue.com/2010/02/03/guidelines-tools-and-resources-for-web-wireframing/

Guidelines, Tools and Resources For Web Wireframing

10 Completely Free Wireframe and Mockup Applications : Speckyboy

Every web designer and developer should have a good and reliable wireframe (mockup or prototype) tool at there disposal. The importance of such a tool differentiates amongst web designers and developers, some use them, some don’t. Personally, I use them. http://speckyboy.com/2010/01/11/10-completely-free-wireframe-and-mockup-applications/
http://www.infoq.com/articles/guest-simon-sketchflow

Using SketchFlow to Create Better Prototypes

Posted by on Apr 29, 2009 Sections Process & Practices , Architecture & Design ,
sketchflow

The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use. Top features: Built-in stencils for diagraming and prototyping Multi-page document with background page Inter-page linkings!

Home - Pencil Project

http://www.evolus.vn/Pencil/Home.html
Why Balsamiq Mockups for wireframing? Using Mockups feels like drawing, but because it’s digital, you can tweak and rearrange easily. Teams can come up with a design and iterate over it in real-time in the course of a meeting. Product managers, designers, developers, and even clients can now work together in the same tool to quickly iterate over wireframes, before writing code. Read our Manifesto! Features

Mockups Home

http://www.balsamiq.com/products/mockups
http://designreviver.com/tips/using-wireframes-to-bring-your-site-together/ Wireframes are the blue prints that define and allocate a Web sites content and behavior. They are not bound by colors, fonts, and anything that may surface on the site as part of any content. Wireframing compliments good web development and offers a visual of where the content will be laid out within the sites design.

Using Wireframes to Bring Your Site Together

http://www.foreui.com/tour.htm What is ForeUI? ForeUI is a powerful tool to create static or interactive prototype for software/website in your mind. Many organizations and individuals are using ForeUI as their UI/UX/interaction design tool.

Powerful UI Design Tool

http://www.superfiction.net/blog/index.php?2008/10/08/318-les-outils-online-de-conception-de-wireframes-3-5-utiliser-balsamiq-mockups

Les outils online de conception de wireframes (3/5) : utiliser B

Ce billet, le 3ème d’une série consacrée aux outils online de conception de wireframes , concerne Balsamiq Mockups . Balsamiq est une entreprise fondée en Mars 2008 par Giacomo Guilizzoni, un ancien ingénieur senior de chez Adobe. Balsamiq est une Micro-ISV (l’équivalent d’une micro-entreprise en France) et vend des applications online de bureau et c’est Giacomo Guilizzoni lui seul qui a crée, développé et lancé Balsamiq Mockup (chapeau bas Monsieur !), qui permet de réaliser des wireframes avec un style "dessiné à la main".
http://www.onextrapixel.com/2009/07/15/the-importance-of-wireframes-in-web-design-and-9-tools-to-create-wireframes/ “Good design must necessarily, in my opinion, have an impact on people’s lives, no matter how seemingly small. Good design changes things.” Garr Reynolds Designing wireframes the right way the first time costs no more than doing it the wrong way. Creating a paper prototype adds no cost either; simply print out the wireframe diagrams for the pages a visitor will use to complete the tasks most closely related to achieving his goals and meeting the site's business objectives.

The Importance Of Wireframes In Web Design And 9 Tools To Create

Les outils online de conception de wireframes : introduction - S

Après avoir consacré quelques posts à la création de wireframes / storyboards avec Powerpoint , Visio , Axure RP Pro ou encore Acrobat , je prépare une série de billets qui concerne les outils online de conception de wireframes. Je vais donc tester et présenter : Contrairement aux précédents posts sur les logiciels de conception de wireframes, je vais essayer cette fois-ci de mettre en place des critères d’évaluation pour les outils online (ex : travail collaboratif, interactivité des éléments, formats d’export...) Ainsi, ces différents articles fourniront un panorama non exhaustif mais déjà conséquent des différents outils disponibles pour les concepteurs multimédia. Premier billet de la série : "Les outils online de conception de storyboards (1/5) : Gliffy " http://www.superfiction.net/blog/index.php?2008/09/01/297-les-outils-online-de-conception-de-wireframes-introduction