Wireframing Y Prototipos Para Websites: Mejores Herramientas Bajo $150 Para Diseñar Tu Website
Curated by: Luigi Canali De Rossi
 


6 July 2010

Wireframing Y Prototipos Para Websites: Mejores Herramientas Bajo $150 Para Diseñar Tu Website

Los servicios para wireframing y prototipos de websites te permiten tomar el control completo de la arquitectura de tu sitio web sin tener que contratar un diseñador web para hacerlo. Puedes construir un fiel diseño para el diseño del sitio sin detallar los colores, gráficos y elementos específicos. En esta guía de MasterNewMedia, encontrarás los mejores servicios para wireframing y prototipos de sitios a un precio inferior a 150 dólares y podrás iniciar la redacción de tu sitio de inmediato.

wireframe_prototipo_site.jpg
Crédito de la foto: Yasuhisa Hasegawa

Wikipedia define un wireframe de websites de la siguiente manera:

Un wireframe para websites es una guía visual básica utilizada en el diseño de la interfaz de un sitio web para sugerir la estructura y los enlaces entre sus páginas. Un wireframe es una ilustración de un diseño similar, con los elementos esenciales de la interfaz.

Los wireframes representan un paso importante para simplificar el diseño de tu sitio, ya que un modelo puede reducir el diseño y la producción a la vez, dejando tiempo libre para que te concentres en lo que es realmente importante para tu sitio.

Otra ventaja definitiva para utilizar los servicios de wireframes y prototipos de sitios web es que también están disponibles en diferentes formas y precios para todos los presupuestos.

Puedes encontrar una guía que ya publicada en MasterNewMedia sobre servicios para wireframing gratuitos y se publicará en breve una otra sobre más programas para wireframes de línea superior.

Esta guía está dedicada a todos los editores que quieren poner las manos en su bolsillo e invertir un poco en wireframes por un precio razonable. En realidad, aquí encontrarás una selección de herramientas para prototipos de sitios Web que cuestan menos de $ 150 dólares al mes (muy abajo en la mayoría de los casos).

Para ayudarte a seleccionar e identificar la mejor solución para tus necesidades específicas, aquí se compara y revisa una serie de herramientas y aplicaciones de software basadas en web para crear wireframes y prototipos de sitios Web.

A continuación, encontrarás un mapa mental interactivo y un conjunto de tablas y mini-revisiones para hacer tu evaluación lo más simple posible.

Estos son los criterios utilizados para esta comparación:

  • Tipo de software: Download / herramienta basada en web (si se descarga, el sistema operativo compatible va especificado).
  • Biblioteca de símbolos GUI: Gratuito, botones fácilmente disponibles, barras de desplazamiento, menús y otros objetos para elaborar wireframes.
  • Wireframes interactivos: Los modelos clickeables en la navegación entre las páginas web.
  • Colaboración en tiempo real: Interacción con los clientes y los empleados para recibir información en vivo.
  • Formatos para exportación: Formatos soportados para exportar los proyectos en wireframes.
  • Precio inicial: Primer nivel de precios.

Nota: Esta selección de servicios para wireframes y prototipos de sitios web bajo $ 150 está aún incompleta. Te pedimos que hagas un bookmark de esta página (basta con pulsar CTRL + D en el teclado Windows o CMD + D en el teclado del Mac), ya que añadiremos más servicios en las próximas semanas.

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

 

 

 


Wireframing Y Prototipos De Websites Bajo $150 - Tablas De Comparación




 



