Herramientas para desarrollar prototipos web

Entorno de trabajo de Axure

Este tipo de herramientas son utilizadas en consultoría para la realización de prototipos comprensibles para que los desarrolladores puedan llevar a cabo su trabajo.

Permiten entre otras cosas realizar mapas de sitio totalmente navegables, posicionar objetos gráficos y botoneras en el prototipo, colocar controles y establecer opciones para lo mismo e incluso compilar el sitio web para poder visualizarlo en un navegador para la realización de tests de usabilidad y demostraciones de uso del nuevo interfaz.
Video de Protoshare.

La mayoría de estas aplicaciones son de pago.

Otra posibilidad al empleo de aplicaciones……. papel y lápiz. Probablemente se tarde menos tiempo  ya que no deberás aprender a manejar estas herramientas. 🙂

Enlaces de interés:

AxureiPlotz | JustinmindProtoshareJustinmindBalsamiqgliffy (diagramador opensource)| SmartdrawJumpchartPencil | iRise (para construir software) | Mokingbird (online)  | Protonotes (permite añadir notas a un prototipo) | Omnigraffle (diagramador para Mac)

Esta entrada fue publicada en Cloud Computing, Herramientas y etiquetada , , , , . Guarda el enlace permanente.

6 respuestas a Herramientas para desarrollar prototipos web

  1. Pingback: Bitacoras.com

  2. Etienne dijo:

    Ademas de ayudar a los desarrolladores, herramienta de hi-fi wireframing como Justinmind permiten hacer prototipos tan cerca del producto final que hasta testos de usabilidad se pueden llevar a cabo. También permiten sacar y validar documentos de especificaciones técnicos o controlar flujos de navegación.

  3. Andrea dijo:

    !Gracias para su mención de ProtoShare! Perdóname, pero mi español ha atrofiado.

    Knowing how to design a website or web application interface based on client and user requirements is becoming more important as companies use the Internet as a primary means of communication, commerce, and brand building. Interfaces should be clear, concise, and easy to use. By wireframing and even prototyping an interface teams can work through any pitfalls in the design and functionality to provide a better final product.

    ProtoShare allows teams to work together (even remotely) to review and interact with prototypes allowing different layouts per page, custom components provided by HTML and CSS, pulling in i-frames of old sites or references for inspiration, export to Word docs for the programmers, and even export to HTML to test interactions with end users.

    As you mention, there are many tools available, so finding the one that best suits your needs, as well as the project’s needs, is key to successful implementation of the application into your process.

    Cheers,
    andrea @ ProtoShare

  4. Pingback: Justinmind Prototyper primeras impresiones « El Blog de Salvador Vilalta

  5. Domingo dijo:

    “Este tipo de herramientas son utilizadas en consultoría para la realización de prototipos comprensibles para que los desarrolladores puedan llevar a cabo su trabajo”

    Estas herramientas no son para que los desarrolladores “puedan llevar a cabo su trabajo” hombre, hay muchos conceptos sobre ingeniería del software que te pueden dar una idea de lo que de verdad ayuda a los desarrolladores a llevar a cabo su trabajo. Estas herramientas principalmente han servido para acercar a desarrolladores y clientes… para que el cliente entendiera lo que los documentos no técnicos decían (ya que ni se leía los técnicos ni los no técnicos). Obviamente le facilita finalmente el trabajo al desarrollador (de la misma manera que lo haría si el cliente se leyera la documentación generada y no se inventara lo que será su aplicación).

    Domingo Dominguez.

    • svilalta dijo:

      Gracias por tu comentario Domingo.
      Estoy de acuerdo con tu comentario. Cuando comentaba que estas herramientas ayudaban a los desarrolladores a llevar a cabo su trabajo, me refería a acercar el prototipo óptimo para un desarrollo con el objeto de consensuarlo con el cliente antes de la programación del mismo (haciendo comprensible de forma visual e incluso funcional dicho desarrollo). De ese modo se pueden evitar errores de comprensión que impliquen horas de trabajo en desarrollo literalmente perdidas.

      En mi experiencia también he observado que no siempre la visión del programador es la óptima, en términos de usabilidad en muchas aplicaciones y es en este punto, donde el consultor puede aportar valor usando este tipo de herramientas.

      Salu2

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s