Saltar al contenido

Herramientas para desarrollar prototipos web

18 enero 2010

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)

Advertisement
6 comentarios dejar un →
  1. 27 enero 2010 4:25 pm

    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.

  2. 2 febrero 2010 9:03 pm

    !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

  3. 14 diciembre 2011 9:57 am

    “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 Enlace permanente*
      14 diciembre 2011 10:24 am

      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

Trackbacks

  1. Bitacoras.com
  2. Justinmind Prototyper primeras impresiones « El Blog de Salvador Vilalta

Deja un comentario

Fill in your details below or click an icon to log in:

Gravatar
Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s

Seguir

Get every new post delivered to your Inbox.

Únete a otros 73 seguidores