Bienvenidos a nuestra web
Esta pagina te ayudara a comprender mas sobre las wireframes y las diferentes herramientas de creacion de prototipos web.
Aviso a los visitantes
Aqui te daremos una breve explicacion de cada una de las herramientas de desarrollo para la creacion de paginas web.
¿Qué es un wireframe?
En diseño web, un wireframe es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para comprobar la usabilidad de un sitio web.
La principal ventaja es que ofrece una perspectiva basada solamente en la arquitectura del contenido, obviando el diseño y evitando elementos accidentales que puedan distraer (colores, tipografías, imágenes, textos, etc.).
Con Wireframes se pueden crear de muchas maneras con varias herramientas en función de las necesidades de comunicación y del presupuesto. Además, algunos diseñadores y desarrolladores están utilizando Illustrator, Fireworks o PowerPoint para crear Wireframes. También he visto proyectos con Microsoft Visio
En algunos casos, las herramientas Wireframes permiten un prototipo de página web, es decir, que puede hacer clic en enlaces para compartir con los clientes antes de construir el producto final.
Aquí os presentamos diferentes aplicaciones que son útiles para trabajar en proyectos web donde el trabajo ordenado y una ejecución progresiva ahorra tiempo y da mejores resultados.
Pidoco
Pidoco es una plataforma de colaboración en línea en tiempo real, para crear web interactivas y prototipos de software, probarlos, discutirlos y optimizarlos.
ProtoShare
ProtoShare es una herramienta de colaboración en línea para construir Wireframes, prototipos de páginas web dinámicas y páginas web navegables que los miembros del equipo pueden revisar y comentar en tiempo real.
iPlotz
Con iPlotz puedes crear Wireframes hacer clic, navegable para crear la experiencia de un sitio web real o aplicación de software. También puede invitar a otros a comentar sobre los diseños, y una vez listo, puedes gestionar las tareas para que los desarrolladores y diseñadores creen el proyecto.
Hot Gloo
Hot Gloo es la aplicación de Wireframes en línea, actualmente en versión beta gratuita. Usted puede arrastrar y soltar elementos, escalar, enlazar, el nombre y cambiar el nombre de ellos. También puede editar, comentar y compartir cualquier momento del proceso de desarrollo con colegas y clientes.
Pencil
Pencil es un complemento de Firefox para crear diagramas y prototipos de interfaz gráfica de usuario. Incluye la construcción de diagramas y prototipos, documentos de multi-páginas, añadir objetos externos, instalación de plantillas definidas por el usuario,… etc… Es importante anotar que esta herramienta es totalmente gratuita.
Gliffy
Gliffy es un software que hace que sea fácil crear Wireframes de sitios web y compartir maquetas web con alguien. Puede exportar su estructura y diseños. No es totalmente gratuita ya que tiene un periodo de prueba y luego debes pagara para continuar con su uso.
Enlace Oficial:
Omnigraffle
Omnigraffle es una aplicación wireframe de diagramas, construido específicamente para Mac OS. Usa la técnica de drag and drop, la interfaz WYSIWYG donde los usuarios pueden crear diagramas simples y complejos, diagramas de flujo, organigramas e ilustraciones. La importación, exportación de archivos de Visio es compatible.
Enlace Oficial:
www.omnigroup.com/products/omnigraffle/
MockupScreens
MockupScreens te permite crear prototipos de tu aplicación y organizarlas en escenarios. Los usuarios pueden experimentar de forma interactiva con los clientes y visualizar rápidamente escenarios de aplicaciones antes comenzar la programación. Este producto tiene un coste entre 89 a 369 $.
Enlace Oficial:
iRise
iRise es una herramienta de visualización de autoría que simula el flujo de trabajo y el comportamiento básico de las aplicaciones de negocio, propuesto a través de comunicación directa con las partes interesadas a través de los requisitos de recopilación de sesiones interactivas. iRise también ayuda a crear una versión de alta fidelidad en la simulación. Quizás se la herramienta de más coste.
Enlace Oficial: