Wireframing Y Prototipos Para Websites: Las Mejores Herramientas Profesionales Para Diseñar Tu Sitio Web
Curated by: Luigi Canali De Rossi
 


13 July 2010

Wireframing Y Prototipos Para Websites: Las Mejores Herramientas Profesionales Para Diseñar Tu Sitio Web

Servicios de wireframing y prototipos de websites profesionales representan un paso hacia adelante cuando se los compara a las soluciones gratuitas para wireframing y a los servicios comerciales para prototipos de websites, lo que te permite elaborar modelos altamente realistas de páginas web. En esta guía de MasterNewMedia, encontrarás los mejores servicios profesionales para wireframes y prototipos de sitios que puedes utilizar para crear atractivos proyectos de diseño visual en la web.

wireframe_y_prototipo_websites_profesional.jpg
Crédito de la foto: Designer Break

Los wireframes tienen la ventaja de proporcionar una salida visual inmediata cuanto a la navegación, el diseño del sitio y la organización del contenido. Sin gastar tiempo y recursos valiosos para diseñar cada detalle de tu interfaz, puedes producir un prototipo completamente funcional visual para comunicar tus ideas con los clientes y los miembros del equipo y también destacar las ambigüedades y los peligros potenciales del diseño.

Aunque MasterNewMedia ya haya publicado dos guías en profundidad sobre los servicios gratuitos para wireframes y soluciones comerciales para prototipos de websites, este resalta y se centra exclusivamente en instrumentos de wireframes y maquetas de diseño profesionales de la Web.

Así que, qué es lo que distingue a los servicios de prototipos de sitios Web profesionales de los comerciales y gratuitos?

  • Informática potenciada: Todas las herramientas de wireframing profesionales están disponibles solamente como software de descarga. Ninguna está ofrecida como opción basada en la web.
  • Ámbito de aplicación: La mayoría de los servicios de esta guía tiene la capacidad de crear wireframes y esto es sólo una de las opciones a tu disposición. Puedes también dibujar diagramas de flujo, diagramas de Venn, mapas mentales, planes de paisaje y otros proyectos visuales que ayudan a comunicar más eficazmente tu idea, cuando acompañados de un wireframe.
  • Sistema de biblioteca GUI: Todos las herramientas profesionales para wireframing tienen una impresionante biblioteca de widgets listos para la utilización y elementos de diseño que se pueden arrastrar y soltar. Tener componentes del proyecto disponibles para construir tus modelos no sólo significa un gran ahorro de tiempo, pero también te permite dibujar tus prototipos con una precisión clínica y lograr un efecto altamente realista.
  • Notas de diseño: Los servicios de wireframes profesionales te permite crear notas y comentarios para añadir en tus proyectos. Con el uso de anotaciones, puedes compartir fácilmente comentarios, ideas, sugerencias y revisiones, sin tener que depender de otros servicios de comunicación o colaboración.

Para ayudarte a seleccionar e identificar la mejor solución para wireframes profesional para tus necesidades, he enumerado todas las mejores herramientas disponibles en el mercado, y a través de un mapa mental interactivo, un conjunto de tablas comparativas y mini-revisiones, he tratado de hacer tu análisis y evaluar lo más eficaz posible.

Aquí los criterios utilizados para esta comparación:

  • OS soportado: Sistema operativo requerido para instalar el software de wireframing.
  • Wireframes interactivos: Modelos cliqueables que simulan la navegación entre las páginas web.
  • Design móvil: Simulación de wireframes para sitios web y aplicaciones web en los teléfonos móviles.
  • Colaboración: Interacción con los clientes y empleados para recibir información en vivo.
  • Formatos de exportación: Formatos soportados para exportar los proyectos en wireframes.
  • Precio: Costo de las herramientas para wireframes y prototipos de websites.

Aquí está la guía completa en detalle:

 

 

 


Servicios Profesionales De Wireframing Y Prototipos De Websites - Tablas De Comparación




 



