Posts Tagged ‘prototipado’

Yahoo te ayuda a… prototipar

Saturday, August 2nd, 2008

[Vía Torres Burriel]

Yahoo, en su afán de ayudar a los desarrolladores web, nos ofrece ahora una batería de objetos que podemos incorporar en nuestros prototipos. Esta librería de objetos está disponible en diversos formatos: SVG, PNG, PDF y además puedes integrarlos en Visio y en Omnigraffle.

Yahoo Stencils

Yahoo los organiza en categorías como:

  • Publicidad
  • Calendarios
  • Galerías / Carruseles
  • Gráficos y tablas
  • Controles
  • Formularios
  • Rejillas
  • Menús
  • Navegación y paginación
  • Elementos de sistemas operativos
  • Elementos de texto
  • Pestañas
  • Resoluciones de pantalla

Por cierto! a ver si tengo tiempo y escribo algo sobre Omnigraffle, uno de los programas más útiles que he visto a la hora de ayudarnos a hacer prototipos. Solo está disponible para Mac y es de pago, pero es una auténtica maravilla y realmente cómodo y fácil de usar.

Prototipos, wireframes, diagramas…

Wednesday, March 12th, 2008

No os perdáis el estupendo artículo de Olga Carreras sobre prototipado. En su línea: completo, organizado y muy bien explicado.

Protototipado de baja fidelidad y openoffice.org draw

Tuesday, November 7th, 2006

Hace unos dias he tenido que crear mi primer prototipo de web, espero probarlo en breve con usuarios reales, (más información en Sidar). No sabia que herramienta usar, me habian recomendado Powerpoint y habia leido que seria mejor utilizar papel y lapiz, tambien estan las herramientas dedicadas a ese fin como Axure, que estan lejos de mis posibilidades económicas, ademas de ser un programa que requiere algunas horas de formacion para explotarlo en todo su potencial.

¿ Porque elegí openoffice.org draw ?

OpenOffice.org es una suite ofimática de software libre y código abierto que incluye herramientas como procesador de textos, hoja de cálculo, presentaciones, herramientas para el dibujo vectorial y base de datos. Esta pensado como alternativa al paquete ofimatico de Microsoft Office.

OpenOffice.org Draw es un editor de gráficos de vectores, parte de la suite ofimática OpenOffice.org.

Pantallazo 1

Cumple sobradamente con las funcionalidades que yo necesitaba:

  • Dibujar formas básicas
  • Editor de textos rápido
  • crear plantillas base
  • Arrastrar y pegar imágenes, gráficos vectoriales, etc…
  • Crear nuevas paginas de forma rápida

Desde luego hay otras opciones interesantes:

Powerpoint

  • Es una herramienta muy versatil, que permite tener tus propias galerias, estilos, y dibujar formas basicas
  • Permite definir paginas maestras
  • Si el cliente muestra capacidad para poder resolver problemas de interacción, no le costaria rehacer prototipos con nuestras directrices

Papel y lapiz

  • Mayor creatividad en las soluciones, Al “desconectar” del medio en el que se desarrolla la solución, partimos de menos condicionantes.
  • La gente capaz de desarrollar plantillas con lápiz y papel, son capaces de hacerlo a buen ritmo, sin necesidad de paginas maestras, galerias de elementos, etc…

Está claro que hay programas mucho mas completos en el mercado pero creo que esto, que sean mas completos, es lo que no me gusta de ellos:

  • Los programas de diseño ( fireworks, photoshop, etc…), nos hacen pensar en soluciones de diseño como resolucion, fuentes, colores, suavizados, nada mas lejos de la misión de un prototipo.
  • Los programas de diagramas que conozco son demasiado amplios ( Visio ) o se limitan a un tipo de diagrama concreto (umleditor para eclipse), descuidando otros detalles.

Espero poner mas comentarios sobre mi iniciación a esto del mundo del prototipado.

Ultimo apunte
A la hora de hacer prototipos el programa no es lo más importante y por tanto un programa como Draw que permite hacer casi todo lo que necesitamos es una buena opción.
( Hasta que hagan “Google Draw” claro ).

Os aconsejo que leais La definición de la wiki.

Por cierto, soy Elías Fernández y este es mi primer post en tripix .

;D

Axure. Software para Wireframes

Monday, June 5th, 2006

Un reciente artículo del amigo Daniel Torres me ha hecho volver a interesarme y ponerma algo al día sobre el tema de los wireframes.

Tengo que reconocer que no siempre los uso, aunque si que suelo hacerlo cuando se trata de proyectos con características novedosas o especialmente complejos. Hasta ahora hacía algunos prototipos en alguna herramienta de dibujo vectorial con anotaciones “manuales”. Bien, dando vueltas por diversas páginas (tomando como punto de partida el mencionado artículo) acabé encontrando en un artículo de Galinus en el que José Florido, de avidos, recomendaba el uso de Axure Pro.

La verdad es que lo he estado probando y me ha parecido una herramienta muy útil que me gustaría comentar.

Caja de objetos de Axure

Axure facilita mucho el trabajo con una serie de objetos predefinidos que cubren la mayoría de las necesidades que puede tener un desarrollador la hora de integrar elementos en un prototipo. Solo es necesario arrastrar y soltar sobre una rejilla. Algunos de los más interesantes son:

  • Rectángulos para delimitar bloques
  • Paneles de texto
  • Enlaces
  • Imágenes
  • Botones
  • Elementos de formulario
  • Lineas
  • Formas

Caja de plantillas de Axure

Se pueden crear plantillas, es decir, conjuntos de objetos resultados de la combinación de otros. Yo por ejemplo siempre uso la misma forma para presentar una caja de autentificación, tengo guardada la plantilla y cuando tengo que ponerla en un prototipo solo tengo que arrastrar y soltar sobre el prototipo. Lógicamente si se modifica la plantilla se modifica su presentación en cada prototipo.
Caja de especificaciones de axure

Lo más interesante de esta herramienta, para mi gusto, es que cada elemento del prototipo puede ser comentado y definido de forma exahustiva con campos como: nombre del elemento, definición, estado (propuesto, aprobado, incorporado), beneficio que aporta (crítico, importante, útil), riesgo de incorporarlo y otros. Esto permite ir evolucionando el prototipo y mantener el estatus de un elemento a medida que se van haciendo cambios.

exportacion html de axure

Por último, otra genial utilidad es que los prototipos, que se van organizando a modo de árbol, son exportados a html y los comentarios de cada elemento se pueden ir viendo sobre la propia presentación. Este sistema facilita muchísimo la presentación de los prototipos al cliente manteniendo anotadas todas tus notas sobre cada elemento. Además también te permite exportar a Word todos los comentarios que haces sobre cada prototipo lo cual ayuda mucho ha la hora de generar un documento explicativo.

El problema principal de este programa es que es caro (unos 500€) y se echan en falta dos cosas: poder hacer versiones de cada prototipo y el que incorporase elementos predefinidos estandarizados ya que solo permite utilizar los suyos.

En resumen, una buena herramienta que facilita muchísimo el trabajo de prototipado.