Wireframing Y Prototipos De Websites Bajo $150


  1. Gliffy

    Gliffy es una herramienta para wireframe basada en web que permite dibujar un prototipo de tu sitio. Puedes crear wireframes estáticos o interactivos para simular la navegación entre páginas web y sacar provecho de una amplia biblioteca de símbolos GUI. También puedes colaborar con otros para recibir comentarios en tiempo real y comentarios sobre tu trabajo. Cuando hayas terminado, puedes exportar tus archivos SVG para wireframes Gliffy XML, JPG o PNG. La cuenta premium cuesta $ 5/mes y te permite dibujar un número ilimitado de wireframes.

    http://www.gliffy.com/

     


  2. Creately

    Creately es una herramienta para wireframes basada en navegador. Creately está diseñada específicamente para la colaboración en línea, para que puedas dibujar un modelo de un sitio web para mostrarlo a tus clientes y obtener una respuesta inmediata sin necesidad de utilizar archivos adjuntos de correo electrónico. Los modelos también son interactivos, por lo que puedes simular la navegación entre diferentes páginas web. Además, tienes una gran biblioteca de símbolos con objetos GUI disponible para construir tus wireframes. Para exportar tus modelos, puedes elegir entre los formatos PDF, JPG o PNG. El precio inicial es de $ 4.95 por mes.

    http://www.creately.com/

     


  3. ProtoShare

    ProtoShare es una herramienta de colaboración para la creación de un prototipo basado en la web. Puede diseñar maquetas para tu sitio web interactivas que simulan la navegación entre páginas web, compartirlas con tus clientes y colaboradores para hacer comentarios y también exportar tus prototipos en HTML, CSS, JavaScript y formatos de MS Word. Una amplia biblioteca de símbolos GUI, elementos Web y objetos de dibujo también están disponibles para ayudarte a diseñar los wireframes de tu sitio. Los precios comienzan en $ 29/mes para un usuario.

    http://www.protoshare.com/

     


  4. HotGloo

    HotGloo es una aplicación basada en web para crear wireframes. Con HotGloo, puedes diseñar prototipos interactivos de tu sitio, sacando provecho de una lista de objetos GUI de fácil acceso, y otras formas y elementos de la web. La función de chat te permite recibir información inmediata sobre tu trabajo desde los clientes y empleados. Para exportar tus modelos terminados, puedes elegir entre los formatos PDF y PNG. La línea de fijación de precios comienza en $ 7/mes, pero el plan original, te limita a construir un solo proyecto.

    http://www.hotgloo.com/

     


  5. Pidoco°

    Pidoco° es una herramienta de diseño GUI online que te permite crear wireframes y prototipo de sitios web clickeables interactivos e interfaces de usuario. Los wireframes se pueden exportar a HTML o en un formato compatible con MS Word. El sistema general de la biblioteca GUI también está disponible para proporcionarte elementos web disponibles como barras de menús, barras de desplazamiento y otros objetos para elaborar ricas interfaces para el usuario. Los precios de los servicios empiezan a partir de $ 9/mes, pero para aprovechar las características de colaboración en tiempo real, debes actualizar el plan para $ 29/mes o superior. No disponibiliza funciones de colaboración.

    http://www.pidoco.com/

     


  6. Mockup Screens

    Mockup Screens es una herramienta de software para las computadoras de Windows que permite crear prototipos y maquetas de tu sitio. Los wireframes son estáticos, por lo que no puedes crear hiperenlaces entre las páginas para simular diferentes estilos de navegación del usuario. La biblioteca de símbolos está disponible para utilizar los objetos GUI listos y elementos de diseño en los modelos y la función de exportación te permite convertir tus wireframes a XML, HTML o PDF para leerlos en línea. MockupScreens cuesta $ 99.95 por una licencia de usuario único.

    http://www.mockupscreens.com/

     


  7. WireframeSketcher

    WireframeSketcher es una herramienta de software que te permite diseñar modelos para tu sitio. WireframeSketcher es basado en Eclipse IDE y está disponible para Windows, Mac y Linux. Todo lo que puedes construir son prototipos que son estáticos, sin interacción entre las distintas páginas web. La biblioteca de símbolos GUI está disponible para los objetos de uso inmediato y otros elementos dentro de los modelos. También puedes exportar tus wireframes en formato PDF y PNG. WireframeSketcher cuesta $ 75 para una licencia de usuario único.

    http://www.wireframesketcher.com/

     


  8. FlairBuilder

    FlairBuilder es una herramienta basada en Web que permite crear prototipos de sitios Web y aplicaciones para el iPhone. Sus modelos son interactivos, lo que significa que puedes simular la experiencia de navegación del usuario entre distintas páginas de tu sitio o aplicación. También puedes utilizar la biblioteca de interfaz gráfica de usuario para encontrar los elementos ya creados que puedes añadir a tus wireframes. Para comprarlo, puedes pagar $ 24/mes o $ 99/año. No proporciona los recursos para la colaboración, o archivos de exportación.

    http://www.flairbuilder.com/

     


  9. OmniGraffle

    OmniGraffle es una herramienta para wireframes disponible para Mac y IPAD que puedes utilizar para dibujar wireframes interactivas para tu sitio. Un sistema de bibliotecas de interfaz gráfica de usuario está a tu disposición para obtener elementos listos para la web y añadir estilo a tu wireframe. Las posibilidades de exportación incluyen archivos en formatos PICT, PDF, EPS para MS Word y compatibles con MS PowerPoint. OmniGraffle cuesta $ 99.95 por una licencia de usuario único. No hay funciones de colaboración.

    http://www.omnigroup.com/products/omnigraffle/

     


  10. Balsamiq Mockups

    Balsamiq Mockups es una herramienta para wireframes que te permite hacer un prototipo para tu sitio web interactivo. Balsamiq Maquetas está disponible como una aplicación basada en web y como software se puede descargar para Windows, Mac y Linux. El servicio cuenta con una amplia biblioteca de símbolos gráficos con botones, barras de desplazamiento y otros objetos que se pueden utilizar para diseñar tus modelos. La colaboración también te permite compartir tu proyecto para recibir comentarios en tiempo real. Cuando hayas terminado, puedes exportar tus wireframe en XML, PDF, PNG. La aplicación de escritorio de Balsamiq Mockups cuesta $ 79 para una licencia de usuario único.

    http://www.balsamiq.com/products/mockups

 

Originalmente escrito por y publicado por primera vez en MasterNewMedia.

 

Robin Good y 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.

 

16002


Curated by

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