Servicios Profesionales De Wireframing Y Prototipos De Websites



  1. Axure RP

    Axure RP es una herramienta profesional para la creación de prototipos de sitios Web que te permite crear un wireframe para el pre-diseño de tu sitio web. Axure RP se encuentra disponible para plataformas Windows y Mac. Puedes diseñar wireframes estáticos y una experiencia interactiva que simula una navegación real del usuario. El sistema general de la biblioteca GUI también está disponible para ofrecerte la información y los widgets web disponibles, tales como barras de menús, barras de desplazamiento, los headers que se pueden incluir dentro de los modelos de tu sitio. La función de colaboración te permite compartir tus modelos con otros y recibir comentarios y observaciones en tiempo real en tu trabajo. Puedes guardar / exportar tus wireframes en HTML, JPEG, PNG, BMP y GIF. Axure RP sale por $ 589. No hay proyecto para dispositivos móviles compatibles.
    http://www.axure.com/

  2.  



  3. Justinmind Prototyper

    Justinmind Prototyper es una herramienta profesional para prototipos de sitios web, software y aplicaciones para teléfonos móviles. Justinmind Prototyper sólo está disponible para Windows. En el diseño de modelos que utilizan wireframes interactivos, puedes rastrear tu proyecto web y también simular la navegación del usuario para evitar trampas y errores en tu diseño. Una amplia biblioteca de símbolos GUI te permite agregar fácilmente objetos y elementos de diseño para los modelos de tu web. También puedes trabajar en cooperación para intercambiar los wireframes para obtener retroalimentación y comentarios en tiempo real. Cuando hayas terminado, puedes exportar tus wireframes en HTML y formatos de archivo JS. Justinmind Prototyper cuesta $ 459.
    http://www.justinmind.com/

  4.  



  5. ConceptDraw PRO

    ConceptDraw PRO es una herramienta técnica de diagramas para Windows y Mac que puedes utilizar para crear prototipos de sitios web y aplicaciones de software. ConceptDraw PRO tiene una biblioteca de elementos GUI y objetos pre-dibujados de diseño que facilitan el diseño de wireframes. La característica de exportación te permite guardar tu prototipo acabado a diferentes formatos como PDF, JPG, EMF, SVG, PPT y muchos más. La facilidad de presentación integrada permite pantallas de visualización de tus proyectos sin la necesidad de una aplicación de software o externo. ConceptDraw Pro se fija en $ 199. No aporta recursos para el diseño de los teléfonos móviles, tampoco la colaboración o apoyo a wireframes interactivos.
    http://www.conceptdraw.com/en/

  6.  



  7. Lucid Spec

    Lucid Spec es una herramienta profesional para wireframes para Windows. Lucid Spec te permite crear prototipos de sitios web y ofrecer a tus clientes especificaciones claras sobre los elementos de la biblioteca GUI incorporada directamente en tu prototipo. Puedes dibujar wireframes estáticos e interactivos que simulan el flujo de navegación entre páginas web. Para dibujar el wireframe, puedes acceder a una amplia gama de reproductores seleccionados y con elementos de diseño que puedes arrastrar y soltar en los modelos. Cuando el prototipo está listo, se puede exportarlo a formato RTF. Lucid Spec cuesta $ 499. No está disponible para el diseño de móviles, tampoco para la colaboración.
    http://www.elegancetech.com/ls/ls.aspx

  8.  



  9. Adobe Illustrator CS5

    Illustrator CS5 es la última versión del software para diseño gráfico y la ilustración de Adobe, disponible para Windows y Mac Entre sus muchas características de diseño, Illustrator CS5 permite diseñar wireframes estáticos e interactivos de tu sitio. El wireframe interactivo simula correctamente la navegación entre las páginas Web (pero requiere la instalación de Adobe Flash de efecto catalizador en tu máquina). Una amplia biblioteca de símbolos de interfaz gráfica de usuario te permite agregar fácilmente objetos de diseño de modelos disponibles y widgets para tu sitio web. Puedes colaborar con otros para recibir comentarios en tiempo real sobre tu trabajo. Cuando hayas terminado, puedes exportar tus wireframes a una plétora de formatos de archivo como SVG, JPEG, GIF, PDF, etc. Illustrator CS5 cuesta $ 599. No apoya los proyectos de celulares.
    http://www.adobe.com/products/illustrator/

  10.  



  11. Visio Professional 2010

    Visio Professional 2010 es la más reciente actualización del software de diagramación de la suite Microsoft Office. Visio 2010 está disponible sólo para equipos con Windows. Con Visio Professional 2010, puedes crear diversos tipos de proyectos visuales, como diagramas de flujo, diagramas de Venn, mapas y modelos y también la escala de los sitios (estándar y móvil), así como prototipos de aplicaciones de software. Visio Professional 2010 también ofrece la posibilidad de colaborar en proyectos de diseño para recibir comentarios y observaciones a medida que trabajas. Una vez terminados, tus diseños se pueden exportar a varios formatos de archivo como SVG, EMF, GIF, JPEG, PNG y más. Visio Professional 2010 se ha fijado en un precio de 559,99 dólares y se puede comprar Visio, independientemente de otros componentes de Office.
    http://office.microsoft.com/en-us/visio/

  12.  



  13. SmartDraw

    SmartDraw es una aplicación de escritorio profesional para Windows que permite comunicar visualmente tus ideas. Puedes utilizar SmartDraw para dibujar mapas mentales, diagramas de flujo, wireframes, gráficos, mapas, escenas del crimen, y más. SmartDraw está totalmente integrado con Microsoft Office y tienes una gran biblioteca GUI con botones listos para usar, barras de desplazamiento y otros objetos que puedes permitirte el lujo de añadir a tu proyecto visual. La característica de colaboración también permite compartir cada proyecto que creamos y recibir información en tiempo real. Cuando hayas terminado, puedes exportar tu diseño visual de HTML, JPEG, EMF, SVG y muchos otros formatos de archivo. SmartDraw está fijado en $ 279. No proporciona el diseño para wireframes móviles o interactivos.
    http://www.smartdraw.com/

  14.  



  15. iRise Professional

    iRise Professional es un software de alto nivel para los diseñadores y desarrolladores web de wireframes profesionales. Disponible sólo para máquinas Windows, iRise Professional te permite crear cualquier tipo de wireframes para tu sitio y simular todos los aspectos de la experiencia del usuario en la navegación entre páginas, los clics del ratón, las refinanciaciones y mucho más. Un juego completo de widgets y objetos de diseño que se pueden arrastrar y soltar directamente en tu prototipo te permiten personalizar el proyecto. Para cambiar tus proyectos con otros, puedes exportar tus wireframes a PDF, XML y formatos de archivo HTML. iRise Professional cuesta $ 6.995. No aporta funciones de colaboración.
    http://www.irise.com/

La traducción al español ha sido hecha por Letícia Castro.

 

Originalmente escrito por y publicado por primera vez en MasterNewMedia.

 

Robin Good e Daniele Bazzano -
Referencia: MasterNewMedia [ Seguir leyendo ]
Si te gustó la nota puedes recibir actualizaciones suscribiéndote via RSS o via email.

O compartirla:
 
 
 
 
Comentar    
blog comments powered by Disqus
 


 

 

 

 

Creative Commons License
This work is licensed under a Creative Commons License.

 

16036


Curated by

Publisher MasterNewMedia.org - New media explorer - Communication designer
Web Analytics