Herramientas para crear bocetos

Herramientas para crear bocetos de sitios
web
Junio 2014

Luego de realizar el pliego de condiciones del sitio web y la
arborescencia de su sitio web, comienza la fase de bosquejo,
tambiénllamada wireframing. Una etapa indispensable para
hacerse una idea más precisa de la ergonomía del sitio web.
Numerosas herramientas de wireframing gratuitas o de pago están
disponibles para realizaresta tarea. Simples de utilizar, son particularmente útiles para los
profesionales en la realización de un proyecto web.
¿Qué es el wireframing o boceto del sitio web?
Herramientas y programas dewireframing
¿Para qué profesionales?
Algunas herramientas gratuitas para la creación de bocetos
Pencil Project
Lumzy
MockFlow
Cacoo
Algunas herramientas para la creación de bocetos de pagoBalsamiq
Mockingbird
iPlotz

¿Qué es el wireframing o boceto del sitio web?
El "wireframing" es la etapa que consiste en representar esquemáticamente la organización de
un sitio web (porejemplo: arborescencia), así como su interfaz gráfica (interactividad y
ergonomía). Esta etapa de esquematización se hace después de la realización del pliego de
condiciones del sitio web y antes de lafase de diseño web propiamente dicha. Puede ser
realizada por diferentes personas que participan en el proyecto. Permite entre otras cosas
someter a un test la ergonomía del sitio, evaluar el tiemponecesario para la realización del
proyecto y estimar los costos de realización.

Herramientas y programas de wireframing
Las herramientas de wireframing están destinan a los profesionales querealizarán un proyecto

de creación de un sitio web, sean o no técnicos. Estas herramientas facilitan la realización del
bosquejo de las etapas de diseño de un sitio web, de un blog o de unaaplicación web o móvil,
para asegurar una buena comprensión entre los diferentes actores (cliente, jefe de proyecto
web, webdesigner, desarrollador, etc.). Estas herramientas están dotadas de diferentes...