Archivo de la etiqueta: paginas web

8 diciembre, 2011

16 Wireframes para diseñadores (segunda...

9. Hot Gloo.


Aplicación online que permite arrastrar y soltar elementos, enlazarlos, escalarlos, nombrarlos y renombrarlos. También, se puede editar, comentar y compartir en cualquier momento del proceso de desarrollo.

10. MockFlow.


Permite diseñar y colaborar en tiempo real con maquetas de la interfaz de usuario para software y sitios web.

11. Gliffy.


Facilita la creación de “wireframes” para el sitio web y permite compartir prototipos  con otros usuarios. Se pueden exportar “wireframes” para futuros usos con otras aplicaciones.

12. Cacoo.


Herramienta de dibujo online fácil de usar que permite crear una variedad de diagramas.

13. Creately.


Poderosa herramienta de diagramación con una interfaz de usuario intuitiva.

14. Lovely Charts.


Aplicación de diagramación que permite crear diagramas profesionales de todo tipo.

15. Mockup Builder.


Facilita la creación de prototipos y permite compartir “sketches”.

16. Lucid Chart.


Software para dibujar diferentes diagramas online.

7 diciembre, 2011

16 Wireframes para diseñadores (primera...

1. OmniGraffle.


Esta aplicación OSX permite crear llamativos documentos rápidamente al mantener conectadas las líneas con las formas, proporcionando potentes herramientas de estilo, importando y exportando archivos de  Microsoft Visio y organizando diagramas con un sólo “click”.

2. ConceptDraw PRO.

Esta aplicación para Windows es una plataforma de diagramación que permite visualizar, comunicar y presentar dinámicamente.

3. Pidoco.


Herramienta online usada para mejorar los proyectos de software, a la vez que ahorra tiempo y reduce las opciones de re-trabajo.

4. Balsamiq Mockups.


Herramienta diseñada específicamente para imitar diseños dibujados a mano.

5. Mockingbird.


Herramienta online que facilita crear, enlazar, pre-visualizar y compartir maquetas del sitio web o aplicación.

6. Pencil
.


“Addon” para Firefox que tiene como misión construir una herramienta gratuita y de código abierto para hacer diagramas que cualquiera pueda usar.

7. iPlotz.


Permite crear “wireframes” “clickeables” y navegables para crear la experiencia de un sitio web o una aplicación de software real.

8. ProtoShare
.


Herramienta de colaboración online para construir “wireframes” de sitios web y prototipos dinámicos y navegables.

6 diciembre, 2011

La importancia de usar “wireframes” ...

Fuente: sonycreativesoftware.com

Un “wireframe” es una representación esquemática de una página web que ofrece una perspectiva basada solamente en la arquitectura del contenido. Los “wireframes” reducen significativamente el tiempo requerido en diseño y desarrollo, dado que eliminan distracciones visuales como colores, tipografías, imágenes, textos, etc. y se enfocan en funciones vitales y factores de marketing estratégico.

Algunas razones por las cuales se debe usar “wireframes”, son:

- Permiten obtener una idea clara de qué tipo de información se necesitará en cada página antes del diseño.

- Posibilitan centrarse realmente en lo que es el propósito de cada página.

- Crean un seguro contra fallas ocasionadas por clientes que cambian de idea durante la fase de diseño del proyecto. Si el sitio está planeado correctamente en la etapa de “wireframe”, la funcionalidad de las páginas individuales no debe cambiar mucho.

- Establecen un punto de retorno.

- Otorgan una idea clara de cómo reaccionará el sitio ante varios visitantes sin la distracción del color o los elementos de diseño.

- Ayudan a eliminar cualquier elemento que sea innecesario y perjudicial para el objetivo del sitio.

- Se ajustan y se producen fácilmente, permitiendo que el proceso de planeación marche sin problemas y eficientemente.

-  Le da al diseñador una idea clara de qué necesita ser diseñado.